.panel-grid.panel-has-style>.panel-row-style,.panel-grid.panel-no-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}.panel-grid .so-parallax{position:relative}.panel-grid .so-parallax>:not(.simpleParallax){position:relative;z-index:1}.panel-grid .so-parallax .simpleParallax{overflow:hidden}.panel-grid .so-parallax .simpleParallax,.panel-grid .so-parallax img[data-siteorigin-parallax]{bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.panel-background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.panel-has-overlay .panel-cell-style,.panel-has-overlay .panel-row-style,.panel-has-overlay .panel-widget-style{overflow:hidden;position:relative;z-index:1}.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,.panel-layout.panel-is-rtl .panel-grid.panel-no-style{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.panel-grid-cell{-ms-box-sizing:border-box;box-sizing:border-box}.panel-grid-cell .panel-cell-style{height:100%}.panel-grid-cell .so-panel{zoom:1}.panel-grid-cell .so-panel:before{content:"";display:block}.panel-grid-cell .so-panel:after{content:"";display:table;clear:both}.panel-grid-cell .panel-last-child{margin-bottom:0}.panel-grid-cell .widget-title{margin-top:0}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container){overflow-x:hidden}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch{margin-right:-1000px!important;margin-left:-1000px!important;padding-right:1000px!important;padding-left:1000px!important}.so-sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active { outline: 0;
}
a img {
border: 0;
}  body,
button,
input,
select,
textarea {
color: #333;
font-family: Arial;
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 1.5;
font-size: 13px;
} a {
color: #248cc8;
}
a:hover,
a:focus,
a:active {
color: #f47e3c;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
} p {
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b,
strong {
font-weight: 700;
font-weight: bold;
}
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;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
}
code,
kbd,
tt,
var {
font-family: "Courier New", Courier, mono;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em 0;
width: 100%;
}
th {
font-weight: bold;
}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline;
*vertical-align: middle;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
button,
input { line-height: normal; *overflow: visible;
}
a.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 12px 20px;
border-top: solid 1px #d2d2d2;
border-left: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
border-bottom: solid 1px #9f9f9f;
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #dfdfdf);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
color: #646464;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
width: auto;
text-decoration: none; cursor: pointer; line-height: 1;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
a.button:focus,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus { border-top: solid 1px #dadada;
border-left: solid 1px #cfcfcf;
border-right: solid 1px #cfcfcf;
border-bottom: solid 1px #a8a8a8;
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #ffffff));
background: -ms-linear-gradient(bottom, #ebebeb, #ffffff);
background: -moz-linear-gradient(center bottom, #ebebeb 0%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #ebebeb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
}
a.button:active,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active { border-top: solid 1px #aaa;
border-left: solid 1px #bbb;
border-right: solid 1px #bbb;
border-bottom: solid 1px #bbb;
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
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 {
border: 1px solid #ccc;
border-radius: 3px;
box-sizing: border-box;
color: #666;
font-weight: normal;
line-height: normal;
outline: none;
padding: 9px 12px;
max-width: 100%;
-webkit-appearance: none;
}
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;
}
input[type="checkbox"] {
margin-right: 2px;
}
select {
border: 1px solid #ccc;
max-width: 100%;
}
textarea {
overflow: auto;
vertical-align: top;
width: 100%;
} .alignnone,
.aligncenter {
margin-bottom: 1.6em;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
} .assistive-text {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.page-links {
clear: both;
}
#site-title a {
color: inherit;
}
body {
background: #dadada;
} #page-wrapper {
padding-top: 20px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1080px;
margin: 0 auto;
}
.layout-full #page-wrapper {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.layout-full #page-wrapper .full-container {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media (max-width: 1080px) {
.responsive.layout-boxed #page-wrapper {
margin: 0;
padding: 0;
}
.responsive.layout-boxed #colophon {
margin-bottom: 0;
}
}
.layout-full.page-layout-no-sidebar .alignfull,
.layout-full.page-template-home-panels .alignfull,
.layout-full.page-template-template-full-notitle .alignfull,
.layout-full.page-template-template-full .alignfull {
margin-left: calc(50% - 50vw);
width: 100vw;
}
@media (min-width: calc(1080px + 200px)) {
.layout-full.page-layout-no-sidebar .alignwide,
.layout-full.page-template-home-panels .alignwide,
.layout-full.page-template-template-full-notitle .alignwide,
.layout-full.page-template-template-full .alignwide {
left: -100px;
position: relative;
width: calc(100% + 20vw);
}
}
.layout-full.page-layout-no-sidebar .alignfull .wp-block-group__inner-container,
.layout-full.page-template-home-panels .alignfull .wp-block-group__inner-container,
.layout-full.page-template-template-full-notitle .alignfull .wp-block-group__inner-container,
.layout-full.page-template-template-full .alignfull .wp-block-group__inner-container {
margin: auto;
max-width: 1080px;
}
.layout-boxed.page-layout-no-sidebar .alignfull,
.layout-boxed.page-template-home-panels .alignfull,
.layout-boxed.page-template-template-full-notitle .alignfull,
.layout-boxed.page-template-template-full .alignfull {
margin-right: -35px;
margin-left: -35px;
}
.entry-content > div[class^='wp-block-'] {
margin-bottom: 25px;
}
#masthead {
background: #fcfcfc;
padding: 0 35px 0 35px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
zoom: 1;
}
#masthead:before {
content: '';
display: block;
}
#masthead:after {
content: '';
display: table;
clear: both;
}
#masthead h1,
#masthead .site-title {
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 0;
}
#masthead h1.logo-title,
#masthead .site-title.logo-title {
display: inline-block;
margin-left: 20px;
}
#masthead .hgroup {
position: relative;
padding-top: 45px;
padding-bottom: 45px;
}
#masthead .hgroup:not(.masthead-sidebar) {
gap: 25px;
display: flex;
justify-content: space-between;
}
#masthead .hgroup a {
text-decoration: none;
}
#masthead .hgroup h1,
#masthead .hgroup .site-title {
color: #666;
font-weight: 100;
font-size: 36px;
line-height: 1em;
vertical-align: middle;
}
#masthead .hgroup .logo {
display: block;
float: left;
max-width: 100%;
}
#masthead .hgroup .logo img {
vertical-align: middle;
}
#masthead .hgroup .site-description {
clear: both;
color: #4b4b4b;
font-style: italic;
font-size: 13px;
margin-bottom: 0;
padding-top: 5px;
}
#masthead .hgroup .support-text {
align-self: center;
color: #4b4b4b;
font-style: italic;
line-height: 1.2em;
margin-top: -0.6em;
max-width: 50%;
}
#masthead .hgroup #header-sidebar {
align-self: center;
box-sizing: border-box;
height: 100%;
}
@media (min-width: 680px) {
#masthead .hgroup #header-sidebar {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 25px;
}
}
#masthead .hgroup #header-sidebar aside.widget {
margin: 0;
position: relative;
}
#masthead .hgroup #header-sidebar aside.widget.widget_circleicon-widget {
clear: none;
}
#masthead .hgroup #header-sidebar aside.widget:last-child {
margin-right: 0;
}
#masthead .hgroup #header-sidebar .widget-title {
font-weight: bold;
margin-bottom: 5px;
}
#masthead.masthead-logo-in-menu .main-navigation {
zoom: 1;
}
#masthead.masthead-logo-in-menu .main-navigation:before {
content: '';
display: block;
}
#masthead.masthead-logo-in-menu .main-navigation:after {
content: '';
display: table;
clear: both;
}
#masthead.masthead-logo-in-menu .main-navigation .full-container {
align-items: center;
display: flex;
}
#masthead.masthead-logo-in-menu .menu-mobilenav-container {
margin-right: 0;
margin-left: auto;
}
#masthead.masthead-logo-in-menu .logo-in-menu-wrapper {
margin-bottom: auto;
margin-right: 15px;
margin-top: auto;
padding: 10px 0;
}
#masthead.masthead-logo-in-menu .logo {
align-items: center;
display: flex;
}
#masthead.masthead-logo-in-menu .logo > * {
display: block;
}
#masthead.masthead-logo-in-menu .logo > img {
max-height: 33px;
width: auto;
height: auto;
max-width: 100%;
}
#masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain {
max-height: none;
}
#masthead.masthead-logo-in-menu .logo > h1,
#masthead.masthead-logo-in-menu .logo > .site-title {
font-size: 20px;
font-weight: 100;
padding: 7px 15px;
}
@media (max-width: 680px) {
#masthead.masthead-logo-in-menu.unconstrained-logo .logo {
flex-direction: column;
}
}
#masthead.masthead-logo-in-menu .site-description {
clear: both;
color: #e2e2e2;
font-size: 12px;
font-style: italic;
margin: -10px 0 0;
padding: 0 0 15px;
}
#masthead .main-navigation-container {
display: flex;
}
#masthead:not(.masthead-logo-in-menu) .main-navigation-container .mobile-nav-customize-wrapper,
#masthead:not(.masthead-logo-in-menu) .main-navigation-container > div[class^="menu"],
#masthead.masthead-logo-in-menu .main-navigation-container {
flex: 2;
}
.vantage-sticky-menu #masthead.masthead-logo-in-menu img.alt-logo,
#masthead.masthead-logo-in-menu img.alt-logo-scroll {
display: none;
}
.vantage-sticky-menu #masthead.masthead-logo-in-menu img.alt-logo-scroll {
display: block;
}
.layout-boxed #masthead.masthead-logo-in-menu .logo,
.layout-boxed #masthead.masthead-logo-in-menu .site-description {
margin-left: 25px;
}
body.ie-8 #masthead .hgroup #header-sidebar,
body.ie-9 #masthead .hgroup #header-sidebar {
padding-top: 40px;
padding-bottom: 40px;
}
#main {
zoom: 1;
}
#main:before {
content: '';
display: block;
}
#main:after {
content: '';
display: table;
clear: both;
}
#primary {
float: left;
width: 71.287%;
}
body.sidebar-position-left #primary {
float: right;
}
body.sidebar-position-left.page-template-home-panels #primary,
body.sidebar-position-left.page-template-template-full #primary,
body.sidebar-position-left.page-template-template-full-notitle #primary {
float: none;
}
body.sidebar-position-none #primary {
float: none;
width: auto;
}
body.no-sidebar #primary {
float: none;
width: auto;
} body.siteorigin-panels-lite-home #primary,
body.vantage-layout-width-full-width #primary,
body.vantage-layout-width-full-width-stretched #primary {
width: auto;
float: none;
}
.vantage-layout-width-full-width-stretched #main > .full-container {
max-width: 100% !important;
}
.vantage-layout-width-normal #primary {
float: left;
width: 71.287%;
}
#secondary {
float: right;
width: 23.762%;
}
body.sidebar-position-left #secondary {
float: left;
}
body.sidebar-position-none #secondary {
display: none;
}
.siteorigin-panels-home #primary,
.page-template-templatestemplate-full-php #primary,
.page-template-home-panels-php #primary,
.page-template-templatestemplate-full-notitle-php #primary {
width: auto;
float: none;
}
.page-template-default #primary {
float: left;
width: 71.287%;
}
#main {
background: #fcfcfc;
padding: 35px;
} @media (max-width: 1080px) {
body.responsive #masthead .hgroup .logo img,
body.responsive #masthead .hgroup .custom-logo { max-width: 100%;
height: auto;
}
body.responsive #masthead.masthead-logo-in-menu .logo,
body.responsive #masthead.masthead-logo-in-menu .site-description {
margin-left: 20px;
}
body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li {
float: right;
}
body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a {
padding-left: 20px;
padding-right: 20px;
}
}
#masthead.force-responsive .hgroup {
display: block;
text-align: center;
}
#masthead.force-responsive .hgroup .logo {
float: none;
}
#masthead.force-responsive .hgroup .logo img {
margin: 0 auto;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#masthead.force-responsive .hgroup .support-text,
#masthead.force-responsive .hgroup #header-sidebar {
position: static;
display: block;
margin-top: 30px;
max-width: 100%;
}
#masthead.force-responsive .hgroup .support-text img,
#masthead.force-responsive .hgroup #header-sidebar img {
max-width: 100%;
height: auto;
}
#masthead.force-responsive .hgroup #header-sidebar {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: auto;
}
#masthead.force-responsive .hgroup #header-sidebar .widget {
display: block;
margin: 0 auto;
}
#masthead.force-responsive .hgroup #header-sidebar > .widget {
margin-bottom: 1.25em;
}
#masthead.force-responsive .hgroup #header-sidebar > .widget:last-of-type {
margin-bottom: 0;
} @media (max-width: 680px) {
body.responsive #masthead .hgroup {
display: block;
text-align: center;
}
body.responsive #masthead .hgroup .logo {
float: none;
}
body.responsive #masthead .hgroup .logo img {
margin: 0 auto;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
body.responsive #masthead .hgroup .support-text,
body.responsive #masthead .hgroup #header-sidebar {
position: static;
display: block;
margin-top: 30px;
max-width: 100%;
}
body.responsive #masthead .hgroup .support-text img,
body.responsive #masthead .hgroup #header-sidebar img {
max-width: 100%;
height: auto;
}
body.responsive #masthead .hgroup #header-sidebar {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: auto;
}
body.responsive #masthead .hgroup #header-sidebar .widget {
display: block;
margin: 0 auto;
}
body.responsive #masthead .hgroup #header-sidebar > .widget {
margin-bottom: 1.25em;
}
body.responsive #masthead .hgroup #header-sidebar > .widget:last-of-type {
margin-bottom: 0;
}
body.responsive #primary,
body.responsive #secondary {
width: auto;
float: none;
}
body.responsive #secondary {
margin-top: 35px;
}
body.responsive #footer-widgets .widget {
display: block;
margin-bottom: 25px;
float: none;
}
body.responsive #footer-widgets .widget:last-child {
margin-bottom: 0;
}
}
body.responsive #page-wrapper {
max-width: 1080px;
width: auto;
overflow-x: hidden;
}
body.responsive.layout-full #page-wrapper {
max-width: 100%;
}
body.responsive.layout-boxed #page-wrapper {
overflow-x: visible;
}
body.responsive.layout-full #page-wrapper .full-container {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
} @media screen and (max-width: 640px) {
body.responsive #footer-widgets .widget,
body.responsive #masthead-widgets .widget {
width: auto;
float: none;
padding: 0;
padding-bottom: 25px;
}
} .main-navigation {
background: #343538;
clear: both;
font-size: 0;
margin: 0 -35px;
position: relative;
z-index: 1499;  }
.main-navigation [class^="fa fa-"] {
display: inline-block;
margin-right: 15px;
font-size: 16px;
line-height: 0.5em;
color: #ccc;
}
.main-navigation a:hover [class^="fa fa-"],
.main-navigation a.focus [class^="fa fa-"] {
color: #fff;
}
.main-navigation ul {
text-align: left;
list-style: none;
margin: 0;
padding-left: 0;
zoom: 1; }
.main-navigation ul:before {
content: '';
display: block;
}
.main-navigation ul:after {
content: '';
display: table;
clear: both;
}
.main-navigation ul li {
display: inline-block;
font-size: 13px;
position: relative;
}
.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a {
background: #00bcff;
color: #fff;
}
.main-navigation ul li a {
padding: 20px 35px;
line-height: 1em;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.main-navigation ul li a,
.main-navigation ul li a > * {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.main-navigation ul ul {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-webkit-transition: opacity 0.25s ease;
-moz-transition: opacity 0.25s ease;
-o-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
background: #464646;
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 99999; }
.main-navigation ul ul a {
width: 200px;
padding: 15px 20px;
}
.main-navigation ul ul li {
position: relative;
text-align: left; }
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.focus > a {
background: #00bcff;
color: #fff;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
margin-left: 0;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
visibility: visible;
opacity: 1;
}
.main-navigation a {
display: block;
text-decoration: none;
color: #e2e2e2;
font-weight: bold;
} body.vantage-sticky-menu.layout-full .site-navigation {
right: 0;
left: 0;
margin-right: 0;
margin-left: 0;
}
body.vantage-sticky-menu.layout-boxed .main-navigation {
width: 100%;
max-width: 1080px;
}
body.vantage-sticky-menu.mega-menu-primary.layout-boxed .site-navigation {
max-width: 1100px;
}
body.vantage-sticky-menu.mega-menu-primary.layout-full .site-navigation {
padding-left: 35px;
padding-right: 35px;
}
body.vantage-sticky-menu.mega-menu-primary .site-navigation {
z-index: 9999;
}
@media (min-width: 783px) {
body.vantage-sticky-menu.admin-bar .site-navigation.use-vantage-sticky-menu {
top: 32px;
}
}
@media (max-width: 782px) and (min-width: 601px) {
body.vantage-sticky-menu.admin-bar .site-navigation.use-vantage-sticky-menu {
top: 42px;
}
}
body.vantage-sticky-menu .site-navigation.sticky {
position: fixed;
top: 0;
}
body.admin-bar:not(.vantage-sticky-menu) .site-navigation.use-vantage-sticky-menu {
top: 0;
}
.main-navigation.sticky:after {
bottom: -6px;
box-shadow: rgba(0, 0, 0, 0.25) 0 6px 6px -6px inset;
content: "";
height: 6px;
position: absolute;
width: 100%;
}
.has-menu-search .main-navigation div > ul:not([id*='mobile-nav-item-wrap']):not([class*='product_list_widget']) {
margin-right: 59px;
}
.has-menu-search.has-mini-cart .main-navigation ul:not([id*='mobile-nav-item-wrap']):not([class*='shopping-cart']):not([class*='shopping-cart-dropdown']):not([class*='product_list_widget']) {
margin-right: 118px;
} body.so-vantage-mobile-device .main-navigation ul ul {
display: none;
}
body.so-vantage-mobile-device .main-navigation li:hover > ul {
display: block;
}
.mobile-nav-frame [class^="fa fa-"] {
display: inline-block;
margin-right: 10px;
min-width: 1em;
}
.mobile-nav-frame img {
max-height: 18px;
max-width: 18px;
margin-right: 10px;
}
.mobile-nav-icon {
font-family: 'FontAwesome';
display: inline-block;
margin-right: 10px;
}
.mobile-nav-icon:before {
font-size: 14px;
content: "\f00b";
}
.mobilenav-main-link img {
max-height: 15px;
max-width: 20px;
margin-right: 10px;
}
#search-icon {
position: absolute;
top: 0;
right: 0;
height: 100%;
z-index: 110;
}
#search-icon #search-icon-icon {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
cursor: pointer;
background-color: #303134;
width: 59px;
height: 100%;
}
#search-icon #search-icon-icon,
#search-icon #search-icon-icon .icon-search {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#search-icon #search-icon-icon .vantage-icon-search {
position: absolute;
display: block;
width: 17px;
height: 17px;
font-size: 17px;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8.5px;
color: #d1d1d1;
}
#search-icon #search-icon-icon img {
position: absolute;
display: block;
max-width: 17px;
max-height: 17px;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8.5px;
}
#search-icon #search-icon-icon:hover,
#search-icon #search-icon-icon:focus {
background-color: #00bcff;
}
#search-icon #search-icon-icon:hover .vantage-icon-search,
#search-icon #search-icon-icon:focus .vantage-icon-search {
color: #fff;
}
#search-icon .searchform {
display: none;
position: absolute;
top: 100%;
right: 0;
width: 1080px;
background: #2d2e31;
z-index: 10;
overflow-x: hidden;
}
#search-icon .searchform input[name=s] {
color: #d1d1d1;
font-size: 17px;
font-weight: 200;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
height: 42px;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: transparent;
outline: none;
padding: 0 15px;
} article.sticky { }
#page-title {
color: #3b3b3b;
margin-bottom: 25px;
font-size: 1.8em;
font-weight: 500;
}
#page-title a {
color: inherit;
text-decoration: none;
font-weight: bold;
}
.taxonomy-description {
margin-top: -15px;
color: #666;
font-style: italic;
}
article.post,
article.page {
zoom: 1;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #eee;
}
article.post:before,
article.page:before {
content: '';
display: block;
}
article.post:after,
article.page:after {
content: '';
display: table;
clear: both;
}
article.post footer,
article.page footer {
float: left;
width: 17.5%;
}
article.post footer .post-type-icon,
article.page footer .post-type-icon {
width: 50px;
height: 50px;
background: #4f5355;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
article.post footer .tags,
article.page footer .tags {
margin-top: 15px;
line-height: 1em;
}
article.post footer .tags a,
article.page footer .tags a {
display: inline-block;
margin-right: 4px;
background: #74787a;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 1em;
padding: 4px 5px;
color: white;
text-decoration: none;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
article.post .entry-header,
article.page .entry-header {
margin-bottom: 20px;
}
article.post .entry-header .entry-thumbnail,
article.page .entry-header .entry-thumbnail {
margin-bottom: 20px;
}
article.post .entry-header .entry-thumbnail img,
article.page .entry-header .entry-thumbnail img {
display: block;
max-width: 100%;
height: auto;
}
article.post .entry-header .entry-thumbnail a,
article.page .entry-header .entry-thumbnail a {
display: inline-block;
}
article.post .entry-header .entry-video,
article.page .entry-header .entry-video {
margin-bottom: 20px;
}
article.post .entry-header h1.entry-title,
article.page .entry-header h1.entry-title {
color: #3b3b3b;
font-size: 20px;
font-weight: 500;
line-height: 1.35em;
}
article.post .entry-header h1.entry-title a,
article.page .entry-header h1.entry-title a {
color: inherit;
text-decoration: none;
}
article.post .entry-header .entry-meta,
article.page .entry-header .entry-meta {
color: #8f8f8f;
font-size: 12px;
}
article.post .entry-header .entry-meta::first-letter,
article.page .entry-header .entry-meta::first-letter {
text-transform: uppercase;
}
@media (max-width: 680px) {
article.post .entry-header .entry-meta,
article.page .entry-header .entry-meta {
font-size: 14px;
}
}
article.post .entry-header .entry-meta a,
article.page .entry-header .entry-meta a {
font-weight: 500;
color: #5e5e5e;
text-decoration: none;
}
article.post:last-child,
article.page:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
article.post .more-link,
article.page .more-link {
float: right;
text-decoration: none;
padding: 4px 10px;
border-top: solid 1px #d2d2d2;
border-left: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
border-bottom: solid 1px #9f9f9f;
background: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fff));
background: -ms-linear-gradient(bottom, #dfdfdf, #fff);
background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #fff 100%);
background: -o-linear-gradient(#fff, #dfdfdf);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dfdfdf', GradientType=0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
font-weight: bold;
color: #646464;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125);
box-shadow: 0 1px 1px rgba(0,0,0,0.125);
}
article.post .more-link .meta-nav,
article.page .more-link .meta-nav {
display: none;
}
article.post .author-box,
article.page .author-box {
margin: 20px 0 0 0;
border: 1px solid #ccc;
background: #f0f0f0;
position: relative;
zoom: 1;
}
article.post .author-box:before,
article.page .author-box:before {
content: '';
display: block;
}
article.post .author-box:after,
article.page .author-box:after {
content: '';
display: table;
clear: both;
}
article.post .author-box .avatar-box,
article.page .author-box .avatar-box {
padding: 25px;
position: absolute;
top: 0;
left: 0;
}
article.post .author-box .avatar-box .avatar-wrapper,
article.page .author-box .avatar-box .avatar-wrapper {
background: #fff;
padding: 5px;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
article.post .author-box .avatar-box .avatar-wrapper img,
article.page .author-box .avatar-box .avatar-wrapper img {
display: block;
}
article.post .author-box .box-content,
article.page .author-box .box-content {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 25px;
margin-left: 132px;
background: #f9f9f9;
min-height: 132px;
border-left: 1px solid #ccc;
-webkit-box-shadow: inset 2px 0 2px rgba(0,0,0,0.035);
-moz-box-shadow: inset 2px 0 2px rgba(0,0,0,0.035);
box-shadow: inset 2px 0 2px rgba(0,0,0,0.035);
}
article.post .author-box .box-content .box-title,
article.page .author-box .box-content .box-title {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
}
article.post .author-box .box-content .box-title h3,
article.page .author-box .box-content .box-title h3 {
color: #3b3b3b;
font-size: 1.25em;
line-height: 1.1em;
font-weight: 500;
margin: 0.6em 0 0;
}
article.post .author-box .box-content .author-posts a,
article.page .author-box .box-content .author-posts a {
color: #777;
font-size: 0.9em;
text-decoration: none;
}
article.post .author-box .box-content .author-posts a:hover,
article.page .author-box .box-content .author-posts a:hover {
color: #248cc8;
}
article.post .author-box .box-content .box-description,
article.page .author-box .box-content .box-description {
min-height: 0;
margin-bottom: 0;
}
article.post .author-box .box-content .box-description > *:first-child,
article.page .author-box .box-content .box-description > *:first-child {
margin-top: 0;
}
article.post .author-box .box-content .box-description > *:last-child,
article.page .author-box .box-content .box-description > *:last-child {
margin-bottom: 0;
}
article.post .share-buttons,
article.page .share-buttons {
margin: 20px 0 0 0;
padding: 15px 25px;
border: 1px solid #ccc;
background: #f9f9f9;
list-style: none;
zoom: 1;
}
article.post .share-buttons:before,
article.page .share-buttons:before {
content: '';
display: block;
}
article.post .share-buttons:after,
article.page .share-buttons:after {
content: '';
display: table;
clear: both;
}
article.post .share-buttons li,
article.page .share-buttons li {
height: 20px;
display: block;
float: left;
max-width: 110px;
}
@media (max-width: 480px) {
article.post .share-buttons li,
article.page .share-buttons li {
width: inherit !important;
float: none;
margin-bottom: 10px;
}
article.post .share-buttons li:last-child,
article.page .share-buttons li:last-child {
margin-bottom: 0;
}
}
article.post .entry-summary p:last-child,
article.page .entry-summary p:last-child {
margin-bottom: 0;
}
article.post .entry-categories,
article.page .entry-categories {
margin-top: 1.5em;
color: #999;
font-size: 0.85em;
}
@media (max-width: 680px) {
article.post .entry-categories,
article.page .entry-categories {
font-size: 13px;
}
}
article.post .entry-categories a,
article.page .entry-categories a {
color: #777777;
}
article.post.post-with-thumbnail-icon .entry-thumbnail,
article.page.post-with-thumbnail-icon .entry-thumbnail {
margin-top: 0.2em;
float: left;
clear: none;
width: 11.68%; }
article.post.post-with-thumbnail-icon .entry-thumbnail img,
article.page.post-with-thumbnail-icon .entry-thumbnail img {
width: 100%;
height: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
article.post.post-with-thumbnail-icon .entry-main,
article.page.post-with-thumbnail-icon .entry-main {
width: 650px;
width: 84.41%; float: right;
}
.related-posts-section {
margin-bottom: 15px;
overflow: auto;
}
.related-posts-section .related-posts {
border-bottom: 2px solid #555;
color: #444;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 1em;
margin-bottom: 20px;
padding-bottom: 5px;
}
.related-posts-section ol {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.related-posts-section ol li {
display: block;
float: left;
margin: 0 0 25px 0;
width: 31%;
}
@media (max-width: 768px) {
.related-posts-section ol li {
width: 100%;
}
}
.related-posts-section ol li:nth-child(3n+1) {
margin-right: 3.5%;
}
@media (max-width: 768px) {
.related-posts-section ol li:nth-child(3n+1) {
margin-right: 0;
}
}
.related-posts-section ol li:nth-child(3n+3) {
margin-left: 3.5%;
}
@media (max-width: 768px) {
.related-posts-section ol li:nth-child(3n+3) {
margin-left: 0;
}
}
.related-posts-section ol li:only-child {
margin-right: 0;
margin-left: 0;
}
.related-posts-section ol li a {
display: block;
line-height: 0;
text-decoration: none;
}
.related-posts-section ol li img {
display: block;
height: auto;
margin: 0 auto 10px;
max-width: 100%;
}
.related-posts-section ol li .related-post-title {
color: #474747;
font-size: 14px;
font-weight: 500;
line-height: normal;
margin: 0 0 3px;
}
.related-posts-section ol li .related-post-date {
color: #747474;
font-size: 13px;
font-weight: normal;
line-height: normal;
margin: 0;
}
.related-posts-section p {
margin-bottom: 25px;
}
.post-navigation,
#image-navigation {
margin-top: -20px;
margin-bottom: 40px;
zoom: 1;
}
.post-navigation:before,
#image-navigation:before {
content: '';
display: block;
}
.post-navigation:after,
#image-navigation:after {
content: '';
display: table;
clear: both;
}
.post-navigation a,
#image-navigation a {
text-decoration: none;
padding: 6px 10px;
border-top: solid 1px #d2d2d2;
border-left: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
border-bottom: solid 1px #9f9f9f;
background: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fff));
background: -ms-linear-gradient(bottom, #dfdfdf, #fff);
background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #fff 100%);
background: -o-linear-gradient(#fff, #dfdfdf);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dfdfdf', GradientType=0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
font-weight: bold;
color: #646464;
display: inline-block;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125);
box-shadow: 0 1px 1px rgba(0,0,0,0.125);
}
@media (max-width: 680px) {
.post-navigation a,
#image-navigation a {
font-size: 14px;
padding: 13px 20px;
}
}
.post-navigation a .meta-nav,
#image-navigation a .meta-nav {
display: inline-block;
}
.post-navigation a:hover,
#image-navigation a:hover {
border-top: solid 1px #dadada;
border-left: solid 1px #cfcfcf;
border-right: solid 1px #cfcfcf;
border-bottom: solid 1px #a8a8a8;
background: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #fff));
background: -ms-linear-gradient(bottom, #ebebeb, #fff);
background: -moz-linear-gradient(center bottom, #ebebeb 0%, #fff 100%);
background: -o-linear-gradient(#fff, #ebebeb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ebebeb', GradientType=0);
}
.post-navigation .nav-previous .meta-nav,
#image-navigation .nav-previous .meta-nav {
margin-right: 7px;
}
.post-navigation .nav-next .meta-nav,
#image-navigation .nav-next .meta-nav {
margin-left: 7px;
}
.single-nav-wrapper {
overflow: hidden;
} #image-navigation {
margin-top: 0px;
margin-bottom: 20px;
}  .entry-header {
zoom: 1;
}
.entry-header:before {
content: '';
display: block;
}
.entry-header:after {
content: '';
display: table;
clear: both;
}
.entry-content {
zoom: 1;
line-height: 1.6;
color: #666; }
.entry-content:before {
content: '';
display: block;
}
.entry-content:after {
content: '';
display: table;
clear: both;
}
.entry-content a {
color: #248cc8;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.entry-content a:hover {
color: #f47e3c;
}
.entry-content p,
.entry-content > ul,
.entry-content > ol,
.entry-content > li,
.entry-content > dl,
.entry-content pre,
.entry-content code,
.entry-content blockquote {
margin: 1em 0;
}
.entry-content > *:last-child {
margin-bottom: 0;
}
.entry-content > *:first-child {
margin-top: 0;
}
.entry-content blockquote {
font-style: italic;
margin-left: 1em;
padding-left: 1em;
border-left: 1px solid #aaa;
}
.entry-content blockquote cite {
font-weight: bold;
}
.entry-content pre {
display: block;
padding: 10px;
word-wrap: break-word;
}
.entry-content code {
display: inline;
padding: 5px;
}
.entry-content pre,
.entry-content code {
background: white;
font-family: "Courier New", Courier, mono;
border: 1px solid #d9d9d9;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
overflow-x: auto;
}
.entry-content pre p:first-child,
.entry-content code p:first-child {
margin-top: 0;
}
.entry-content code {
font-family: "Courier New", Courier, mono;
}
.entry-content sup,
.entry-content sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}
.entry-content sup {
bottom: 1ex;
}
.entry-content sub {
top: 0.5ex;
}
.entry-content .gallery {
margin: 15px 0 25px 0;
}
.entry-content .gallery .gallery-item {
margin-bottom: 0;
}
.entry-content .gallery .gallery-icon {
line-height: 0;
margin-bottom: 0;
}
.entry-content .gallery img {
border: none !important;
vertical-align: middle;
}
.entry-content .gallery .gallery-caption {
margin: 10px;
padding-left: 0;
}
.entry-content table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.entry-content .wp-caption {
max-width: 100%;
margin: 5px 0 30px 0;
border: 1px solid #e0e0e0;
padding: 8px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.entry-content .wp-caption img {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
box-shadow: 0 1px 2px rgba(0,0,0,0.175);
}
.entry-content .wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}
.entry-content .wp-caption:first-child {
margin-top: 25px;
}
.entry-content .wp-caption p.wp-caption-text {
margin: 0;
}
.entry-content .alignleft { margin: 0 1.5em 1.5em 0;
}
.entry-content .alignright { margin: 0 0 1.5em 1.5em;
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.entry-content ul {
list-style-type: square;
}
.entry-content ol {
list-style-type: decimal;
}
.entry-content ol ol {
list-style-type: upper-alpha;
}
.entry-content ol ol ol {
list-style-type: lower-roman;
}
.entry-content ul li,
.entry-content ol li {
margin-left: 1.5em;
}
.entry-content dl dt {
margin-bottom: 5px;
font-weight: bold;
}
.entry-content dl dd {
margin-bottom: 10px;
padding-left: 20px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
color: #444;
margin: 1em 0;
font-weight: 500;
}
.entry-content h1 {
font-size: 1.7em;
}
.entry-content h2 {
font-size: 1.6em;
}
.entry-content h3 {
font-size: 1.5em;
}
.entry-content h4 {
font-size: 1.4em;
}
.entry-content h5 {
font-size: 1.2em;
}
.entry-content h6 {
font-size: 1.1em;
}
.entry-content embed,
.entry-content iframe,
.entry-content object {
max-width: 100%;
}
.entry-content .tags {
color: #999;
}
.entry-content .tags strong {
color: #666;
}
.entry-content .tags a {
color: #999;
text-decoration: none;
} .wp-block-group.has-background {
padding: 25px;
}
.wp-block-group.has-background.alignfull {
padding-right: 0;
padding-left: 0;
}
.wp-block-query ul.wp-block-post-template {
list-style: none;
margin-left: 0;
text-align: center;
} .pagination,
.entry-content .pagination {
position: relative;
font-size: 11px;
line-height: 13px;
text-align: right;
}
.pagination span,
.entry-content .pagination span,
.pagination a,
.entry-content .pagination a {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
background: #4f5355;
border-top: solid 1px #d2d2d2;
border-left: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
border-bottom: solid 1px #9f9f9f;
background: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fff));
background: -ms-linear-gradient(bottom, #dfdfdf, #fff);
background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #fff 100%);
background: -o-linear-gradient(#fff, #dfdfdf);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dfdfdf', GradientType=0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
color: #646464;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
width: auto;
text-decoration: none;
}
.pagination span:last-child,
.entry-content .pagination span:last-child,
.pagination a:last-child,
.entry-content .pagination a:last-child {
margin-right: 0;
}
.pagination a:hover,
.entry-content .pagination a:hover {
background: #f0f0f0;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d0d0), color-stop(1, #f0f0f0));
background: -ms-linear-gradient(bottom, #d0d0d0, #f0f0f0);
background: -moz-linear-gradient(center bottom, #d0d0d0 0%, #f0f0f0 100%);
background: -o-linear-gradient(#f0f0f0, #d0d0d0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0);
color: #606060;
}
.pagination .current,
.entry-content .pagination .current {
border-top: solid 1px #222;
border-left: solid 1px #222;
border-right: solid 1px #222;
border-bottom: solid 1px #222;
background: #333;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #333));
background: -ms-linear-gradient(bottom, #505050, #333);
background: -moz-linear-gradient(center bottom, #505050 0%, #333 100%);
background: -o-linear-gradient(#333, #505050);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#505050', GradientType=0);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0, 0.5);
box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0, 0.5);
color: #efefef;
}
.site-content {
word-wrap: break-word;
}
.site-content .nav-previous,
.site-content .nav-next {
white-space: nowrap;
}
.site-content .nav-previous {
float: left;
width: 50%;
}
.site-content .nav-next {
float: right;
text-align: right;
width: 50%;
}
@media (max-width: 680px) {
body.responsive .site-content .nav-previous,
body.responsive .site-content .nav-next {
float: none;
width: 100%;
margin-bottom: 20px;
text-align: center;
white-space: normal;
}
} #comments-title,
#reply-title {
display: inline-block;
font-size: 14px;
margin-bottom: 20px;
font-weight: 500;
line-height: 1em;
color: #444;
padding-bottom: 5px;
border-bottom: 2px solid #555;
}
#comments-title [class^="fa fa-"],
#reply-title [class^="fa fa-"] {
font-size: 16px;
display: inline-block;
margin-right: 4px;
line-height: 0.75em;
}
#comments .comment-navigation {
zoom: 1;
float: none;
margin-bottom: 2em;
width: 100%;
}
#comments .comment-navigation:before {
content: '';
display: block;
}
#comments .comment-navigation:after {
content: '';
display: table;
clear: both;
}
#comments .commentlist {
margin: 0 0 40px 0;
list-style: none;
}
#comments .commentlist .children {
list-style: none;
}
@media (min-width: 1025px) {
#comments .commentlist .children {
margin-left: 75px;
}
}
#comments .commentlist article {
margin-bottom: 35px;
}
#comments .commentlist article .avatar {
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
#comments .commentlist article .comment-author,
#comments .commentlist article .awaiting-moderation,
#comments .commentlist article .comment-meta,
#comments .commentlist article .comment-content {
margin-left: 75px;
}
#comments .commentlist article .comment-author {
color: #474747;
font-size: 13px;
font-weight: 500;
line-height: 1em;
margin-bottom: 0.35em;
}
@media (max-width: 680px) {
#comments .commentlist article .comment-author {
margin-bottom: 1em;
}
}
#comments .commentlist article .comment-author a {
color: inherit;
text-decoration: none;
}
@media (max-width: 680px) {
#comments .commentlist article .comment-author a {
font-size: 15px;
}
}
#comments .commentlist article .comment-author cite {
font-style: normal;
}
#comments .commentlist article .comment-author .author-comment-label {
position: relative;
top: -3px;
margin: 0 4px;
padding: 2px 5px 3px;
background-color: #eee;
font-size: 11px;
border-radius: 3px;
}
#comments .commentlist article .comment-meta {
font-size: 11.5px;
color: #747474;
line-height: 1em;
margin-bottom: 15px;
}
@media (max-width: 680px) {
#comments .commentlist article .comment-meta {
font-size: 13px;
}
}
#comments .commentlist article .comment-meta a {
color: inherit;
text-decoration: none;
}
#comments .commentlist article .comment-meta .support {
display: inline-block;
margin-left: 15px;
}
#comments .commentlist article .comment-meta .support .comment-edit-link {
margin-left: 15px;
}
#comments .commentlist article .awaiting-moderation {
display: block;
margin-bottom: 10px;
}
#comments .commentlist article .entry-content {
font-size: 12px;
}
#comments .commentlist .bypostauthor { }
#commentform label {
margin-top: 2px;
display: block;
float: left;
width: 25%;
}
#commentform input,
#commentform textarea {
float: left;
width: 75%;
padding: 10px;
font-size: 13px;
}
#commentform textarea {
padding: 10px;
}
#commentform input {
padding: 7px 10px;
}
#commentform p {
zoom: 1;
margin-bottom: 20px;
}
#commentform p:before {
content: '';
display: block;
}
#commentform p:after {
content: '';
display: table;
clear: both;
}
#commentform p.form-submit {
margin-bottom: 0;
}
#commentform #submit {
width: auto;
font-size: 12px;
padding: 10px 20px;
}
@media (max-width: 680px) {
#commentform #submit {
font-size: 14px;
padding: 13px 20px;
}
}
#commentform .form-allowed-tags,
#commentform .form-allowed-tags code,
#commentform .comment-notes {
font-size: 0.8em;
color: #999;
}
#commentform .logged-in-as {
font-size: 0.8em;
color: #999;
margin-bottom: 10px;
text-align: right;
}
@media (max-width: 680px) {
#commentform .logged-in-as {
font-size: 13px;
}
}
#commentform .required {
color: #a40802;
}
#commentform .comment-form-cookies-consent {
align-items: center;
clear: both;
display: flex;
}
#commentform .comment-form-cookies-consent input {
line-height: 1;
margin-right: 7px;
width: auto;
}
#commentform .comment-form-cookies-consent label {
display: inline-block;
font-weight: normal;
margin-bottom: 0;
width: auto;
} #commentform p.comment-subscription-form {
margin-bottom: 0px;
}
#commentform p.comment-subscription-form input[type="checkbox"] {
float: none;
font-size: 1em;
line-height: 1.92857em;
vertical-align: middle;
}
#commentform p.comment-subscription-form label.subscribe-label {
font-size: 1em;
float: none;
line-height: 1.92857em;
font-weight: normal;
margin: 0;
padding-left: 10px;
width: auto;
}
#commentform p.form-submit {
margin-bottom: 2em;
}
@media (max-width: 480px) {
body.responsive #commentform label {
float: none;
width: 100%;
margin-bottom: 3px;
}
body.responsive #commentform input,
body.responsive #commentform textarea {
float: none;
width: 100%;
}
} #colophon {
margin-bottom: 20px;
background: #2f3033;
padding: 30px;
}
#colophon #site-info span:after {
content: "\002d";
display: inline-block;
padding: 0 5px;
}
#colophon #site-info span:last-of-type:after {
content: none;
}
#colophon #theme-attribution,
#colophon #site-info {
text-align: center;
margin-top: 25px;
color: #aaa;
font-size: 11.5px;
}
#colophon #theme-attribution a,
#colophon #site-info a {
color: #ddd;
text-decoration: none;
font-weight: 500;
}
body.layout-full { background-color: #2f3033;
}
.layout-full #colophon {
margin-bottom: 0;
margin-top: 0;
padding-top: 30px;
padding-bottom: 30px;
}
#scroll-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: #000;
padding: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#scroll-to-top .vantage-icon-arrow-up {
font-size: 18px;
display: block;
width: 18px;
height: 18px;
color: #fff;
}
#scroll-to-top.displayed {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0.2 !important;
z-index: 500;
}
#scroll-to-top.displayed:hover {
opacity: 0.8 !important;
}
#map-canvas img,
#gmap_canvas img {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
line-height: normal !important;
max-width: none;
zoom: normal !important;
} .updated {
display: none;
}
.page .entry-meta {
display: none; }
.page .panel-grid-cell .entry-meta {
display: block; } .page-layout-no-masthead-margin #main {
padding-top: 0;
}
.page-layout-no-footer-margin #main {
padding-bottom: 0;
}
:not(.not-default-page).page-layout-no-sidebar #primary {
width: 100%;
}
:not(.not-default-page).page-layout-full-width.layout-full #page-wrapper .full-container {
max-width: 100%;
}
:not(.not-default-page).page-layout-full-width.layout-full #primary {
width: 100%;
}
:not(.not-default-page).page-layout-full-width-sidebar.layout-full #page-wrapper .full-container {
max-width: 100%;
}
:not(.not-default-page).page-layout-full-width.layout-boxed #primary {
width: 100%;
}
:not(.not-default-page).page-layout-full-width-sidebar.layout-boxed #page-wrapper,
:not(.not-default-page).page-layout-full-width.layout-boxed #page-wrapper {
width: 100%;
max-width: 100%;
padding-right: 20px;
padding-left: 20px;
}
@media (max-width: 1100px) {
:not(.not-default-page).page-layout-full-width-sidebar.layout-boxed #page-wrapper,
:not(.not-default-page).page-layout-full-width.layout-boxed #page-wrapper {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1100px) {
:not(.not-default-page).page-layout-full-width-sidebar.layout-boxed .main-navigation.use-vantage-sticky-menu.sticky,
:not(.not-default-page).page-layout-full-width.layout-boxed .main-navigation.use-vantage-sticky-menu.sticky {
left: 0;
margin: 0 auto;
max-width: calc(100% - 40px);
right: 0;
width: 100%;
}
} #main-slider {
background: #eee;
}
#main-slider .container {
padding: 0;
}
#main-slider #metaslider-demo,
#main-slider .metaslider {
margin: 0 auto;
text-align: center;
}
.metaslider a,
.entry-content .metaslider a,
.metaslider a:hover,
.entry-content .metaslider a:hover,
.metaslider ul a,
.entry-content .metaslider ul a,
.metaslider ul a:hover,
.entry-content .metaslider ul a:hover {
border-bottom: none;
}
.metaslider.metaslider-flex {
overflow: hidden;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
list-style: none;
margin: 0;
padding: 0;
}
.flexslider a img {
border: none;
outline: none;
}
.flexslider {
margin: 0;
padding: 0;
}
.flexslider ul {
border: 0;
max-height: none;
max-width: none;
line-height: normal;
list-style-type: none;
list-style: none;
margin: 0;
padding: 0;
}
.flexslider:hover .flex-vantage-direction-nav li a {
opacity: 1;
}
.flexslider .slides > li {
background-position: center;
background-size: cover;
-webkit-backface-visibility: hidden;
display: none;
line-height: 0;
}
.flexslider .slides li > img {
display: block;
width: 100%;
}
.slides:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.flexslider,
.flexslider .slides {
position: relative;
zoom: 1;
}
.flexslider .flex-caption {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 20px;
text-decoration: none;
background: rgba(0, 0, 0, 0.5);
color: #FFF;
text-align: center;
}
.flexslider .flex-caption h3 {
color: inherit;
margin: 0;
line-height: 1.25em;
font-size: 15px;
}
.flexslider .slides > li .content img {
height: auto !important;
max-width: 100%;
}
#metaslider-demo .content,
.vantage-slide-with-image .content {
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#metaslider-demo .content img,
.vantage-slide-with-image .content img {
height: auto;
max-width: 100%;
}
#metaslider-demo .ms-default-image,
.vantage-slide-with-image .ms-default-image {
height: auto;
max-width: 100%;
}
#main-slider .flexslider:not(#metaslider-demo) ul.flex-vantage-direction-nav {
margin-bottom: -40px;
}
.flex-vantage-control-paging {
bottom: 15px;
list-style: none;
margin: 0;
padding: 0 30px;
position: absolute;
right: 0px;
text-align: right;
z-index: 20;
}
.flex-vantage-control-paging li {
display: inline-block;
height: 14px;
margin: 0;
margin-right: 2px;
padding: 0;
text-align: left;
text-indent: -99999px;
width: 14px;
}
.flex-vantage-control-paging li a {
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/sprites/slide-indicator-inactive.png);
cursor: pointer;
display: block;
height: 14px;
width: 14px;
}
.flex-vantage-control-paging li a.flex-vantage-active {
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/sprites/slide-indicator-active.png);
}
.flex-vantage-control-paging li a:hover {
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/sprites/slide-indicator-inactive.png);
}
.flex-vantage-direction-nav {
list-style: none;
}
.flex-vantage-direction-nav li {
margin: 0;
padding: 0;
}
.flex-vantage-direction-nav li a {
display: block;
height: 85px;
margin-top: -52px;
opacity: 0;
position: absolute;
text-indent: -99999px;
transition: 0.2s opacity ease;
top: 50%;
width: 32px;
z-index: 200;
}
.flex-vantage-direction-nav li a.flex-vantage-prev {
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/sprites/gallery-prev.png);
left: 0;
}
.flex-vantage-direction-nav li a.flex-vantage-next {
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/sprites/gallery-next.png);
right: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.flex-vantage-direction-nav li a {
background-size: 32px 85px;
}
.flex-vantage-direction-nav li a.flex-vantage-prev {
background-image: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/retina/gallery-prev.png);
background-size: cover;
}
.flex-vantage-direction-nav li a.flex-vantage-next {
background-image: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/retina/gallery-next.png);
background-size: cover;
}
}
:hover .flex-vantage-direction-nav li a {
opacity: 0.9;
} .widget {
margin: 0 0 1.5em;
} .widget select {
max-width: 100%;
font-size: 1em;
outline: none;
} #searchsubmit {
display: none;
}
.widget .searchform input {
width: 100%;
outline: none;
}
.textwidget p:first-child {
margin-top: 0;
}
.textwidget p:last-child {
margin-bottom: 0;
}
.tagcloud a {
text-decoration: none;
} #secondary .widget,
#footer-widgets .widget,
#masthead-widgets .widget {
margin-bottom: 40px;
font-size: 13px;
color: #5e5e5e;
}
#secondary .widget:last-child,
#footer-widgets .widget:last-child,
#masthead-widgets .widget:last-child {
margin-bottom: 0;
}
#secondary .widget .widget-title,
#footer-widgets .widget .widget-title,
#masthead-widgets .widget .widget-title {
font-size: 15px;
color: #3b3b3b;
font-weight: bold;
margin-bottom: 15px;
}
#secondary .widget ul,
#footer-widgets .widget ul,
#masthead-widgets .widget ul,
#secondary .widget ol,
#footer-widgets .widget ol,
#masthead-widgets .widget ol {
list-style: none;
padding: 0;
margin: 0;
}
#secondary .widget ul ul,
#footer-widgets .widget ul ul,
#masthead-widgets .widget ul ul,
#secondary .widget ol ul,
#footer-widgets .widget ol ul,
#masthead-widgets .widget ol ul,
#secondary .widget ul ol,
#footer-widgets .widget ul ol,
#masthead-widgets .widget ul ol,
#secondary .widget ol ol,
#footer-widgets .widget ol ol,
#masthead-widgets .widget ol ol {
margin-left: 1em;
}
#secondary .widget ul li,
#footer-widgets .widget ul li,
#masthead-widgets .widget ul li,
#secondary .widget ol li,
#footer-widgets .widget ol li,
#masthead-widgets .widget ol li {
padding-bottom: 7px;
}
#secondary .widget ul li a,
#footer-widgets .widget ul li a,
#masthead-widgets .widget ul li a,
#secondary .widget ol li a,
#footer-widgets .widget ol li a,
#masthead-widgets .widget ol li a {
text-decoration: none;
}
#secondary .widget ul li ul.children,
#footer-widgets .widget ul li ul.children,
#masthead-widgets .widget ul li ul.children,
#secondary .widget ol li ul.children,
#footer-widgets .widget ol li ul.children,
#masthead-widgets .widget ol li ul.children {
padding-top: 7px;
margin-bottom: -7px;
}
#footer-widgets {
zoom: 1;
margin: 0 -5px;
max-width: 100%;
}
#footer-widgets:before {
content: '';
display: block;
}
#footer-widgets:after {
content: '';
display: table;
clear: both;
}
#footer-widgets .widget {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 15px;
margin-bottom: 0;
color: #b9b9b9;
}
#footer-widgets .widget.panel,
#footer-widgets .widget.widget_siteorigin-panels-builder {
padding: 0;
}
#footer-widgets .widget a {
color: #ccc;
}
#footer-widgets .widget .widget-title {
color: #e2e2e2;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}
#masthead-widgets {
zoom: 1;
}
#masthead-widgets:before {
content: '';
display: block;
}
#masthead-widgets:after {
content: '';
display: table;
clear: both;
}
#masthead-widgets .widget {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0;
float: left;
padding-right: 25px;
}
#masthead-widgets .widget:last-child {
padding-right: 0;
}
#masthead-widgets .widget .widget-title {
color: #3b3b3b;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}
.vertical-footer #footer-widgets .widget {
margin-bottom: 25px;
width: 100%;
}
.vertical-footer #footer-widgets .widget:last-child {
margin-bottom: 0;
} .widget img,
.widget iframe,
.widget object,
.widget select,
.widget input {
max-width: 100%;
}
.widget img {
height: auto;
}
.widget a.button {
display: inline-block;
padding: 9px 26px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 0.875em;
text-decoration: none;
color: white;
text-shadow: 0 1px 0 #000000;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
background: #107fc9;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0f75b8), color-stop(1, #1189da));
background: -ms-linear-gradient(bottom, #0f75b8, #1189da);
background: -moz-linear-gradient(center bottom, #0f75b8 0%, #1189da 100%);
background: -o-linear-gradient(#1189da, #0f75b8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1189da', endColorstr='#0f75b8', GradientType=0);
border-top: solid 1px #0b5587;
border-left: solid 1px #094974;
border-right: solid 1px #094974;
border-bottom: solid 1px #083d61;
}
.widget .button-container.align-center {
text-align: center;
}
.widget .button-container.align-left {
text-align: left;
}
.widget .button-container.align-right {
text-align: right;
}
.widget .button-container.align-full .button {
display: block;
text-align: center;
}
#wp-calendar {
border: none;
margin: 0;
}
#wp-calendar caption {
font-weight: 600;
text-align: right;
padding-bottom: 0.4286em;
}
#wp-calendar th,
#wp-calendar td {
border: none;
padding: 0.2143em 0.2143em 0.1429em !important;
}
#wp-calendar thead th {
text-align: center;
padding-bottom: 0.4286em !important;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tbody td {
background: #ddd;
border: 0.1429em solid #fff;
text-align: center;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody td a {
border-bottom: none !important;
display: block;
text-decoration: none;
}
#wp-calendar tbody td a:hover {
border-bottom: none !important;
text-decoration: none;
} .site-footer #wp-calendar tbody td {
background: #434447;
border-color: #2f3033;
}
.site-footer #wp-calendar tbody td a {
color: #fff;
}
.site-footer #wp-calendar tbody td a:hover {
color: #b9b9b9;
}
.site-footer #wp-calendar tfoot #prev a:hover,
.site-footer #wp-calendar tfoot #next a:hover {
color: #fff;
}
.calendar_wrap .wp-calendar-nav {
padding-top: 0.4286em !important;
}
.calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev {
float: left;
}
.calendar_wrap .wp-calendar-nav .wp-calendar-nav-next {
float: right;
text-align: right;
}
.widget_call-to-action {
position: relative;
padding: 25px 30px 23px 30px;
}
.widget_call-to-action h2.cta-headline {
margin: 0 0 0.35em 0;
color: #333;
}
.widget_call-to-action p.cta-sub-text {
margin: 0;
color: #666;
}
.widget_call-to-action a.button {
position: absolute;
top: 50%;
right: 30px;
margin-top: -20px; } @media (max-width: 680px) {
body.responsive .widget_call-to-action a.button {
position: static;
margin-top: 25px;
display: block;
text-align: center;
}
}
.widget_siteorigin-list ul li {
margin-bottom: 0.4em;
}
.widget_siteorigin-list ul li:last-child {
margin-bottom: 0;
}
.widget_icon-text {
font-size: 0.95em;
text-align: center;
}
.widget_icon-text .feature-icon {
display: inline-block;
line-height: 0;
}
.widget_icon-text .widget-title {
margin: 15px 0;
}
.vantage-circleicon-loop .widget_circleicon-widget .no-archive-featured-image.circle-icon-position-top {
padding-top: 0;
}
.widget_circleicon-widget {
clear: both; }
.widget_circleicon-widget .circle-icon-box {
text-align: center;
position: relative; }
.widget_circleicon-widget .circle-icon-box.circle-icon-show-box {
border: 1px solid #ddd;
background: #f6f6f6;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
box-shadow: 0 2px 2px rgba(0,0,0,0.05);
padding: 24px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-hide-box {
padding: 5px;
}
.widget_circleicon-widget .circle-icon-box .link-icon,
.widget_circleicon-widget .circle-icon-box .link-title {
text-decoration: none;
display: block;
}
.widget_circleicon-widget .circle-icon-box .circle-icon {
position: absolute;
background-color: #3a3b3e;
display: inline-block;
width: 65px;
height: 65px;
-webkit-border-radius: 130px;
-moz-border-radius: 130px;
border-radius: 130px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.widget_circleicon-widget .circle-icon-box .circle-icon [class^="fa fa-"] {
display: block;
font-size: 24px;
width: 100%;
height: 1em;
text-align: center;
color: #fff;
line-height: 1.1em;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.5em;
}
.widget_circleicon-widget .circle-icon-box h4 {
color: #3b3b3b;
font-weight: bold;
font-size: 17px;
margin-bottom: 0.8em;
margin-top: 0;
}
.widget_circleicon-widget .circle-icon-box p.text {
margin: 0;
color: #5e5e5e;
font-size: 13px;
margin-bottom: 10px;
}
.widget_circleicon-widget .circle-icon-box p.text:last-child {
margin-bottom: 0;
}
.widget_circleicon-widget .circle-icon-box a.more-button {
display: block;
text-decoration: none;
color: #3b3b3b;
font-weight: bold;
font-size: 13px;
}
.widget_circleicon-widget .circle-icon-box a.more-button i {
display: inline-block;
width: 5px;
height: 8px;
margin-left: 3px;
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/sprites/more-icon.png) no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.widget_circleicon-widget .circle-icon-box a.more-button i {
background: url(https://www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/retina/more-icon.png);
background-size: 5px 8px;
}
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-top {
padding-top: 75px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-top .circle-icon {
top: 0;
left: 50%;
margin-left: -32.5px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-bottom {
padding-bottom: 75px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-bottom .circle-icon {
bottom: 0;
left: 50%;
margin-left: -32.5px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-left {
text-align: left;
padding-left: 75px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-left .circle-icon {
left: 0;
top: 50%;
margin-top: -32.5px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-right {
text-align: left;
padding-right: 75px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-position-right .circle-icon {
right: 0;
top: 50%;
margin-top: -32.5px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium { }
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium .circle-icon {
width: 81.25px;
height: 81.25px;
-webkit-border-radius: 162.5px;
-moz-border-radius: 162.5px;
border-radius: 162.5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium .circle-icon [class^="fa fa-"] {
font-size: 36px;
line-height: 1.1em;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-top {
padding-top: 91.25px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-top .circle-icon {
top: 0;
left: 50%;
margin-left: -40.625px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-bottom {
padding-bottom: 91.25px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-bottom .circle-icon {
bottom: 0;
left: 50%;
margin-left: -40.625px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-left {
text-align: left;
padding-left: 91.25px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-left .circle-icon {
left: 0;
top: 50%;
margin-top: -40.625px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-right {
text-align: left;
padding-right: 91.25px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-medium.circle-icon-position-right .circle-icon {
right: 0;
top: 50%;
margin-top: -40.625px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large { }
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large .circle-icon {
width: 100px;
height: 100px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large .circle-icon [class^="fa fa-"] {
font-size: 44px;
line-height: 1.1em;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-top {
padding-top: 110px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-top .circle-icon {
top: 0;
left: 50%;
margin-left: -50px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-bottom {
padding-bottom: 110px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-bottom .circle-icon {
bottom: 0;
left: 50%;
margin-left: -50px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-left {
text-align: left;
padding-left: 110px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-left .circle-icon {
left: 0;
top: 50%;
margin-top: -50px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-right {
text-align: left;
padding-right: 110px;
}
.widget_circleicon-widget .circle-icon-box.circle-icon-size-large.circle-icon-position-right .circle-icon {
right: 0;
top: 50%;
margin-top: -50px;
}
.widget_headline-widget {
text-align: center;
}
.widget_headline-widget h1 {
padding-top: 20px;
margin: 0;
font-size: 26px;
line-height: 36px;
text-transform: uppercase;
color: #444444;
letter-spacing: 1px;
}
.widget_headline-widget h3 {
padding-bottom: 20px;
margin: 0;
font-size: 14px;
color: #666;
font-weight: 200;
}
.widget_headline-widget .decoration {
border-top: 1px solid #EEE;
position: relative;
height: 1px;
margin: 20px 60px 20px 60px;
} #header-sidebar .widget_nav_menu ul.menu,
#masthead-widgets .widget_nav_menu ul.menu {
margin: 0;
}
#header-sidebar .widget_nav_menu ul.menu > li,
#masthead-widgets .widget_nav_menu ul.menu > li {
list-style: none;
display: inline-block;
margin-right: 20px;
position: relative;
}
#header-sidebar .widget_nav_menu ul.menu > li:last-child,
#masthead-widgets .widget_nav_menu ul.menu > li:last-child {
margin-right: 0;
}
#header-sidebar .widget_nav_menu ul.menu > li > a,
#masthead-widgets .widget_nav_menu ul.menu > li > a {
display: block;
text-decoration: none;
color: #555;
font-weight: 500;
padding: 0.75em 0;
line-height: 1em;
}
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu,
#masthead-widgets .widget_nav_menu ul.menu > li ul.sub-menu {
display: none;
position: absolute;
margin: 0;
z-index: 10000;
border: 1px solid #e6e6e6;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
top: 2.5em;
left: -10px;
background: white;
}
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li,
#masthead-widgets .widget_nav_menu ul.menu > li ul.sub-menu li {
position: relative;
list-style: none;
width: 160px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 10px;
}
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu li a,
#masthead-widgets .widget_nav_menu ul.menu > li ul.sub-menu li a {
display: block;
text-decoration: none;
color: #777;
}
#header-sidebar .widget_nav_menu ul.menu > li ul.sub-menu ul,
#masthead-widgets .widget_nav_menu ul.menu > li ul.sub-menu ul {
display: none;
top: -1px;
left: 160px;
}
#header-sidebar .widget_nav_menu ul.menu > li > ul.sub-menu,
#masthead-widgets .widget_nav_menu ul.menu > li > ul.sub-menu {
border-top: 2px solid #00bcff;
}
#header-sidebar .widget_nav_menu ul.menu li:hover > ul.sub-menu,
#masthead-widgets .widget_nav_menu ul.menu li:hover > ul.sub-menu {
display: block;
} #colophon .widget_nav_menu .sub-menu {
margin-left: 0;
}
#colophon .widget_nav_menu .menu-item {
padding-bottom: 0;
}
#colophon .widget_nav_menu .menu-item a {
display: block;
padding-bottom: 3px;
margin-bottom: 3px;
border-bottom: 1px solid #b9b9b9;
} .panel-row-style {
margin: 0 -20px;
padding: 25px 20px;
background-position: center center;
background-repeat: no-repeat;
}
.panel-row-style .panel-row-style {
margin: 0;
}
.panel-row-style-wide-grey,
.wide-grey.panel-row-style {
background: #f6f6f6;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.layout-full .panel-row-style.panel-row-style-wide-grey,
.layout-full .wide-grey.panel-row-style,
.layout-full .panel-row-style.panel-row-style-full-width,
.layout-full.panels-style-force-full .panel-row-style {
margin: 0 -1000px;
padding: 25px 1000px 25px 1000px;
}
.layout-full .panel-row-style.panel-row-style-full-width[data-stretch-type="full-stretched-padded"] {
margin: 0;
padding: 0;
}
.layout-boxed .panel-row-style {
padding: 25px 35px;
}
.layout-boxed .panel-row-style.panel-row-style-wide-grey,
.layout-boxed .panel-row-style .wide-grey.panel-row-style {
margin: 0 -20px;
}
@media (max-width: 680px) {
body.responsive.layout-boxed .panel-row-style {
margin: 0 -35px;
padding: 25px 35px;
}
body.responsive.layout-boxed .panel-row-style.panel-row-style-wide-grey,
body.responsive.layout-boxed .panel-row-style .wide-grey.panel-row-style {
margin: 0 -20px;
}
}
.panel-grid-cell .flexslider {
margin-bottom: 0;
} #masthead .widget_polylang ul {
list-style: none;
}
#masthead .widget_polylang ul li {
display: block;
float: left;
margin-left: 10px;
}
.vantage-carousel-title {
font-size: 14px;
font-weight: bold;
color: #3b3b3b;
text-transform: uppercase;
line-height: 1em;
}
.vantage-carousel-title .vantage-carousel-title-text {
display: inline-block;
padding-right: 15px;
}
.vantage-carousel-title a.next,
.vantage-carousel-title a.previous {
background: #3a3a3a;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
color: #ffffff;
display: block;
float: right;
overflow: hidden;
background-position: center center;
margin-left: 2px;
padding: 4px 4px 5px 4px;
}
.vantage-carousel-title a.next .vantage-icon-arrow-left,
.vantage-carousel-title a.previous .vantage-icon-arrow-left,
.vantage-carousel-title a.next .vantage-icon-arrow-right,
.vantage-carousel-title a.previous .vantage-icon-arrow-right {
line-height: 10px;
display: block;
font-size: 8px;
width: 8px;
height: 8px;
text-align: center;
}
.vantage-carousel-wrapper {
overflow-x: hidden;
overflow-y: hidden;
}
.vantage-carousel-wrapper .vantage-carousel {
height: 200px;
margin: 0;
padding: 0;
zoom: 1;
width: 99999px;
-webkit-transition: all 0.45s ease;
-moz-transition: all 0.45s ease;
-o-transition: all 0.45s ease;
transition: all 0.45s ease;
}
.vantage-carousel-wrapper .vantage-carousel:before {
content: '';
display: block;
}
.vantage-carousel-wrapper .vantage-carousel:after {
content: '';
display: table;
clear: both;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry {
list-style: none;
margin-left: 0;
padding: 0;
display: block;
float: left;
margin-right: 15px;
width: 242px;
overflow-x: hidden;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry:last-child {
margin-right: 0;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail {
line-height: 0;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a {
display: block;
width: 242px;
height: 162px;
background-size: 242px 162px;
background-position: center center;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a,
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a span.vantage-overlay {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a span.vantage-overlay {
display: block;
width: 100%;
height: 100%;
background: #3279bb;
opacity: 0;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a:hover {
background-size: 272px 182px;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a:hover span {
opacity: 0.5;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .default-thumbnail {
display: block;
width: 242px;
height: 162px;
background: #e8e8e8;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e0e0e0), color-stop(1, #e8e8e8));
background: -ms-linear-gradient(bottom, #e0e0e0, #e8e8e8);
background: -moz-linear-gradient(center bottom, #e0e0e0 0%, #e8e8e8 100%);
background: -o-linear-gradient(#e8e8e8, #e0e0e0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e0e0e0', GradientType=0);
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry h3 {
font-size: 15px;
text-align: center;
font-weight: 500;
color: #474747;
margin: 10px 0 0 0;
}
.vantage-carousel-wrapper .vantage-carousel li.carousel-entry h3 a {
text-decoration: none;
color: inherit;
}
.vantage-carousel-wrapper .vantage-carousel li.loading {
display: block;
width: 242px;
height: 162px;
float: left;
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/carousel-loader.gif) #f6f6f6 center center no-repeat;
margin: 0;
}
.vantage-grid-loop {
zoom: 1;
margin: 0 -15px 0 -15px;
}
.vantage-grid-loop:before {
content: '';
display: block;
}
.vantage-grid-loop:after {
content: '';
display: table;
clear: both;
}
.vantage-grid-loop article {
float: left;
padding: 0 15px;
margin-bottom: 30px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: none;
}
.grid-loop-columns-2.vantage-grid-loop article {
width: 50%;
}
.grid-loop-columns-3.vantage-grid-loop article {
width: 33.333%;
}
.grid-loop-columns-4.vantage-grid-loop article {
width: 25%;
}
.grid-loop-columns-5.vantage-grid-loop article {
width: 20%;
}
.grid-loop-columns-6.vantage-grid-loop article {
width: 16.666%;
}
.vantage-grid-loop article .grid-thumbnail {
display: block;
padding: 5px;
border: 1px solid #c2c5ca;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.1);
box-shadow: 0 0 4px rgba(0,0,0,0.1);
background: #ffffff;
margin-bottom: 10px;
}
.vantage-grid-loop article .grid-thumbnail:hover {
border-color: #00bafa;
-webkit-box-shadow: 0 0 5px rgba(0,187,251,0.75);
-moz-box-shadow: 0 0 5px rgba(0,187,251,0.75);
box-shadow: 0 0 5px rgba(0,187,251,0.75);
}
.vantage-grid-loop article .grid-thumbnail img {
width: 100%;
height: auto;
display: block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.vantage-grid-loop article h3 {
font-size: 15px;
font-weight: bold;
margin-bottom: 8px;
margin-top: 0;
}
.vantage-grid-loop article h3 a {
color: inherit;
text-decoration: none;
}
.vantage-grid-loop article .excerpt {
font-size: 12px;
color: #777777;
line-height: 1.25em;
}
.vantage-grid-loop article .excerpt p {
margin: 0;
}
.vantage-grid-loop article a.more-button {
display: block;
text-decoration: none;
color: #3b3b3b;
font-weight: bold;
font-size: 13px;
margin-top: 10px;
}
.vantage-grid-loop article a.more-button i {
display: inline-block;
width: 5px;
height: 8px;
margin-left: 3px;
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/sprites/more-icon.png) no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.vantage-grid-loop article a.more-button i {
background: url(https://www.opus-bathrooms.co.uk/wp-content/themes/vantage/images/retina/more-icon.png);
background-size: 5px 8px;
}
}
.vantage-grid-loop .clear {
clear: both;
}
.widget_siteorigin-panels-postloop h1.entry-title {
margin-top: 0;
margin-bottom: 0;
}
.widget_siteorigin-panels-postloop .pagination {
margin-top: 20px;
}
.widget_siteorigin-panels-postloop .flexslider .slides .slide {
margin-left: 0;
}
@media (max-width: 640px) {
body.responsive .vantage-grid-loop article,
body.responsive .vantage-circleicon-loop .widget_circleicon-widget {
width: 50%;
}
}
@media (max-width: 480px) {
body.responsive .vantage-grid-loop article,
body.responsive .vantage-circleicon-loop .widget_circleicon-widget {
float: none;
width: 100%;
}
}
.vantage-circleicon-loop {
zoom: 1;
margin: 0 -20px;
}
.vantage-circleicon-loop:before {
content: '';
display: block;
}
.vantage-circleicon-loop:after {
content: '';
display: table;
clear: both;
}
.vantage-circleicon-loop .widget_circleicon-widget {
float: left;
clear: none;
}
.circleicon-loop-columns-2.vantage-circleicon-loop .widget_circleicon-widget {
width: 50%;
}
.circleicon-loop-columns-3.vantage-circleicon-loop .widget_circleicon-widget {
width: 33.333%;
}
.circleicon-loop-columns-4.vantage-circleicon-loop .widget_circleicon-widget {
width: 25%;
}
.circleicon-loop-columns-5.vantage-circleicon-loop .widget_circleicon-widget {
width: 20%;
}
.circleicon-loop-columns-6.vantage-circleicon-loop .widget_circleicon-widget {
width: 16.666%;
}
.vantage-circleicon-loop .widget_circleicon-widget .circle-icon-box {
padding-left: 20px;
padding-right: 20px;
}
.vantage-circleicon-loop .clear {
clear: both;
} #infinite-handle span {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
background: #4f5355;
border-top: solid 1px #d2d2d2;
border-left: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
border-bottom: solid 1px #9f9f9f;
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #dfdfdf);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
color: #646464;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
#infinite-handle span:hover {
background: #f0f0f0;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d0d0), color-stop(1, #f0f0f0));
background: -ms-linear-gradient(bottom, #d0d0d0, #f0f0f0);
background: -moz-linear-gradient(center bottom, #d0d0d0 0%, #f0f0f0 100%);
background: -o-linear-gradient(#f0f0f0, #d0d0d0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0);
color: #606060;
}
#infinite-handle span button {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#yoast-breadcrumbs,
#navxt-breadcrumbs {
background: rgba(0, 0, 0, 0.025);
margin-top: -20px;
margin-bottom: 20px;
padding: 0.5em 0.75em;
font-weight: 500;
color: #474747;
}
#yoast-breadcrumbs a,
#navxt-breadcrumbs a {
text-decoration: none;
}
.page-layout-no-masthead-margin #yoast-breadcrumbs,
.page-layout-no-masthead-margin #navxt-breadcrumbs {
margin-top: 0;
}
@font-face {
font-family: 'vantage-icons';
src: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/icons/vantage-icons.eot);
src: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/icons/vantage-icons.eot?#iefix) format('embedded-opentype'), url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/icons/vantage-icons.woff) format('woff'), url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/icons/vantage-icons.ttf?) format('truetype'), url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage/icons/vantage-icons.svg) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="vantage-icon-"],
[class*=" vantage-icon-"] {
font-family: 'vantage-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.vantage-icon-arrow-down:before {
content: "\e600";
}
.vantage-icon-arrow-left:before {
content: "\e601";
}
.vantage-icon-arrow-right:before {
content: "\e602";
}
.vantage-icon-arrow-up:before {
content: "\e603";
}
.vantage-icon-search:before {
content: "\e604";
} span.jwcontrols span button {
background: initial;
border: initial;
border-radius: initial;
box-shadow: initial;
color: initial;
font-size: initial;
font-weight: initial;
line-height: initial;
padding: initial;
text-decoration: initial;
text-shadow: initial;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
word-wrap: normal !important;
width: 1px;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #0073aa;
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 600;
height: auto;
left: 6px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 7px;
width: auto;
z-index: 100000;
} #content[tabindex="-1"]:focus {
outline: 0;
} a[href^="tel"] {
color: inherit;
text-decoration: none;
}
@media (min-width: 680px) {
.mega-menu-primary .masthead-logo-in-menu .site-navigation > .full-container {
display: flex;
justify-content: space-between;
align-items: center;
}
} .mega-menu-primary .site-header .mega-menu-wrap {
flex: 1;
} :root {
--icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
--icon-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
--icon-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
--border-radius-small: 2px;
--border-radius-medium: 3px;
--border-radius-large: 4px;
}
.widget_vantage-social-media {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.widget_vantage-social-media .social-media-icon {
text-decoration: none;
position: relative;
width: 36px;
height: 36px;
border-radius: var(--border-radius-medium);
box-shadow: var(--icon-inset-shadow), var(--icon-shadow);
display: flex;
align-items: center;
justify-content: center;
}
.widget_vantage-social-media .social-media-icon [class^="fa fa-"] {
color: #ffffff;
font-size: 18px;
text-shadow: var(--icon-text-shadow);
}
.widget_vantage-social-media .social-media-icon img {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
transform: translate(-50%, -50%);
} .widget_vantage-social-media .social-media-icon.social-media-icon-facebook {
background: linear-gradient(to top, #597ac7, #6483cb);
border: 1px solid #466bc1;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-facebook:hover {
background: linear-gradient(to top, #6886cc, #748fd0);
border: 1px solid #5577c6;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-twitter {
background: linear-gradient(to top, #5bbcec, #69c2ee);
border: 1px solid #44b3e9;
box-shadow: var(--icon-inset-shadow), var(--icon-shadow);
}
.widget_vantage-social-media .social-media-icon.social-media-icon-twitter:hover {
background: linear-gradient(to top, #6dc3ee, #7bc9f0);
border: 1px solid #56baeb;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-google-plus {
background: linear-gradient(to top, #f80000, #ff0808);
border: 1px solid #df0000;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-google-plus:hover {
background: linear-gradient(to top, #ff0d0d, #ff1d1d);
border: 1px solid #f30000;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-rss {
background: linear-gradient(to top, #ff9200, #ff990f);
border: 1px solid #e68300;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-rss:hover {
background: linear-gradient(to top, #ff9b14, #ffa124);
border: 1px solid #fa8f00;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-linkedin {
background: linear-gradient(to top, #0070b4, #007ac3);
border: 1px solid #00609b;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-linkedin:hover {
background: linear-gradient(to top, #007dc8, #0086d8);
border: 1px solid #006daf;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-dribbble {
background: linear-gradient(to top, #ea4d89, #ec5b92);
border: 1px solid #e7367a;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-dribbble:hover {
background: linear-gradient(to top, #ec5f95, #ee6d9e);
border: 1px solid #e94886;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-flickr {
background: linear-gradient(to top, #444444, #4c4c4c);
border: 1px solid #373737;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-flickr:hover {
background: linear-gradient(to top, #4e4e4e, #565656);
border: 1px solid #414141;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-instagram {
background: linear-gradient(to top, #426f98, #4777a3);
border: 1px solid #3a6286;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-instagram:hover {
background: linear-gradient(to top, #4879a6, #4d81b1);
border: 1px solid #406c94;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-pinterest {
background: linear-gradient(to top, #fd3832, #fd4741);
border: 1px solid #fd1f19;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-pinterest:hover {
background: linear-gradient(to top, #fd4c46, #fd5a55);
border: 1px solid #fd332d;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-skype {
background: linear-gradient(to top, #09c6ff, #18caff);
border: 1px solid #00b7ef;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-skype:hover {
background: linear-gradient(to top, #1dcbff, #2dceff);
border: 1px solid #04c5ff;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-youtube {
background: linear-gradient(to top, #ff3635, #ff4544);
border: 1px solid #ff1d1b;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-youtube:hover {
background: linear-gradient(to top, #ff4a49, #ff5a59);
border: 1px solid #ff3130;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-github {
background: linear-gradient(to top, #333333, #3b3b3b);
border: 1px solid #262626;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-github:hover {
background: linear-gradient(to top, #3d3d3d, #454545);
border: 1px solid #303030;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-vimeo {
background: linear-gradient(to top, #42b8ff, #51beff);
border: 1px solid #28aeff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.1);
}
.widget_vantage-social-media .social-media-icon.social-media-icon-vimeo:hover {
background: linear-gradient(to top, #56c0ff, #66c5ff);
border: 1px solid #3db6ff;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-vk {
background: linear-gradient(to top, #537599, #587da3);
border: 1px solid #4a6888;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-vk:hover {
background: linear-gradient(to top, #5b7fa6, #6587ab);
border: 1px solid #517296;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-envelope {
background: linear-gradient(to top, #34aadc, #41afde);
border: 1px solid #249ed2;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-envelope:hover {
background: linear-gradient(to top, #45b1df, #52b7e1);
border: 1px solid #30a8db;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-phone {
background: linear-gradient(to top, #4cd964, #59dc6f);
border: 1px solid #37d552;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-phone:hover {
background: linear-gradient(to top, #5ddd73, #69df7e);
border: 1px solid #48d860;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-stumbleupon {
background: linear-gradient(to top, #eb4924, #ec5532);
border: 1px solid #e13b15;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-stumbleupon:hover {
background: linear-gradient(to top, #ed5937, #ee6445);
border: 1px solid #eb451f;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-behance {
background: linear-gradient(to top, #1769ff, #2673ff);
border: 1px solid #0059fc;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-behance:hover {
background: linear-gradient(to top, #2b76ff, #3b80ff);
border: 1px solid #1266ff;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-deviantart {
background: linear-gradient(to top, #05cc47, #05db4c);
border: 1px solid #04b33e;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-deviantart:hover {
background: linear-gradient(to top, #05e04e, #06ef53);
border: 1px solid #05c745;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-500px {
background: linear-gradient(to top, #34bf49, #39c94f);
border: 1px solid #2fab41;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-500px:hover {
background: linear-gradient(to top, #3dca52, #49ce5d);
border: 1px solid #33bb47;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-medium {
background: linear-gradient(to top, #02b875, #02c77f);
border: 1px solid #029f65;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-medium:hover {
background: linear-gradient(to top, #02cc82, #02db8b);
border: 1px solid #02b372;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-tumblr {
background: linear-gradient(to top, #35465c, #3b4d66);
border: 1px solid #2c3a4c;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-tumblr:hover {
background: linear-gradient(to top, #3c5069, #425773);
border: 1px solid #334459;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-wordpress {
background: linear-gradient(to top, #21759b, #247fa8);
border: 1px solid #1d6586;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-wordpress:hover {
background: linear-gradient(to top, #2582ac, #278bb8);
border: 1px solid #207297;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-bitbucket {
background: linear-gradient(to top, #205081, #23588d);
border: 1px solid #1b436d;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-bitbucket:hover {
background: linear-gradient(to top, #245a91, #27629e);
border: 1px solid #1f4d7d;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-codepen {
background: linear-gradient(to top, #0ebeff, #1dc2ff);
border: 1px solid #00b2f4;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-codepen:hover {
background: linear-gradient(to top, #22c4ff, #32c8ff);
border: 1px solid #09bdff;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-mixcloud {
background: linear-gradient(to top, #589fc3, #63a5c7);
border: 1px solid #4594bc;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-mixcloud:hover {
background: linear-gradient(to top, #67a8c8, #72aecc);
border: 1px solid #549dc2;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-soundcloud {
background: linear-gradient(to top, #ff8800, #ff8f0f);
border: 1px solid #e67a00;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-soundcloud:hover {
background: linear-gradient(to top, #ff9214, #ff9924);
border: 1px solid #fa8500;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-github [class^="fa fa-"] {
color: #f5f5f5;
} .widget_vantage-social-media .social-media-icon.social-media-icon-size-small {
width: 24px;
height: 24px;
border-radius: var(--border-radius-small);
}
.widget_vantage-social-media .social-media-icon.social-media-icon-size-small [class^="fa fa-"] {
font-size: 12px;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-size-small img {
width: 12px;
height: 12px;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-size-large {
width: 48px;
height: 48px;
border-radius: var(--border-radius-large);
}
.widget_vantage-social-media .social-media-icon.social-media-icon-size-large [class^="fa fa-"] {
font-size: 22px;
}
.widget_vantage-social-media .social-media-icon.social-media-icon-size-large img {
width: 22px;
height: 22px;
} @media (max-width: 680px) {
.widget_vantage-social-media {
justify-content: center;
}
}.selling-points .widget-title {
text-align: center;
}
.selling-points .row {
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.selling-points .col {
padding: 30px;
box-sizing: border-box;
width: 32%;
text-align: center;
}
.selling-points .col h3 {
margin: 0.5em 0;
}
.selling-points img {
background: #808285;
border-radius: 50%;
padding: 5px;
}
p, ul, li, a, span {
font-family: 'Open Sans', sans-serif; font-size:16px;
color: #808285;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif;
line-height: 1.2;
color: #808285;
}
strong {
font-weight: 500;
}
.entry-content {
margin: 0 0 30px 0;
}
.entry-content h1, article.post .entry-header h1.entry-title {
font-size: 35px;
padding: 50px 20px 40px 20px;
text-align: center;
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage-child/images/title-underline.png) no-repeat center bottom;
margin: 0 0 30px 0;
overflow: hidden;
color: #808285;
}
.entry-content p, #home-intro {
line-height: 2;
color: #686868;
font-weight: 100;
}
.entry-content h2 {
font-size: 30px;
}
#main {
background: #fff;
}
#main.site-main {
padding: 0;
overflow: hidden;
}
body.responsive.layout-full #page-wrapper .full-container {
max-width: 100%;
}
#masthead.masthead-logo-in-menu .main-navigation .full-container {
display: block;
}
a.button, button, html input[type="button"], input[type="reset"], input[type="submit"], .post-navigation a, #image-navigation a {
border: none;
color: #fff;
background: #808285;
text-decoration: none;
padding: 17px 45px;
border-radius: 0;
text-shadow: none;
text-transform: uppercase;
}
a.button, button, html input[type="button"]:hover, input[type="reset"], input[type="submit"]:hover, .post-navigation a:hover, #image-navigation a:hover { border: none;
}
.nav-previous a span, .nav-next a span {
color: #fff;
}
#masthead.masthead-logo-in-menu .logo>img {
width: 250px;
margin: 0 0 0 10px;
padding: 10px;
height: auto;
}
a:hover {
color: #14b494;
}
.mobile-nav-icon {
color: #fff;
} #masthead {
background: none;
border-top: 5px #14b494 solid;
}
#masthead.masthead-logo-in-menu .logo {
padding: 10px 0 10px 0;
position: absolute;
}
#masthead.masthead-logo-in-menu .main-navigation {
z-index: 100;
background: #808285;
background-image: linear-gradient( to right, #ececec, #c7c7c7, #505357, #505357);
}
body.has-menu-search .main-navigation ul {
text-align: right;
}
.main-navigation ul li {
margin-top: 0!important;
}
.main-navigation ul li a {
padding: 20px;
text-transform: uppercase;
font-weight: 400;
border-bottom: solid 2px transparent;
}
.main-navigation ul li a:hover, .main-navigation ul li:hover>a {
background: none!important;
color: #14b494;
border-bottom: solid 2px #14b494;
}
.main-navigation ul li.current-menu-item>a, .main-navigation ul li.current_page_item>a {
background-color: none!important;
background: none!important;
color: #14b494;
}
.main-navigation ul li:hover a {
color: #fff;
}
.main-navigation ul li a::after {
content: "\00B7";
position: relative;
left: 20px;
top: 4px;
color: #14b494;
font-size: 25px;
}
.main-navigation ul ul a {
padding: 10px;
}
.main-navigation ul ul a::after {
content: "";
}
.main-navigation ul ul li a:hover {
background: #000;
}
.main-navigation.sticky:after {
box-shadow: none;
}
#header-details {
float: right; width:auto;
padding: 15px 23px 0 0;
margin: 0 0 5px 0;
}
#header-details p {
margin: 0 0 5px 0;
color: #fff;
font-size: 15px;
}
#header-details p span {
color: #14b494;
font-size: 15px;
}
#header-details #header-social a {
float: left;
display: inline;
position: relative;
top: 12px;
}
#header-contact {
float: left;
margin: 0 145px 0 0px;
}
#header-contact a {
display: inline;
}
#header-social {
float: right;
}
.main-navigation [class^="fa fa-"] {
font-size: 30px;
}
.vantage-icon-search:before {
content: '';
}
#search-icon #search-icon-icon .vantage-icon-search {
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage-child/images/search-icon.png) no-repeat center center;
padding: 20px;
}
#search-icon #search-icon-icon {
background: none!important;
}
#search-icon {
top: 80px;
right: 30px;
}
#search-icon .searchform {
top: 49px;
max-width: 1080px;
margin-right: -30px;
}
.menu-nav-container {
float: right;
width: 100%;
margin-right: 20px;
}
#main-slider {
position: relative;
top: 0;
}
.site-navigation.main-navigation.primary.use-sticky-menu.mobile-navigation.sticky {
top: 0;
}
#search-icon .searchform input[name=s] {
padding: 30px;
}
.flexslider .slides img {
height: auto;
width: 100%;
}
.caption .banner-text {
width: 600px;
}
.caption .banner-text p, .caption .banner-text span {
color: #fff;
}
.metaslider .flexslider .slides p {
text-align: right;
}
.caption-wrap {
position: absolute;
top: 24%;
left: 20%!important;
;
width: 830px;
background: none!important;
opacity: 1!important;
}
.caption {
color: #fff;
}
.caption p {
font-size: 31px;
font-weight: 100;
line-height: 1;
margin: 0 0 10px 0;
}
.caption span {
font-size: 50px;
font-weight: 600;
display: block;
line-height: 1.2;
text-align: right;
margin: 0 0 20px 0;
}
.caption img {
width: 9%!important;
margin-top: 100px!important;
}
.caption a {
color: #fff;
text-decoration: none;
background: #14b494;
padding: 20px 60px;
border: solid 2px #fff;
font-size: 16px;
line-height: 1;
float: right;
}
.caption a:hover {
background: #808285;
}
.metaslider .flexslider .flex-direction-nav li a.next.flex-next {
background-image: url(//www.opus-bathrooms.co.uk/wp-content/themes/sliders/flexslider/bg_direction_nav.png);
background-position: center right;
}
.metaslider .flexslider .flex-direction-nav li a.flex-prev {
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage-child/images/sprites/gallery-prev.png);
opacity: 1;
background-position: center center;
}
.metaslider .flexslider .flex-direction-nav li a.flex-next {
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage-child/images/sprites/gallery-next.png);
opacity: 1;
background-position: center center;
}
.mobile-nav-frame .title h3 {
text-shadow: none!important;
} .banner {
background: #808285;
padding: 25px 40px;
}
.banner p {
margin: 0;
color: #fff;
font-size: 24px;
font-weight: 100;
text-align: center;
line-height: 1.2;
}
.banner p a {
font-size: 24px;
font-weight: 600;
color: #fff;
padding: 0 5px;
}
.banner p a:hover {
color: #14b494;
}
h2#home-title {
text-align: center;
padding: 50px 20px 20px 20px;
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage-child/images/title-underline.png) no-repeat center bottom;
margin: 0 0 30px 0;
overflow: hidden;
}
h2#home-title p, .entry-content h1 strong {
font-size: 35px;
margin: 0 0 20px 0;
font-weight: 100;
}
body.home .entry-content p {
font-size: 17px;
font-weight: 600;
}
body.home .entry-main {
padding: 0 45px;
}
.service {
width: 82%;
overflow: hidden;
margin: 0 auto 50px auto;
}
.service-tile {
width: 25%;
float: left;
box-sizing: border-box;
padding: 0 20px 20px 20px;
text-align: center;
position: relative;
margin: 0 0 50px 0;
}
.service-tile img {
margin: 0 0 20px 0;
}
.service-tile h2 {
font-size: 25px;
font-weight: 100;
margin: 0 0 20px 0;
}
.service-tile p {
margin: 0 0 45px 0;
}
.service-tile a {
color: #fff;
background: #14b494;
text-decoration: none;
padding: 17px 20px;
width: 110px;
display: block;
margin: 0 auto;
position: absolute;
bottom: -50px;
left: 0;
right: 0;
}
.service-tile a:hover {
background: #808285;
}
body.page-template-home-page #primary {
width: 100%;
} #our-work {
clear: both;
overflow: hidden;
position: relative;
}
#our-work a {
float: left;
width: 25%;
position: relative;
line-height: 0;
}
#our-work a .work-item {
display: none;
}
#our-work a:hover .work-item {
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
}
#our-work a p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 1.2;
text-align: center;
color: #14b494;
font-weight: 600;
padding: 50px 0 0 0;
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage-child/images/view-icon.png) no-repeat center top;
}
#our-work a img {
width: 100%;
height: auto;
}
a#center-link {
position: absolute;
left: 38%;
top: 47%;
background: #14b494;
padding: 30px 0;
color: #fff;
text-decoration: none;
text-align: center;
font-size: 17px;
font-weight: 600;
}
a#center-link:hover {
background: #808285;
}
.quote-banner {
background: #14b494;
padding: 70px 70px 50px 70px;
}
.quote-banner p {
margin: 0 40px 30px 0;
color: #fff;
font-size: 24px;
font-weight: 100;
display: inline-block;
line-height: 1.2;
}
.quote-banner strong p {
font-weight: 700;
}
.quote-banner a {
background: #fff;
text-decoration: none;
padding: 17px 50px;
font-weight: 700;
color: #14b494;
display: inline;
white-space: nowrap;
}
.quote-banner a:hover {
background: #808285;
color: #fff;
}
.quote-banner span {
display: block;
margin: 0 auto;
width: auto;
}
body.page-template-home-page .entry-content {
margin: 0 auto;
text-align: center;
padding-bottom: 50px;
}
body.page-template-home-page .entry-content iframe {
padding-top: 40px;
}
body.page-template-home-page .entry-content h2 {
padding: 40px 20px 30px 20px;
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage-child/images/title-underline.png) no-repeat center bottom;
margin: 0 0 30px 0;
font-weight: 100;
font-size: 25px;
font-family: 'Open Sans', sans-serif;
}
.accreditations {
background: #808285;
padding: 50px;
box-sizing: border-box;
overflow: hidden;
}
.accreditations .inner-section {
margin: 0 auto;
max-width: 1000px;
}
.accreditations p {
color: #fff;
background: url(//www.opus-bathrooms.co.uk/wp-content/themes/vantage-child/images/opus-tick-icon.png) no-repeat left center;
width: 33.3%;
float: left;
padding: 40px 40px 40px 90px;
box-sizing: border-box;
font-size: 20px;
font-weight: 100;
min-height: 130px;
margin: 0;
line-height: 1.2;
display: block;
}
.trade-logos {
padding: 40px 70px;
text-align: center;
}
.trade-logos a:hover img {
opacity: 0.7;
}
.trade-logos a img {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.slick-prev, .slick-next {
height: 50px!important;
width: 50px!important;
background: #000!important;
z-index: 1;
}
.slick-prev {
left: 0!important;
}
.slick-next {
right: 0!important;
}
.slick-slider {
margin-bottom: 0!important;
} #testimonials-section {
background: #14b494;
padding: 70px 30px;
overflow: hidden;
clear: both;
}
.testimonial-container {
color: #fff;
max-width: 1080px;
margin: 0 auto;
}
.testimonial-container span {
font-size: 35px;
margin: 0 auto 50px auto;
font-weight: 100;
color: #fff;
text-align: center;
display: block;
}
.testimonial-container p {
margin: 0 auto 30px auto;
color: #fff;
text-align: center;
}
.testimonial-container span.testimonial-title {
font-size: 25px;
margin: 0;
} .entry-main {
padding: 0 0 0 45px;
max-width: 1000px;
margin: 0 auto;
}
#secondary a {
display: block;
margin: 0 0 10px 0;
} #map-blocker {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
div#footer-map {
position: relative;
min-height: 400px;
background-size: cover;
}
div#map-blocker {
position: absolute;
}
.layout-full #colophon {
background: #333335;
}
.footer-contact h3, .footer-contact p {
color: #fff;
}
.footer-contact h3, .footer-links h3 {
color: #fff;
font-size: 17px;
font-weight: 100;
font-family: 'Open Sans', sans-serif;
margin: 0 0 15px 0;
}
.footer-contact h3 strong, .footer-links h3 strong {
font-size: 16px;
font-weight: 400;
}
.footer-links ul {
width: 200px;
}
.footer-links ul li {
float: left;
display: inline-block;
margin: 0 0 5px 0;
width: 100px;
}
.footer-links ul li a {
font-weight: 100;
font-size: 13px;
}
#footer-widgets p {
font-weight: 100;
margin: 0 0 7px 0;
font-size: 13px;
}
.footer-contact p span {
color: #14b494;
}
#copyright {
background: #14b494;
overflow: hidden;
padding: 10px 40px;
}
#copyright p {
color: #fff;
font-weight: 100;
margin: 0;
}
#copyright p a {
color: #333335;
text-decoration: none;
}
#copyright p a:hover {
color: #fff;
}
#social-shares {
float: right;
}
#social-shares img {
float: left;
margin: 0 30px 0 0;
}
#social-shares a {
margin: 22px 5px 0 5px;
font-size: 22px;
color: #fff;
display: inline-block;
}
#social-shares a:hover {
color: #14b494;
}
#scroll-to-top {
bottom: 120px;
} body.single.single-case-study #secondary {
margin-top: 60px;
}
#case-study {
margin: 30px 0;
}
ul#gallery {
list-style: none;
margin: 0;
}
ul#gallery li.gallery-image {
width: 22%;
float: left;
margin: 0 20px 20px 0;
min-height: 260px;
}
ul#gallery li.gallery-image img {
width: 100%;
display: block;
}
.post-navigation, #image-navigation {
margin: 0 0 40px 45px;
}
.entry-content .gallery .gallery-item {
width: calc(25% - 10px)!important;
margin: 5px;
box-sizing: border-box;
}
body.single-case-study .back {
padding: 20px 30px;
min-height: 270px;
}  .flip-container {
perspective: 1000px;
} .flip-container:hover .flipper, .flip-container.hover .flipper {
transform: rotateY(180deg);
}
.flip-container, .flipper .front, .flipper .back {
width: 100%;
height: auto;
} .flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d; 
} .flipper .front, .flipper .back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0; } .flipper .front {
z-index: 2; transform: rotateY(0deg);
background: #14b494;
bottom: 0;
-webkit-transform: rotateY(0deg);
}
.front h2 {
color: #fff;
padding: 20px;
position: absolute;
background: #14b494;
display: block;
right: 0;
left: 0;
bottom: auto;
top: auto;
}
.front img {
width: 100%;
height: auto;
} .flipper .back {
transform: rotateY(180deg);
background: #808285;
padding: 40px;
box-sizing: border-box;
bottom: 0;
top: 0;
left: 0;
right: 0;
overflow: hidden;
min-height: 450px;
} .flipper:hover .front {
z-index: 0;
}
.back p {
color: #fff;
margin: 20px 0 0 0;
}
.enquiry-form {
padding: 20px 45px;
clear: both;
overflow: hidden;
background: #14b494;
}
.gfield.gfield_html, .gfield.gfield_html a {
font-size: 24px;
line-height: 1.2;
}
.gfield.gf_left_third {
width: 33.3%;
float: left;
}
.gform_wrapper {
max-width: 1200px!important;
margin: 0 auto;
}
.gform_wrapper .top_label li.gfield.gf_left_third {
margin: 0;
}
.gfield gf_middle_third {
float: left;
}
.gform_wrapper ul.gfield_radio li {
padding: 0!important;
width: 50%;
float: left;
}
.enquiry-form .gform_wrapper .gfield_required {
display: none;
}
.enquiry-form .gform_wrapper .gform_footer {
margin: 1em 30px 25px 0;
}
.gform_wrapper input.medium, .gform_wrapper textarea.medium {
padding: 7px!important;
}
.gform_wrapper label.gfield_label+div.ginput_container {
margin-top: 0!important;
}
.gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label .gfield_label {
margin: 0!important;
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
line-height: 1.3!important;
}
.gfield.gfield_html a:hover, body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html, .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li, .gform_wrapper .top_label .gfield_label, .gform_wrapper .gfield_description, .gform_wrapper .gfield_description a {
color: #fff;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
background: #808285;
}
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
color: #808285;
background: #fff;
opacity: 1;
}
.gform_wrapper .gfield_radio li label {
margin: 10px 0 0 4px!important;
line-height: 1!important;
padding: 1px!important;
} body.page-template-portfolio .entry-main {
padding: 50px 0;
max-width: 100%;
box-sizing: border-box;
}
body.page-template-portfolio .entry-main .entry-content {
max-width: 1000px;
margin: 0 auto 40px auto;
padding: 30px 30px 0 30px;
box-sizing: border-box;
}
body.page-template-portfolio #primary {
float: none;
width: 100%;
overflow: hidden;
}
body.page-template-portfolio .entry-main h1 {
color: #808285;
font-size: 40px;
}
#portfolio {
margin: 0 5px;
}
.portfolio-item {
width: 25%;
width: calc(25% - 30px);
margin: 15px;
float: left;
min-height: 450px;
background: #13b493;
}
.portfolio-item a {
text-decoration: none;
}
.portfolio-item a.read-more {
text-decoration: none;
color: #fff;
background: #14b494;
padding: 10px;
text-align: center;
top: 20px;
position: relative;
}
.portfolio-item a.read-more:hover {
color: #808285;
background: #fff;
}
.vantage-grid-loop article .grid-thumbnail {
padding: 0;
border: none;
margin-bottom: 0;
overflow: hidden;
}
.vantage-grid-loop article .grid-thumbnail:hover {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.vantage-grid-loop article .grid-thumbnail img {
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.vantage-grid-loop article .grid-thumbnail:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.vantage-grid-loop article h3 a:visited {
color: #fff;
}
.vantage-grid-loop article h3 a:hover {
color: #444;
}
.vantage-grid-loop article h3 {
background: #14b494;
padding: 12px;
color: #fff;
}
#secondary .widget .widget-title {
font-size: 20px;
font-weight: initial;
}
body.page-template-portfolio .pagination {
clear: both;
padding: 40px;
max-width: 1200px;
margin: 0 auto;
}
body.page-template-portfolio article.post, body.page-template-portfolio article.page {
padding-bottom: 0;
border-bottom: none;
} .pagination .current, .entry-content .pagination .current, .pagination a:hover, .entry-content .pagination a:hover {
border: none;
background: #14b494;
box-shadow: none;
color: #fff;
}
.pagination span, .entry-content .pagination span, .pagination a, .entry-content .pagination a {
background: #808285;
border: none;
color: #fff;
}
.entry-content .pagination a:visited {
color: #fff;
} body.page-template-internal .entry-main {
padding: 20px 45px 10px 45px;
}
body.page-template-internal #primary {
float: none;
width: 100%;
} body.page-template-services #primary {
float: none;
width: 100%;
}
body.page-template-services .entry-main {
padding: 20px 45px 60px 45px;
}
h1#banner-title {
position: absolute;
top: 100px;
color: #fff;
font-size: 30px;
}
#header-banner {
position: relative;
line-height: 0;
}
#header-banner img {
width: 100%;
height: auto;
}
#header-banner h1 {
position: absolute;
top: 55%;
left: 0;
right: 0;
display: block;
width: 500px;
margin: 0 auto;
text-align: center;
color: #fff;
font-size: 40px;
}
#header-banner .wp-video-shortcode {
object-fit: cover;
max-height: 500px;
}
#header-banner .wp-video {
width: 100vw!important;
}
#header-banner .mejs-container.mejs-container-keyboard-inactive.wp-video-shortcode.mejs-video {
width: 100vw;
}
.vantage-grid-loop article {
width: 33%;
}
#secondary h2 {
font-size: 20px;
padding: 0 20px 0 0;
}
#secondary aside#text-5.widget {
margin-bottom: 20px;
}
.enquiry-form {
background: #7f8185;
}
.gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
background: #14b494;
}
.gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
background: #fff;
} body.blog #primary {
float: none;
width: 100%;
padding-bottom: 40px;
}
body.blog .entry-main {
padding: 50px 45px 0 45px;
}
body.blog h2.entry-title a {
font-size: 30px;
color: #444444;
}
body.blog h2.entry-title a:hover {
color: #13b493;
}
body.single .site-content, body.error404 .site-content {
padding-top: 100px;
}
body.error404 .site-content {
padding-bottom: 40px;
}
#comments {
max-width: 1000px;
margin: 0 auto;
padding: 0 45px;
}
body.blog .entry-content a.button {
margin-top: 10px;
display: inline-block;
}
body.blog .entry-content a.button:hover {
opacity: 1;
background: #7f8185;
color: #fff;
}
.single-post h4 {
clear: right;
} body.single #primary {
float: none;
width: 100%;
}
body.single .post-navigation, body.single #image-navigation {
margin: 0 45px 40px 45px;
} body.error404 #primary,
body.search #primary {
float: none;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
body.error404 #main.site-main,
body.search #main.site-main {
padding: 150px 35px 35px 35px;
box-sizing: border-box;
} #secondary {
height: 100%;
width: 0;
position: fixed;
z-index: 100;
top: 0;
right: 0;
overflow-x: hidden;
transition: 0.5s;
background: #fff;
box-shadow: 0 6px 10px 0px #777;
padding: 0;
box-sizing: border-box;
z-index: 1000;
}
#secondary-inner {
padding: 40px;
}
#secondary.expanded {
width: 28%;
}
#secondary .closebtn {
position: absolute;
top: 20px;
right: 25px;
font-size: 36px;
margin-left: 50px;
display: block;
}
.openbtn {
cursor: pointer;
float: right;
background: #14b494;
}
.openbtn:hover, .openbtn:focus {
border: none;
background: #7f8185;
}
.entry-content .btn{
background: #14b494;
color:#fff !important;
display:inline-block;
font-weight:700;
padding:10px 20px;
text-decoration:none;
}
.entry-content .btn:hover{
background:#808285;
} .wp-image-2219 {
margin-bottom: 80px!important;
}@media (max-width: 1750px) {
.portfolio-item, .flipper .back { }
}
@media (max-width: 1500px) {
.portfolio-item, .flipper .back { }
}
@media (max-width: 1400px) {
.main-navigation ul li a {
padding: 20px 12px;
}
.main-navigation ul li a::after {
left: 14px;
}
}
@media (max-width: 1260px) {
#header-details {
width: 510px;
float: left;
padding: 15px 0;
margin: 0 0 0 300px;
}
.main-navigation ul li a::after {
display: none;
}
#header-contact {
margin: 0 25px 0 0px;
}
#header-social {
padding-top: 10px;
}
.main-navigation ul li {
margin-top: 15px!important;
}
}
@media (max-width: 1220px) {
.portfolio-item, .flipper .back { }
div#footer-map {
min-height: 300px;
}
.flipper .back {
padding: 10px 30px;
}
}
@media (max-width: 1080px) {
body.responsive #masthead.masthead-logo-in-menu .logo {
margin-left: 10px;
}
#masthead.masthead-logo-in-menu .logo>img {
width: 170px;
margin: 0;
padding: 0;
}
#masthead.masthead-logo-in-menu .main-navigation {
background-image: linear-gradient( to right, #ececec, #505357, #505357);
}
body.responsive #masthead.masthead-logo-in-menu #search-icon-icon {
display: block;
}
#search-icon .searchform {
max-width: 500px;
}
.main-navigation ul li a {
padding: 20px 15px;
}
.main-navigation ul ul a {
padding: 10px;
}
.caption-wrap {
top: 20%;
}
.caption span {
font-size: 50px;
}
.accreditations p {
width: 50%;
padding: 20px 40px 20px 90px;
min-height: 90px;
}
.post-navigation a, #image-navigation a {
padding: 17px 20px;
}
ul#gallery li.gallery-image {
width: 33.333%;
}
.portfolio-item {
width: 33.333%;
width: calc(33.333% - 30px);
}
body.error404 #main.site-main,
body.search #main.site-main {
padding: 80px 35px;
}
.wp-image-2219 {
margin-bottom: 0px!important;
}  
}
@media (max-width: 950px) {
#masthead.masthead-logo-in-menu .logo>img {
width: 150px;
}
.main-navigation ul li {
margin-top: 15px!important;
}
.main-navigation ul li a {
padding: 20px 10px;
}
.main-navigation ul ul a {
padding: 10px;
}
.main-navigation ul li a::after {
left: 12px;
}
#header-details {
width: auto;
padding: 15px 0 10px 0;
}
#header-contact {
margin: 0;
}
.caption-wrap {
top: auto;
bottom: 10%!important;
}
.service {
width: auto;
}
.service-tile {
width: 50%;
padding: 0 30px 40px 30px;
min-height: 480px;
margin: 0 0 80px 0;
}
#secondary.expanded {
width: 50%;
}
#header-social {
display: none;
}
.entry-content .alignleft,
.entry-content .alignright {
width: 100%;
float: none;
}
}
@media (max-width: 850px) {
.caption-wrap {
left: 0!important;
}
.metaslider .caption {
padding: 5px 60px!important;
}
.caption .banner-text {
width: auto;
}
.caption span {
font-size: 45px;
}
.caption a {
padding: 12px 50px;
}
body.responsive #masthead.masthead-logo-in-menu #search-icon-icon {
display: none;
} #header-social {
display: none;
}
#masthead.masthead-logo-in-menu .main-navigation {
background-image: linear-gradient( to right, #fff, #505357, #505357, #505357);
} .main-navigation ul li a::after {
content: " ";
}
}
@media (max-width: 780px) {
body.page-template-home-page .entry-content {
width: auto;
}
.entry-main, body.page-template-internal .entry-main, body.page-template-services .entry-main {
padding: 0 30px;
}
#secondary.expanded {
width: 65%;
padding: 0;
}
#secondary-inner {
padding: 40px;
}
}
@media (max-width: 750px) {
.flexslider .slides img {
height: 300px!important;
width: auto!important;
}
.caption p {
font-size: 25px;
}
.caption span {
font-size: 40px;
}
.accreditations p {
width: 100%;
}
.portfolio-item {
width: 50%;
width: calc(50% - 30px);
}
.portfolio-item, .flipper .back {
min-height: 400px;
}
#header-banner img {
width: 150%;
height: auto;
}
.grid-loop-columns-4.vantage-grid-loop article {
width: 50%;
}
.selling-points .col {
width: 50%;
}
}
@media (max-width: 680px) {
.service-tile {
width: auto;
min-height: 100%;
margin: 0 0 40px 0;
}
.service-tile a {
width: auto;
position: initial;
}
#our-work a {
width: 50%;
}
a#center-link {
left: 25%;
top: 48%;
}
.quote-banner {
padding: 30px;
}
.quote-banner p {
margin: 0 0 30px 0;
font-size: 20px;
}
.quote-banner a {
display: block;
text-align: center;
}
.accreditations {
padding: 30px;
}
.slick-prev, .slick-next {
height: 30px!important;
width: 30px!important;
}
.post-navigation, #image-navigation {
margin: 0 0 40px 0;
}
.post-navigation a {
display: block;
}
.gfield.gf_left_third {
width: 100%;
float: none;
}
.enquiry-form, .flipper .back {
padding: 20px 30px;
}
#comments {
padding: 0 30px;
}
body.blog .entry-main {
padding: 50px 30px 0 30px;
}
ul#gallery li.gallery-image {
width: 50%;
}
body.responsive #secondary {
width: 0;
}
body.responsive #secondary.expanded, #secondary.expanded {
width: 80%;
}
body.home .entry-main {
padding: 30px;
}
.banner {
padding: 20px 30px;
}
body.single .post-navigation, body.single #image-navigation {
margin: 0 30px 40px 30px;
}
.entry-content h1, article.post .entry-header h1.entry-title {
padding: 0 20px 40px 20px;
}
h2#home-title {
padding: 0px 20px 20px 20px;
}
.gfield.gfield_html, .gfield.gfield_html a {
font-size: 20px;
}
}
@media (max-width: 620px) {
#masthead.masthead-logo-in-menu .logo>img {
width: 120px;
}
#header-details {
display: none;
}
.main-navigation ul li {
margin-top: 0!important;
}
.metaslider .caption {
padding: 5px 40px!important;
}
.caption span {
font-size: 30px;
}
.banner p, .banner p a {
font-size: 17px;
}
h2#home-title p, .entry-content h1 strong {
font-size: 30px;
}
#header-banner h1 {
width: 100%;
top: 45%;
font-size: 35px;
}
#masthead.masthead-logo-in-menu .main-navigation {
background-image: linear-gradient( to right, #fff, #505357);
}
}
@media (max-width: 560px) {
#masthead.masthead-logo-in-menu .logo>img {
width: 90px;
}
.post-navigation a {
font-size: 10px;
}
#page-title, article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
font-size: 30px!important;
}
.selling-points .col {
width: auto;
}
}
@media (max-width: 520px) {
.portfolio-item {
width: 100%;
width: calc(100% - 30px);
}
.portfolio-item,
.flipper .front,
.flipper .back {
min-height: auto;
transition: none;
transform: none;
}
.flipper,
.flip-container:hover .flipper,
.flip-container.hover .flipper {
transition: none;
transform-style: initial;
transform: none;
}
.flipper .front,
.flipper .back {
position: initial;
backface-visibility: visible;
}
.front h2,
.flip-container {
position: initial;
}
.portfolio-item a.read-more {
display: block;
margin: 0 0 30px 0;
}
}
@media (max-width: 450px) {
.accreditations p {
padding: 20px 0 20px 60px;
background-size: 45px;
}
#header-banner img {
width: 150%;
}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
margin: 0 0 5px 0!important;
}
a#center-link {
line-height: 1.2;
}
}