@charset "UTF-8";

*,
.social_footer__img {
-webkit-box-sizing: border-box;
}
body,
html {
width: 100%;
}
body,
sub,
sup {
position: relative;
}
.slide-item-medium .entry-meta .entry-date,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
#top-link,
a,
a:hover,
a:visited,
ins {
text-decoration: none;
}
.tabs-body > li,
.tabs-title > li,
ol,
ul {
list-style: none;
}
.comment-text-wrap table,
.entry-content table,
table {
border-spacing: 0;
border-collapse: collapse;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
border: 0;
font: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
}
#header,
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin-bottom: 20px;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: none;
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
font-family: 'Open sans', Arial, sans-serif;
font-weight: 300;
font-size: 16px;
letter-spacing: .5px;
line-height: 1.5;
overflow-x: hidden;
overflow-y: auto;
background-color: #f1f1f1;
color: #000;
}
.slide_h1__link,
b,
h1,
h2,
h3,
h4,
h5,
strong {
font-weight: 700;
}
#main h1 a:hover,
#main h2 a:hover,
#main h3 a:hover,
#main h4,
#main h4 a,
#main h4 a:hover,
#main h4 a:visited,
#main h5,
#main h5 a,
#main h5 a:hover,
#main h6,
#main h6 a,
#main h6 a:hover,
#main h6 a:visited,
.sidebar h4,
.sidebar h4 a,
.sidebar h4 a:hover,
.sidebar h4 a:visited,
.sidebar h5,
.sidebar h5 a,
.sidebar h5 a:hover,
.sidebar h6,
.sidebar h6 a,
.sidebar h6 a:hover,
.sidebar h6 a:visited,
h4,
h4 a,
h4 a:hover,
h4 a:visited,
h5,
h5 #main a:visited,
h5 .sidebar a:visited,
h5 a,
h5 a:hover,
h5 a:visited,
h6,
h6 a,
h6 a:hover,
h6 a:visited {
font-family: 'Open sans', Arial, sans-serif;
font-weight: 700;
line-height: .9;
letter-spacing: 1;
}
h1 {
font-size: 36px;
line-height: .8;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
.slide_h1__link {
color: #fff !important;
text-transform: uppercase;
line-height: .9 !important;
font-family: 'Open Sans', sans-serif;
}
.slide_h1 a:nth-child(1) {
font-size: 30px;
}
.slide-item-medium .slide_h1 a,
.slide-item-small .slide_h1 a {
font-size: 18px;
letter-spacing: 1px;
}
.slide-item-medium .slide_h1 a {
text-transform: capitalize;
}
.slide-item-medium .slider-img {
background-position: 50% !important;
}
.slider-img img {
background-position: top;
}
.slide-item-medium .entry-meta .entry-author-name {
display: none !important;
margin-top: -30px;
position: absolute;
width: 200px;
}
@media screen and (max-width: 400px) {
.slide_h1 > a {
font-size: 16px;
}
.categories_links__alaune a[href*=a-la-une] {
font-size: 16px !important;
top: -26px !important;
}
.categories_links__alaune a[href*=a-la-une]:after {
left: -120px;
top: 0 !important;
}
}
#li_ui_li_gen_1537818786470_0-title {
display: none !important;
}
#secondary-footer a,
#secondary-footer a:hover,
#secondary-footer a:visited,
.sidebar a,
.sidebar a:hover,
.sidebar a:visited,
a,
a:hover,
a:visited {
color: #b2b2b2;
}
a:focus,
input,
input:focus,
textarea,
textarea:focus {
outline: 0;
}
a > img {
border: 0;
}
em,
i {
font-style: italic;
font-weight: lighter;
}
img {
vertical-align: bottom;
}
input[type=color],
input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=tel],
input[type=number],
textarea {
padding: 10px;
background-color: #fff;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
border: 1px solid #eaeaea;
max-width: 100%;
-webkit-appearance: none;
border-radius: 0;
}
.button,
.button a,
.button a:hover,
.button a:visited,
a.button,
a.button:hover,
a.button:visited,
button,
input[type=button],
input[type=reset],
input[type=submit] {
padding: 10px 30px;
color: #fff !important;
text-align: center;
background-color: #3f92de;
cursor: pointer;
border: 0;
font-weight: 300;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .2);
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .2);
border-radius: 3px;
-webkit-appearance: none;
}
mark,
select {
color: inherit;
}
select {
border-width: 1px;
border-style: solid;
font-family: inherit;
font-size: 14px;
font-weight: inherit;
padding: 5px;
}
article,
aside,
div,
form,
input,
li,
p,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
border-color: inherit;
color: inherit;
}
address,
cite {
font-style: italic;
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
background-color: #f2f2f2;
font-family: monospace;
padding: 10px;
}
sub,
sup {
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
mark {
background-color: transparent;
}
blockquote,
q {
quotes: none;
border-left: 2px solid #b2b2b2;
font-style: italic;
padding-left: 25px;
}
::selection {
color: #fff;
background-color: #3f92de;
}
::-moz-selection {
color: #fff;
background-color: #3f92de;
}
embed,
iframe,
object,
video {
max-width: 100%;
vertical-align: bottom;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
#header {
margin-top: 0 !important;
background: 0 0 !important;
height: 221px;
}
#check:checked ~ #main-menu-inner {
background: #000;
margin-top: 60px;
}
#menu-item-516 a {
background: 0 0;
}
}
#menu-item-516 a {
background: 0 0;
color: #2194a6 !important;
font-weight: 700;
}
.social_footer__img {
display: inline-block;
width: 35px;
max-width: 40px;
padding-left: 6px;
margin-right: 13px;
opacity: .5;
box-sizing: border-box;
}
.header-boxed #header,
.width-wrap {
margin-left: auto;
margin-right: auto;
}
.textwidget p:nth-child(2) > a img,
.textwidget p:nth-child(3) > a img {
display: none;
}
#footer .widget-area:after,
#footer .widget-area:before,
#site-header:after,
#site-header:before,
#top-stripe:after,
#top-stripe:before,
.author-links-wrap:after,
.author-links-wrap:before,
.brick-wrap:after,
.brick-wrap:before,
.category-item:after,
.category-item:before,
.category-posts-wrap.cat-has-featured .category-posts:after,
.category-posts-wrap.cat-has-featured .category-posts:before,
.clearfix:after,
.clearfix:before,
.comment-body:after,
.comment-body:before,
.entry-meta:after,
.entry-meta:before,
.page-header:after,
.page-header:before,
.pukka-latest-posts-widget li:after,
.pukka-latest-posts-widget li:before,
.pukka-users-list:after,
.pukka-users-list:before,
.related-posts-wrap .related-content-wrap:after,
.related-posts-wrap .related-content-wrap:before,
.widget-area:after,
.widget-area:before,
.widget:after,
.widget:before,
article:after,
article:before {
content: ' ';
display: table;
}
#footer .widget-area:after,
#site-header:after,
#top-stripe:after,
.author-links-wrap:after,
.brick-wrap:after,
.category-item:after,
.category-posts-wrap.cat-has-featured .category-posts:after,
.clearfix:after,
.comment-body:after,
.entry-meta:after,
.page-header:after,
.pukka-latest-posts-widget li:after,
.pukka-users-list:after,
.related-posts-wrap .related-content-wrap:after,
.widget-area:after,
.widget:after,
article:after {
clear: both;
}
.category-inside .page-title {
text-transform: uppercase;
color: #cacacc;
}
.metallover_wrapper {
position: absolute;
left: 10px;
margin-top: 6px;
width: 124px;
height: 28px;
border: 1px solid #000;
padding: 2px 4px;
background-image: url(https://metallover.ch/blog/wp-content/uploads/2018/10/metallovernews-span.png);
background-repeat: no-repeat;
background-position: 6px 1px;
background-color: #fff;
background-size: contain;
}
@media screen and (max-width: 400px) {
.metallover_wrapper {
top: -40px;
left: 20px;
}
}
.category-posts-wrap .category-items-list li,
.list-style-none li,
.pukka-users-list li,
.slides li,
.woocommerce-page #main .order_details li,
.woocommerce-page #main .payment_methods.methods li,
.woocommerce-page #main .woocommerce-error li,
.woocommerce-page #main .woocommerce-pagination ul.page-numbers li,
.woocommerce-page #main ul.products li {
padding-left: 0 !important;
}
.category-posts-wrap .category-items-list li:before,
.list-style-none li:before,
.pukka-users-list li:before,
.slides li:before,
.woocommerce-page #main .order_details li:before,
.woocommerce-page #main .payment_methods.methods li:before,
.woocommerce-page #main .woocommerce-error li:before,
.woocommerce-page #main .woocommerce-pagination ul.page-numbers li:before,
.woocommerce-page #main ul.products li:before {
width: 0 !important;
height: 0 !important;
background-color: transparent !important;
}
.bg-transparent {
background-color: transparent !important;
}
#wrapper {
min-height: 100%;
}
#main {
width: 100%;
margin-bottom: 200px;
}
.has-sidebar #main {
width: 960px;
float: left;
}
.has-sidebar-left.has-sidebar-right #main {
width: 660px;
}
.width-wrap {
width: 1280px;
}
body.width-full .width-wrap {
width: 100%;
}
body.single {
font-family: 'Open Sans' !important;
font-size: 18px !important;
font-weight: 400 !important;
color: #565656 !important;
}
#top-link,
#top-stripe,
#top-stripe a,
#top-stripe a:hover,
#top-stripe a:visited {
color: #fff;
}
#top-link.active {
display: block;
}
#top-link {
display: none;
z-index: 999;
position: fixed;
right: 20px;
bottom: 20px;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
text-align: center;
opacity: .5;
}
#header {
min-height: 100px;
}
.header-boxed #header {
width: 1280px;
}
#top-stripe {
min-height: 35px;
line-height: 35px;
background-color: #3f92de;
}
#footer,
.sidebar {
min-height: 400px;
}
#top-stripe .width-wrap {
padding-left: 5px;
padding-right: 5px;
}
#top-stripe .tagline {
font-style: italic;
float: left;
}
#top-stripe .social-menu {
float: right;
}
#top-stripe .social-menu a {
display: inline-block;
margin-left: 5px;
}
.header-notice embed,
.header-notice iframe,
.header-notice img,
.header-notice object,
.header-notice video {
max-width: 100%;
height: auto;
}
#site-header {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
#site-header #logo-text {
font-size: 60px;
color: #000;
}
#site-header.logo-left #logo {
text-align: left;
}
#site-header.logo-center #logo {
text-align: center;
}
#site-header.logo-right #logo {
text-align: right;
}
#site-header.logo-notice #logo {
width: 540px;
}
#site-header.logo-notice .header-notice {
width: 720px;
height: 90px;
margin-top: -45px;
position: absolute;
top: 50%;
right: 0;
}
@media screen and (min-width: 1400px) {
.menu-catmenu-container {
width: 55% !important;
}
}
.menu-catmenu-container {
position: absolute;
left: 49%;
top: -6px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 75%;
margin: 0 auto;
text-align: center;
font-size: 14px;
line-height: 17px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.menu-catmenu-container > ul > li:first-child a {
opacity: 0;
position: relative;
top: 1px;
z-index: 1;
}
@media screen and (max-width: 960px) {
.menu-catmenu-container > ul > li:first-child a {
left: -40px;
}
.menu-catmenu-container {
text-align: left;
top: 8px;
}
}
#main > header {
color: beige !important;
}
#header-search,
#main-menu-inner,
#main-menu-inner a,
#main-menu-inner a:hover,
#main-menu-inner a:visited,
#main-menu-inner > div > ul > li ul a,
#main-menu-inner > div > ul > li ul a:hover,
#main-menu-inner > div > ul > li ul a:visited,
#main-menu > ul > li ul a,
#main-menu > ul > li ul a:hover,
#main-menu > ul > li ul a:visited {
color: #fff;
}
.homeBtn a {
position: absolute;
left: -555px;
top: 44px;
background-image: url(https://metallover.ch/blog/wp-content/uploads/2018/10/homeIcon.png);
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 19px;
opacity: 1;
}
@media screen and (max-width: 960px) {
.homeBtn a {
top: -389px;
margin-left: 9px;
left: 0;
}
}
#main-menu-wrap {
width: 100%;
background: 0 0 !important;
position: relative;
}
#main-menu-wrap.fixed {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
padding-bottom: 20px;
background: #585858 !important;
}
@media screen and (max-width: 960px) {
#main-menu-wrap.fixed {
position: fixed;
z-index: 2;
top: 0;
left: 0;
padding-bottom: 20px;
background: #585858 !important;
visibility: visible !important;
width: 100%;
}
}
#main-menu-inner {
float: left;
font-size: 14px;
}
#main-menu-inner > div > ul > li,
#main-menu > ul > li {
display: inline-block;
height: 60px;
line-height: 30px;
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
#main-menu-inner > div > ul > li:before,
#main-menu > ul > li:before {
content: '';
opacity: .3;
}
#main-menu-inner > div > ul > li:first-child:before,
#main-menu > ul > li:first-child:before {
content: '';
}
#main-menu-inner li a {
padding: 10px;
}
.menu li:after {
font-family: FontAwesome;
margin-right: 8px;
}
#main-menu-wrap #main-menu-inner li.menu-item-has-children:after,
#main-menu-wrap #main-menu-inner li.page_item_has_children:after {
content: '\f078';
font-size: 6px;
vertical-align: middle;
width: 1px;
margin-left: -4px;
}
#main-menu-wrap #main-menu-inner .sub-menu li.menu-item-has-children:after,
#main-menu-wrap #main-menu-inner .sub-menu li.page_item_has_children:after {
content: none;
width: 0;
}
#main-menu-wrap #main-menu-inner .menu-dropdown li.menu-item-has-children:after,
#main-menu-wrap #main-menu-inner .menu-dropdown li.page_item_has_children:after {
display: none;
}
#main-menu-inner > div > ul > li ul,
#main-menu > ul > li ul {
display: none;
top: 100%;
top: calc(100%+1px);
left: 0;
padding: 10px 0;
position: absolute;
width: 200px;
background-color: #3f92de;
z-index: 9999;
color: #fff;
line-height: 140%;
}
#main-menu-inner > div > ul > li ul li.menu-item-has-children:after,
#main-menu-inner > div > ul > li ul li.page_item_has_children:after,
#main-menu > ul > li ul li.menu-item-has-children:after,
#main-menu > ul > li ul li.page_item_has_children:after {
content: '\f054' !important;
margin-left: 0 !important;
}
#main-menu-wrap #main-menu-inner li > ul > li {
float: none;
padding: 7px;
position: relative;
}
#main-menu-wrap #main-menu-inner li:hover > ul {
display: block;
}
#main-menu-wrap #main-menu-inner .children .children,
#main-menu-wrap #main-menu-inner .sub-menu .sub-menu {
width: 200px;
padding-top: 10px;
position: absolute;
top: -10px;
left: auto;
right: -100%;
background-color: #3f92de;
}
#header-search-wrap {
float: right;
width: 300px;
padding-top: 28px;
margin-right: 10px;
margin-top: 0;
z-index: 2;
}
#searchsubmit-main {
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent;
cursor: pointer;
height: 100%;
width: 40px;
text-align: center;
display: inline-block;
font-size: 17px;
}
#header-search {
height: 34px;
display: block;
float: right;
border-radius: 20px;
border: 1px solid #fff;
vertical-align: middle;
line-height: 34px;
padding-bottom: 10px;
}
#header-search input#s-main {
border: none;
height: 100%;
padding: 10px 10px 17px;
width: 55px;
line-height: 1.2;
background-color: transparent;
-webkit-transition: .5s all;
-o-transition: .5s all;
transition: .5s all;
color: #fff !important;
font-size: 14px !important;
font-family: Helvetica, Arial, sans-serif !important;
}
#header-search.search-active input#s-main {
width: 120px;
}
.ui-helper-hidden-accessible {
display: none;
}
.ui-menu-item,
.ui-menu-item a {
color: #fff;
}
.ui-menu {
text-align: left;
width: 200px;
z-index: 10000;
}
.ui-menu .ui-menu-item,
.ui-menu .ui-menu-item a {
display: block;
padding: 10px;
background-color: #2d2d2d;
font-size: 14px;
opacity: .9;
line-height: 1.2;
cursor: pointer;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item.ui-state-active,
.ui-menu .ui-menu-item.ui-state-focus {
background-color: #898989;
opacity: 1;
}
#sub-header {
margin-bottom: 20px;
}
#sub-header > div {
float: left;
height: 90px;
}
#sub-header .header-post-wrap {
width: 540px;
height: 90px;
overflow: hidden;
border: 1px solid #eaeaea;
background-color: #fff;
margin-right: 20px;
}
#sub-header .header-post-wrap .header-post {
position: relative;
height: 90px;
}
#sub-header .header-post-wrap .header-post-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 20px 110px 20px 20px;
}
#sub-header .header-post-wrap h4 {
font-size: 18px;
}
#sub-header .header-post-wrap .share-box {
position: absolute;
z-index: 99;
top: 0;
right: 0;
left: auto;
width: 90px;
height: 90px;
line-height: 70px;
background-color: #3f92de;
color: #fff;
border: 0;
}
#sub-header .header-post-wrap .share-box .share-count {
border-bottom: 0;
}
#sub-header .header-notice {
width: 720px;
}
.pukka-slider-wrap {
margin-bottom: 90px;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.slide-item-medium .categories-links,
.slide-item-small .categories-links {
display: block;
}
.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content {
position: absolute;
bottom: 5%;
left: 5%;
z-index: 99;
}
.categories_links__alaune a[href*=a-la-une] {
text-transform: uppercase;
letter-spacing: 1px;
position: absolute;
top: -48px;
left: 133px;
font-size: 30px;
}
.categories_links__alaune a[href*=a-la-une]:after {
content: '';
display: block;
position: absolute;
left: -133px;
top: 7px;
width: 111px;
height: 26px;
background-image: url(https://metallover.ch/blog/wp-content/uploads/2018/10/metallovernews-span.png);
background-repeat: no-repeat;
background-position: 50%;
background-color: #fff;
padding: 2px;
}
.pukka-slide,
.pukka-slide-item.slide-item-big {
height: 640px;
width: 100%;
}
@media screen and (max-width: 960px) {
.categories_links__alaune a[href*=a-la-une] {
margin-top: 0;
}
.categories_links__alaune a[href*=a-la-une]:after {
margin-top: -3px;
}
}
.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content .entry-meta,
.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content .entry-meta a,
.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content .entry-meta a:hover,
.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content .entry-meta a:visited,
.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content h3,
.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content h3 a,
.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content h3 a:hover,
.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content h3 a:visited {
color: #fff !important;
}
.pukka-slider-wrap .pukka-slide-item .overlay {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 98;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(11%, rgba(255, 255, 255, 0)),
to(rgba(0, 0, 0, .7))
);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 11%, rgba(0, 0, 0, .7) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 11%, rgba(0, 0, 0, .7) 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(11%, rgba(255, 255, 255, 0)),
to(rgba(0, 0, 0, .7))
);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 11%, rgba(0, 0, 0, .7) 100%);
border-left: 0;
border-right: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.pukka-slide {
float: left;
}
.pukka-slide-item {
float: left;
position: relative;
overflow: hidden;
}
.pukka-slide-item.slide-item-medium,
.pukka-slide-item.slide-item-small {
height: 320px;
border-top: 0;
border-bottom: 0;
border-right: 0;
border-left: 1px solid #fff;
}
.pukka-slide-item.slide-item-medium {
width: 100%;
}
.pukka-slide-item.slide-item-small {
width: 50%;
}
@media screen and (max-width: 800px) {
.pukka-slide {
width: 100vw;
}
#wrapper > div.pukka-slider-wrap.window-width > div > ul {
width: 100% !important;
}
.slides li:nth-child(1) {
width: 100vw;
}
.slides .slide-item-small {
width: 50vw;
}
}
@media screen and (max-width: 400px) {
.pukka-slide {
width: 100vw;
height: auto;
}
#wrapper > div.pukka-slider-wrap.window-width > div > ul {
width: 100% !important;
}
.slides .slide-item-small,
.slides li:nth-child(1) {
width: 100vw;
}
}
.pukka-slider-wrap .pukka-slide-item .slider-img {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover !important;
background-position: top !important;
}
.pukka-slider-wrap .slider-next,
.pukka-slider-wrap .slider-prev {
display: none;
width: 60px;
height: 60px;
background-color: #3f92de;
position: absolute;
top: 50%;
right: 0;
z-index: 999;
margin-top: -61px;
text-align: center;
color: #fff;
font-size: 20px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
opacity: .6;
}
.brick-gallery .slider-next,
.featured .slider-next {
right: -30px;
}
.pukka-slider-wrap:hover .slider-next,
.pukka-slider-wrap:hover .slider-prev {
display: none;
}
.pukka-slider-wrap .slider-prev {
margin-top: 1px;
}
.pukka-slider-wrap .slider-next:hover,
.pukka-slider-wrap .slider-prev:hover {
opacity: .8;
}
.pukka-slider-wrap .slider-next:active,
.pukka-slider-wrap .slider-prev:active {
opacity: 1;
}
.pukka-slider-wrap .slider-next,
.pukka-slider-wrap .slider-next:hover,
.pukka-slider-wrap .slider-next:visited,
.pukka-slider-wrap .slider-prev,
.pukka-slider-wrap .slider-prev:hover,
.pukka-slider-wrap .slider-prev:visited {
color: #fff;
}
.pukka-slide-item embed,
.pukka-slide-item iframe,
.pukka-slide-item img,
.pukka-slide-item object,
.pukka-slide-item video {
max-width: 100%;
height: auto;
}
.pukka-slide-item.slide-item-big h3,
.pukka-slide-item.slide-item-medium h3 {
font-size: 32px;
}
#footer {
margin-top: 57px;
padding-top: 60px;
padding-bottom: 30px;
background-color: #222;
}
#footer,
#footer a,
#footer a:hover,
#footer a:visited {
color: #666;
}
#footer h1,
#footer h1 a,
#footer h1 a:hover,
#footer h1 a:visited,
#footer h2,
#footer h2 a,
#footer h2 a:hover,
#footer h2 a:visited,
#footer h3,
#footer h3 a,
#footer h3 a:hover,
#footer h3 a:visited,
#footer h4,
#footer h4 a,
#footer h4 a:hover,
#footer h4 a:visited,
#footer h5,
#footer h5 a,
#footer h5 a:hover,
#footer h5 a:visited,
#footer h6,
#footer h6 a,
#footer h6 a:hover,
#footer h6 a:visited {
color: #b2b2b2;
}
#footer aside {
float: left;
width: 28%;
margin-left: 2.5%;
margin-right: 2.5%;
}
#footer aside:nth-child(3n + 1) {
margin-left: 0;
margin-right: 5%;
}
#footer aside:nth-child(3n) {
margin-left: 5%;
margin-right: 0;
}
#footer .column-1 aside {
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: center;
}
#footer .column-2 aside {
width: 45%;
}
#footer .column-2 aside:nth-child(2n + 1) {
margin-left: 0;
margin-right: 2.5%;
}
#footer .column-2 aside:nth-child(2n) {
margin-left: 2.5%;
margin-right: 0;
}
#footer .column-4 aside {
width: 22%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#footer .column-4 aside:nth-child(4n + 1) {
margin-left: 0;
margin-right: 3%;
}
#footer .column-4 aside:nth-child(4n) {
margin-left: 3%;
margin-right: 0;
}
#footer .column-5 aside {
width: 18%;
margin-left: 1%;
margin-right: 1%;
}
#footer .column-5 aside:nth-child(5n + 1) {
margin-left: 0;
margin-right: 2%;
}
#footer .column-5 aside:nth-child(5n) {
margin-left: 2%;
margin-right: 0;
}
.footer-boxed #footer {
width: 1280px;
margin-left: auto;
margin-right: auto;
}
.pukka-latest-posts-widget li .latest-meta span {
font-size: 12px;
margin-right: 0;
}
.pukka-latest-posts-widget li .latest-meta > span:before {
padding-right: 5px;
}
#footer .column-4 .pukka-latest-posts-widget li .post-item-img,
#footer .column-5 .pukka-latest-posts-widget li .post-item-img {
width: auto;
float: none;
height: 100px;
margin-bottom: 30px;
}
#footer .column-4 .pukka-latest-posts-widget li .post-item-content,
#footer .column-5 .pukka-latest-posts-widget li .post-item-content {
margin-left: 0;
border-bottom: 1px solid #c3c3c3;
}
#footer .tagcloud a,
#footer .tagcloud a:visited {
border-color: #666;
color: #666;
}
#footer .tagcloud a:hover {
color: #fff;
background-color: #666;
border-color: #666;
}
.sidebar {
float: left;
width: 300px;
}
.sidebar img {
max-width: 100%;
height: auto;
}
.sidebar .widget {
padding: 25px;
background-color: #fff;
border: 1px solid #eaeaea;
}
.sidebar .entry-meta,
.sidebar .entry-meta a,
.sidebar .entry-meta a:hover,
.sidebar .entry-meta a:visited {
color: #b2b2b2;
}
#sidebar-left {
margin-right: 20px;
}
#sidebar-right {
margin-left: 20px;
}
.sidebar .widget_recent_entries li:last-child {
margin-bottom: 0;
}
.sidebar .widget_archive a,
.sidebar .widget_archive a:hover,
.sidebar .widget_archive a:visited,
.sidebar .widget_recent_entries a,
.sidebar .widget_recent_entries a:hover,
.sidebar .widget_recent_entries a:visited {
color: #565656;
}
.sidebar .pukka-latest-posts-widget li .post-item-img,
.single-featured-content .pukka-latest-posts-widget li .post-item-img {
width: auto;
float: none;
height: auto;
margin-bottom: 20px;
}
.sidebar .pukka-latest-posts-widget li .post-item-content,
.single-featured-content .pukka-latest-posts-widget li .post-item-content {
margin-left: 0;
border-bottom: 1px solid #eaeaea;
}
.sidebar .pukka-featured-author-widget {
border: 0;
background-color: #2d2d2d;
}
.sidebar .pukka-featured-author-widget,
.sidebar .pukka-featured-author-widget .widget-title,
.sidebar .pukka-featured-author-widget a,
.sidebar .pukka-featured-author-widget a:hover,
.sidebar .pukka-featured-author-widget a:visited,
.sidebar .pukka-featured-author-widget h5,
.sidebar .pukka-featured-author-widget h5 a,
.sidebar .pukka-featured-author-widget h5 a:hover,
.sidebar .pukka-featured-author-widget h5 a:visited {
color: #fff;
}
.sidebar .pukka-featured-author-widget p {
opacity: .5;
}
.sidebar .sidebar-sticky .pukka-ad-widget {
padding: 0;
border: 0;
}
.affix {
position: fixed !important;
top: 120px;
width: 300px;
}
.affix-bottom {
position: relative;
}
.widget {
margin-bottom: 30px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.widget img {
height: auto;
max-width: 100%;
}
.logo_footer {
margin-left: -20px;
}
.toTop_btn {
display: block;
width: 40px;
height: 120px;
background-image: url(https://metallover.ch/blog/wp-content/uploads/2018/10/arrowUp.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
}
.widget .widget-title {
margin-bottom: 20px;
text-transform: uppercase;
font-size: 18px;
font-weight: 400 !important;
}
.widget > ul > li {
padding: 10px 0;
}
.widget li ul.sub-menu {
padding: 10px 0 0 10px;
}
.widget li {
margin: 0 0 10px;
}
.widget .button {
display: inline-block;
text-decoration: none !important;
}
.author .metallover_wrapper,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.widget .flex-direction-nav {
display: none;
}
.widget #s {
width: calc(100% - 80px);
}
.widget #searchsubmit {
padding: 8px 7px;
width: 80px;
}
.widget #s,
.widget #searchsubmit {
height: 40px;
vertical-align: middle;
}
.widget .searchform {
margin-bottom: 10px;
padding: 20px 0;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
padding-bottom: 15px;
font-size: 14px;
text-align: left;
font-weight: 600;
}
#wp-calendar td,
#wp-calendar th {
font-size: 13px;
height: 35px;
line-height: 35px;
}
#wp-calendar td {
text-align: center;
border: 1px solid #eaeaea;
}
#wp-calendar tfoot td {
padding-top: 15px;
border: 0;
}
#wp-calendar #next,
#wp-calendar tfoot #next {
text-align: right;
}
#wp-calendar tbody td {
overflow: hidden;
}
#wp-calendar tbody a,
#wp-calendar tbody a:hover,
#wp-calendar tbody a:visited {
display: block;
height: 35px;
text-align: center;
color: #fff;
background-color: #3f92de;
}
#wp-calendar #today {
color: #fff;
background-color: #222;
}
#wp-calendar #prev {
text-align: left;
}
.textwidget {
font-size: 14px;
}
.post-date {
font-size: 12px;
display: block;
}
.rsswidget > img {
vertical-align: middle;
}
.widget_rss .rss-date {
font-size: 12px;
font-style: italic;
}
.widget_rss .rssSummary {
margin-top: 20px;
margin-bottom: 20px;
}
.tagcloud a {
display: inline-block;
margin-bottom: 5px;
padding: 2px 5px;
font-size: 14px !important;
border: 1px solid #565656;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.tagcloud a,
.tagcloud a:visited {
color: #565656;
}
.tagcloud a:hover {
color: #fff;
background-color: #3f92de;
border-color: #3f92de;
}
.pukka-latest-posts-widget > ul {
border-top: 0;
}
.pukka-latest-posts-widget li {
border-bottom: none !important;
padding-bottom: 10px;
width: 100%;
}
.pukka-latest-posts-widget li h3 {
font-size: 16px;
}
.pukka-latest-posts-widget li .post-item-img {
float: left;
width: 145px;
height: auto;
overflow: hidden;
}
.pukka-latest-posts-widget li .post-item-img img {
max-width: 100%;
height: auto;
}
.pukka-latest-posts-widget li .post-item-content {
margin-left: 165px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.pukka-latest-posts-widget li:last-child .post-item-content {
border-bottom: 0;
}
.pukka-latest-posts-widget li .post-item-content.no-thumb {
margin-left: 0;
}
.latest-content h4 {
font-size: 14px;
}
.pukka-ads-50-widget span {
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.fa-widget-icon {
display: block;
margin-bottom: 30px;
}
.widget-title .fa-widget-icon {
display: inline;
margin-bottom: 0;
padding-right: 20px;
}
.fa-widget-text {
font-size: 14px;
margin-top: 10px;
}
.fa-widget-icon.icon-border .fa {
border: 1px solid #b2b2b2;
border-radius: 100%;
}
.widget-banner-wrap {
margin-bottom: 20px;
padding-bottom: 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.widget-banner-wrap,
.widget-banner-wrap a {
color: #3f92de;
}
.widget-banner-img {
position: absolute;
z-index: 1;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
top: 0;
left: 0;
}
.widget-banner-content {
position: relative;
z-index: 9;
}
.widget-banner-wrap h3 {
margin-bottom: 0;
}
.pukka-featured-author-widget .image-holder,
.pukka-featured-post-widget .featured-post-content,
.pukka-featured-post-widget h3,
.pukka-featured-post-widget h4,
.pukka-featured-post-widget img,
.testimonial-thumb,
.testimonial-title {
margin-bottom: 20px;
}
.widget-banner-wrap h3 span {
display: block;
line-height: 120%;
}
.widget-banner-wrap .button {
display: inline-block;
}
.pukka-testimonials-widget li {
border-top: 0;
}
.testimonial-thumb {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50px;
}
.pukka-testimonials-widget .testimonial-meta {
font-size: 12px;
display: block;
margin-top: 10px;
}
.featured-post-content,
.pukka-featured-author-widget p,
.pukka-testimonials-widget .testimonial-content,
.tweet-text {
font-size: 14px;
}
.testimonials-slider .flex-viewport {
overflow: hidden;
}
.testimonials-slider .flex-viewport .slides {
width: 10000px;
}
.pukka-testimonials-widget .flex-viewport .slides li {
float: left;
width: auto;
}
.pukka-featured-post-widget .read-more,
.pukka-featured-post-widget img {
display: inline-block;
}
.pukka-twitter-widget .widget-title i {
color: #b2b2b2;
padding-right: 5px;
}
.pukka-twitter-widget ul {
border-top: none !important;
}
.pukka-twitter-widget li {
border-bottom: none !important;
}
.tweet-text a,
.tweet-text a:hover,
.tweet-text a:visited {
color: #3f92de;
}
.tweet-date {
display: block;
margin-top: 10px;
font-size: 12px;
color: #b2b2b2;
}
.tweet-date i {
padding-right: 5px;
}
.pukka-flickr-widget > ul {
border-top: 0;
}
.pukka-flickr-widget > ul > li {
float: left;
width: 30%;
padding: 0;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 3%;
border-bottom: 0;
}
.pukka-flickr-widget > ul > li:nth-child(3n + 1) {
margin-left: 0;
margin-right: 3%;
}
.pukka-flickr-widget > ul > li:nth-child(3n) {
margin-left: 3%;
margin-right: 0;
}
.pukka-flickr-widget a {
display: inline-block;
width: 100%;
min-height: 70px;
background-size: cover;
}
.pukka-ft-btn,
.pukka-fw-amount,
.pukka-fw-icon-holder {
display: inline-block;
}
.pukka-fw-icon-holder {
float: left;
font-size: 24px;
color: #b2b2b2;
}
.pukka-fw-amount {
margin-left: 20px;
}
.pukka-fw-amount .metric {
display: block;
font-weight: 700;
font-size: 20px;
height: 20px;
}
.pukka-fw-amount em {
color: #b2b2b2;
font-size: 12px;
}
.pukka-fw-btn {
display: inline-block;
float: right;
margin-right: 0;
padding-top: 5px;
padding-bottom: 5px;
width: 70px;
font-size: 12px;
text-align: center;
color: #fff !important;
}
.pukka-fw-fb .pukka-fw-btn {
background-color: #3b5998;
}
.pukka-fw-tw .pukka-fw-btn {
background-color: #00aced;
}
.pukka-fw-yt .pukka-fw-btn {
background-color: #b00;
}
.si_feed_widget .si_item {
width: 30% !important;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 3% !important;
}
.si_feed_widget .si_item:nth-child(3n + 1) {
margin-left: 0;
margin-right: 3% !important;
}
.si_feed_widget .si_item:nth-child(3n) {
margin-left: 3% !important;
margin-right: 0;
}
.home #main > .page {
padding-top: 0;
}
.home .category-posts {
border: 1px solid #eaeaea;
}
.home .featured-posts-wrap,
.home .posts-wrap {
border: 0;
}
.main-post {
padding-top: 50px;
}
.single-post .main-post {
max-width: 960px;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 959px) {
.single-post .main-post {
margin-top: 0;
}
}
#main .content-wrap {
padding-left: 60px;
padding-right: 60px;
font-size: 18px !important;
}
.entry-header {
margin-bottom: 40px;
position: relative;
}
.entry-title {
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 1.5;
font-size: 30px;
font-weight: 700;
font-family: 'Open sans', sans-serif;
}
.entry-meta {
margin-top: -10px;
font-size: 13px;
overflow: hidden;
}
.entry-meta > span {
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
background-color: transparent !important;
}
.entry-meta > span:first-child:before {
padding-right: 0 !important;
content: '';
}
#main .entry-meta,
#main .entry-meta a,
#main .entry-meta a:hover,
#main .entry-meta a:visited {
color: #7f7f7f;
}
.main-post time {
color: #000;
display: inline-block;
padding-right: 6px;
height: 18px;
padding-bottom: 6px;
font-size: 14px;
vertical-align: middle;
line-height: 17px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.featured {
margin-bottom: 60px;
overflow: hidden;
}
.featured img {
width: 100%;
height: auto;
}
@media screen and (max-width: 400px) {
.featured img { }
}
.featured .featured-caption {
color: #b2b2b2;
font-style: italic;
font-size: 13px;
margin-top: 20px;
}
.featured .featured-caption a,
.featured .featured-caption a:hover,
.featured .featured-caption a:visited {
color: #b2b2b2;
}
.featured .slider {
position: relative;
}
.featured .slider-next,
.featured .slider-prev {
display: block;
width: 30px;
height: 30px;
background-color: #c1610e;
position: absolute;
top: 50%;
z-index: 999;
margin-top: -15px;
line-height: 35px;
text-align: center;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.featured .slider-next,
.featured .slider-next:hover,
.featured .slider-next:visited,
.featured .slider-prev,
.featured .slider-prev:hover,
.featured .slider-prev:visited {
color: #fff;
}
.featured .slider-prev {
left: -30px;
}
.adjacent-post.next-post,
.featured:hover .slider-next {
right: 0;
}
.featured:hover .slider-prev {
left: 0;
}
.featured .slides {
margin-bottom: 0 !important;
}
.entry-content {
font-size: 18px;
line-height: 1.5;
letter-spacing: 0;
color: #727272;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.entry-content blockquote,
.entry-content q {
font-size: 20px;
line-height: 140%;
}
.entry-content a,
.entry-content a:hover,
.entry-content a:visited {
color: #3f92de;
}
.dm-wrap a,
.dm-wrap a:hover,
.dm-wrap a:visited,
.entry-content a,
.entry-content a:hover,
.entry-content a:visited {
color: #3f92de;
text-decoration: none;
}
.comment-text-wrap address,
.comment-text-wrap blockquote,
.comment-text-wrap dl,
.comment-text-wrap ol,
.comment-text-wrap p,
.comment-text-wrap pre,
.comment-text-wrap q,
.comment-text-wrap table,
.comment-text-wrap ul,
.entry-content address,
.entry-content blockquote,
.entry-content dl,
.entry-content ol,
.entry-content p,
.entry-content pre,
.entry-content q,
.entry-content table,
.entry-content ul {
margin-bottom: 30px;
}
.comment-text-wrap ol,
.comment-text-wrap ul,
.entry-content ol,
.entry-content ul {
counter-reset: li;
list-style: none;
}
.comment-text-wrap ol li,
.comment-text-wrap ul li,
.entry-content ol li,
.entry-content ul li {
padding-left: 30px;
position: relative;
margin-bottom: 10px;
font-size: 18px;
}
.comment-text-wrap ol li:before,
.comment-text-wrap ul li:before,
.entry-content ol li:before,
.entry-content ul li:before {
height: 15px;
width: 15px;
background-color: #3f92de;
position: absolute;
top: 4px;
left: 0;
content: counter(li);
counter-increment: li;
text-align: center;
line-height: 15px;
font-size: 11px;
color: #fff;
border-radius: 50%;
}
.comment-text-wrap ul li:before,
.entry-content ul li:before {
height: 8px;
width: 8px;
background-color: #3f92de;
position: absolute;
top: 8px;
left: 8px;
color: #fff;
content: '';
text-align: center;
line-height: 18px;
z-index: 1;
}
.comment-text-wrap ol ol,
.comment-text-wrap ol ul,
.comment-text-wrap ul ol,
.comment-text-wrap ul ul,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ol,
.entry-content ul ul {
margin-left: 10px;
margin-bottom: 0;
margin-top: 5px;
}
.comment-text-wrap dt,
.entry-content dt {
font-weight: 700;
}
.comment-text-wrap dd,
.entry-content dd {
margin-bottom: 5px;
}
.comment-text-wrap abbr,
.comment-text-wrap acronym,
.entry-content abbr,
.entry-content acronym {
border-bottom: 1px dotted;
}
.comment-text-wrap ins,
.entry-content ins {
background-color: #fff9c0;
text-decoration: none;
}
.comment-text-wrap kbd,
.comment-text-wrap tt,
.entry-content kbd,
.entry-content tt {
font-family: monospace;
}
.author-name,
.share-box {
font-family: Helvetica, Arial, sans-serif;
}
.content-wrap img {
max-width: 100%;
height: auto;
}
.entry-content .wp-caption {
max-width: 100%;
}
.entry-content img {
max-width: 100% !important;
}
.wp-caption-text {
font-style: italic;
margin-top: 5px;
font-size: 12px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.wp-caption.alignright,
img.alignright {
margin: 5px 0 20px 20px;
}
img.alignright {
float: right;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
img.aligncenter {
display: block;
margin: 5px auto;
text-align: center;
clear: both;
}
img.alignnone {
margin: 5px 0;
}
.comment-text-wrap table td p,
.entry-content .gallery dd,
.entry-content table td p {
margin-bottom: 0;
}
img.size-full,
img.size-large,
img.wp-post-image {
max-width: 100%;
height: auto;
}
.comment-text-wrap table td,
.comment-text-wrap table th,
.entry-content table td,
.entry-content table th {
padding: 5px 7px;
border-bottom-width: 1px;
border-style: solid;
}
.comment-text-wrap table thead th,
.entry-content table thead th {
color: #000;
text-transform: uppercase;
}
.comment-text-wrap table th,
.entry-content table th {
font-weight: 700;
text-align: left;
}
.comment-text-wrap table td,
.entry-content table td {
font-style: italic;
}
.bypostauthor {
background-color: transparent;
}
.sticky,
article.post.sticky {
background-color: #fffae3;
}
.sticky .social-stripe:hover,
article.post.sticky .social-stripe:hover {
background-color: #3f92de;
}
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery dl {
margin-bottom: 0;
}
.gallery img {
vertical-align: bottom;
}
.gallery-item {
float: left;
margin: 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-1 .gallery-item {
width: 75%;
width: calc(75% - 4px);
}
.gallery-columns-2 .gallery-item {
width: 48%;
width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
width: 31%;
width: calc(33% - 4px);
}
.gallery-columns-4 .gallery-item {
width: 23%;
width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
width: 19%;
width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
width: 15%;
width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
width: 13%;
width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
width: 11%;
width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
width: 9%;
width: calc(11.1% - 4px);
}
.gallery-columns-10 .gallery-item {
width: 8%;
width: calc(10% - 4px);
}
.gallery-caption {
background-color: rgba(0, 0, 0, .7);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity .4s ease;
-o-transition: opacity .4s ease;
transition: opacity .4s ease;
width: 100%;
}
.gallery-caption:before {
-webkit-box-shadow: 0 -10px 15px #000 inset;
box-shadow: 0 -10px 15px #000 inset;
content: '';
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
#main .narrow-content .entry-content {
padding-left: 200px;
}
#main .narrow-content .content-wrap {
position: relative;
}
#main .narrow-content .single-featured-content {
position: absolute;
top: 0;
left: 60px;
width: 150px;
}
#main .narrow-content .single-featured-content h4 {
margin-bottom: 20px;
color: #3f92de;
}
#main .narrow-content .single-featured-content h4,
#main .narrow-content .single-featured-content h4 a,
#main .narrow-content .single-featured-content h4 a:hover,
#main .narrow-content .single-featured-content h4 a:visited {
font-size: 14px !important;
}
#main .narrow-content .single-featured-content li {
border-bottom: 1px solid #b2b2b2;
}
#main .narrow-content .single-featured-content a,
#main .narrow-content .single-featured-content a:hover,
#main .narrow-content .single-featured-content a:visited {
color: #565656;
}
.post-author-wrap {
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 20px;
border: 1px solid #eaeaea;
background-color: #fff;
display: none;
}
.author-description {
margin-left: 120px;
}
.author-meta {
width: 100%;
}
.author-meta-avatar {
float: left;
margin-right: 20px;
width: 80px;
overflow: hidden;
}
.author-meta-avatar img {
width: 100%;
height: auto;
border-radius: 100%;
}
.author-meta-heading {
overflow: hidden;
}
.author-links-wrap {
float: right;
}
.author-links {
display: inline-block;
text-align: center;
width: 25px;
}
.author-links:first-child {
border-left-color: transparent;
}
.author-name {
float: left;
font-weight: 600;
font-size: 22px;
margin-bottom: 10px;
text-transform: uppercase;
}
.author-name a,
.author-name a:visited {
color: #000;
}
.description-text {
margin-right: 20px;
font-style: italic;
}
.comments-wrap {
padding-top: 40px;
padding-bottom: 40px;
display: none;
}
.comment,
.pingback {
margin-bottom: 20px;
}
#reply-title {
margin-bottom: 50px;
text-align: center;
}
#commentform > span {
display: block;
float: left;
margin-bottom: 20px;
padding-left: 10px;
width: 33%;
font-size: 14px;
}
#commentform input[type=text],
.comment-form input[type=text] {
height: 40px;
width: 100%;
}
#commentform > span label {
display: block;
margin-bottom: 5px;
}
#commentform span:first-child {
width: 34%;
padding-left: 0;
}
#commentform textarea,
.comment-form textarea {
width: 100%;
font-size: 14px;
}
.comment-list {
margin-bottom: 40px;
}
.comment-author {
float: left;
}
.comment-content,
.pingback {
float: left;
margin-left: 20px;
width: calc(100% - 94px);
padding: 30px;
border: 1px solid #eaeaea;
background-color: #fff;
}
.pingback {
float: none;
width: 100%;
margin-left: 0;
}
.comment-meta .reply {
float: right;
font-style: italic;
}
.comment-meta .reply a,
.comment-meta .reply a:hover,
.comment-meta .reply a:visited {
color: #3f92de;
}
.comment-meta .comment-author-name {
display: inline-block;
margin-right: 30px;
}
.comment-meta .comment-time {
font-size: 13px;
font-style: italic;
}
.comment-text-wrap {
padding-top: 10px;
font-size: 14px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.comment-text-wrap > p:last-child {
margin-bottom: 0;
}
.depth-2 {
margin-left: 40px;
}
.depth-3 {
margin-left: 80px;
}
.depth-4 {
margin-left: 120px;
}
.depth-5 {
margin-left: 160px;
}
.disqus-comment-system .comments-wrap,
.facebook-comments-plugin .comments-wrap,
.gplus-comments .comments-wrap,
.intensedebate .comments-wrap,
.jetpack-comments .comments-wrap {
border: 1px solid #eaeaea;
background-color: #fff;
display: none;
}
.related-posts-wrap {
margin-bottom: 20px;
padding-top: 30px;
padding-bottom: 30px;
}
.related-posts-wrap article {
border: 0;
}
.related-posts-wrap .related-posts-title {
margin-bottom: 50px;
text-align: center;
}
.related-posts-wrap .related-post {
padding-top: 30px;
border: 1px solid #eaeaea;
}
.related-posts-wrap .related-content-wrap {
padding-left: 30px;
padding-right: 30px;
}
.related-posts-wrap .related-media {
float: left;
margin-right: 50px;
width: 220px;
}
.related-posts-wrap .related-media img {
width: 100%;
height: auto;
}
.related-posts-wrap .related-media embed,
.related-posts-wrap .related-media iframe,
.related-posts-wrap .related-media object,
.related-posts-wrap .related-media video {
width: 100%;
max-width: 100%;
overflow: hidden;
height: auto;
}
.related-posts-wrap .related-post .related-content {
float: left;
width: 598px;
}
.related-posts-wrap .related-post .related-content .entry-title {
font-size: 26px;
margin-bottom: 10px;
}
.related-posts-wrap .related-post .related-content .entry-header {
margin-bottom: 20px;
}
.related-posts-wrap .related-post .related-content .entry-content {
padding-bottom: 0;
}
.related-posts-wrap .related-post.no-media .related-content {
float: none;
width: 100%;
}
.related-posts-wrap .related-post.no-media .fa {
margin-bottom: 40px;
}
.related-posts-wrap .format-status .entry-content {
margin-bottom: 30px;
}
.related-posts-wrap .format-status .entry-content p {
margin-bottom: 15px;
font-size: 14px;
line-height: 100%;
}
.slides li {
margin-bottom: 0 !important;
display: none;
}
.slides li:first-child {
display: block;
}
.adjacent-post {
width: 115px;
min-height: 220px;
display: none;
position: fixed;
top: 30%;
z-index: 99;
}
.adjacent-post .adjacent-post-image-holder {
text-align: center;
width: 100%;
color: #fff;
background-color: #3f92de;
}
.adjacent-post img {
width: 100%;
height: auto;
}
.adjacent-post .adjacent-post-image-holder i {
height: 100px;
line-height: 100px;
font-size: 60px;
}
.adjacent-post h6 {
font-size: 16px;
line-height: 120%;
word-wrap: break-word;
}
.adjacent-post .adjacent-post-content {
padding: 15px 8px 10px;
border: 1px solid #eaeaea;
border-top: 0;
background-color: #fff;
}
.adjacent-post.prev-post {
left: 0;
}
.adjacent-post.prev-post .adjactent-post-content {
text-align: right;
}
.adjacent-post.next-post .adjactent-post-content {
text-align: left;
}
.adjacent-arrow {
font-size: 26px;
line-height: 16px;
}
.social-buttons {
margin-bottom: 20px;
line-height: 1;
clear: both;
}
.social-buttons > div {
display: inline-block;
float: left;
margin-right: 10px;
margin-bottom: 24px;
}
.social-buttons iframe {
max-width: none;
}
.social-buttons > .tw-button {
margin-right: 0 !important;
}
.twitter-count-horizontal {
width: 90px !important;
}
.page-header {
margin-bottom: 20px;
}
.page-header .page-title {
margin-bottom: 0;
margin-left: 11px;
text-transform: uppercase;
}
.page-header .page-meta {
margin-top: 20px;
}
article {
margin-bottom: 34px;
border: 1px solid #eaeaea;
background-color: #fff;
}
article.no-media {
padding-top: 35px;
}
.pukka-breadcrumbs {
margin-bottom: 10px;
font-size: 13px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.pukka-breadcrumbs,
.pukka-breadcrumbs a,
.pukka-breadcrumbs a:hover,
.pukka-breadcrumbs a:visited {
color: #888;
}
.more-link-wrap {
display: block;
text-align: center;
margin: 40px 0 20px;
}
.more-link,
.more-link:visited {
text-transform: uppercase;
color: #7a7c7f;
padding: 15px 30px;
border: 1px solid #7a7c7f;
border-radius: 0;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
font-weight: 600;
font-hight: 1.2;
letter-spacing: 1px;
font-size: 14px;
}
.dm-wrap .more-link:hover,
.entry-content .more-link:hover,
.more-link:hover {
color: #fff;
background: #c1610e !important;
}
.comment-navigation,
.paging-navigation {
margin-top: 50px;
font-style: italic;
}
.comment-navigation a,
.comment-navigation a:hover,
.comment-navigation a:visited,
.paging-navigation a,
.paging-navigation a:hover,
.paging-navigation a:visited {
color: #3f92de;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous {
float: left;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next {
float: right;
}
.single #main .share-box-on .entry-header {
padding-right: 135px;
}
.single .entry-header .share-box {
display: block;
position: absolute;
top: 0;
right: 55px;
height: 60px;
width: 60px;
}
.share-box {
display: block;
text-align: center;
color: #cfcfcf;
border: 1px solid #cfcfcf;
font-weight: 700;
}
.share-box .share-count {
display: block;
margin-bottom: 0;
font-size: 24px;
height: 34px;
border-bottom: 1px solid #cfcfcf;
}
.share-box .share-label {
font-size: 11px;
text-transform: uppercase;
}
.single .entry-content .social-buttons {
margin-top: 60px;
margin-bottom: 0;
}
.social-stripe {
padding: 3px 22px;
height: 37px;
line-height: 35px;
font-size: 15px;
font-weight: 600;
background-color: #f9f9f9;
border-top: 1px solid #eaeaea;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
display: none;
}
.format-chat .entry-content,
.format-link .entry-content,
.format-status .entry-content {
padding-bottom: 0;
}
.social-stripe .share-label,
.social-stripe > .fa {
color: #b2b2b2;
}
#main .pukka-share,
#main .pukka-share:hover,
#main .pukka-share:visited,
.social-stripe:hover .fa {
color: #fff;
}
.social-stripe .pukka-share {
display: inline-block;
font-size: 14px;
margin-left: 12px;
}
.social-stripe .social-share-buttons,
.social-stripe:hover .share-label-wrap {
display: none;
}
.social-stripe .share-count {
padding-right: 5px;
}
.social-stripe .share-label-wrap {
font-size: 14px;
}
.social-stripe .share-label-wrap > span {
margin-left: 10px;
}
.social-stripe:hover {
color: #fff;
background-color: #3f92de;
}
.social-stripe:hover .social-share-buttons {
display: inline-block;
}
.format-quote .entry-content {
margin-top: 0;
padding-bottom: 0;
}
.format-quote .entry-content p {
font-size: 24px;
font-style: italic;
line-height: 120%;
}
.format-quote .fa-quote-left {
display: inline-block;
margin-bottom: 20px;
font-size: 32px;
color: #b2b2b2;
}
.format-quote .quote-author {
display: block;
margin-top: 30px;
font-size: 14px;
text-align: right;
font-style: normal;
}
.format-quote blockquote,
.format-quote q {
padding-left: 0;
border-left: 0;
}
.format-link .entry-content p {
font-size: 24px;
font-style: italic;
line-height: 120%;
}
.format-link .fa-link {
display: inline-block;
margin-bottom: 20px;
font-size: 32px;
color: #b2b2b2;
}
.format-link .post-link-content,
.format-link .post-link-content:hover,
.format-link .post-link-content:visited {
color: #565656;
}
.format-link .post-link {
display: block;
margin-top: 30px;
font-size: 14px;
text-align: right;
line-height: 120%;
}
.format-status .entry-content p {
font-size: 24px;
line-height: 120%;
}
.format-status .fa-flag {
display: inline-block;
margin-bottom: 20px;
font-size: 32px;
color: #b2b2b2;
}
.format-chat .entry-content {
margin-bottom: 30px;
}
.format-chat .entry-content p {
font-size: 14px;
font-style: italic;
line-height: 110%;
margin-bottom: 15px;
}
.format-chat .fa-comments-o {
display: inline-block;
margin-bottom: 20px;
font-size: 32px;
color: #b2b2b2;
}
#post-0 {
text-align: center;
}
#post-0 .entry-header .fa {
margin-bottom: 30px;
padding: 20px;
font-size: 46px;
border: 1px solid #b2b2b2;
border-radius: 100%;
}
#main {
-webkit-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.infinite-load-more-wrap {
position: relative;
overflow: visible;
text-align: center;
}
.infinite-load-more-wrap a {
display: block;
color: #fff !important;
text-transform: uppercase;
text-align: center;
font-style: normal;
padding: 20px;
background-color: transparent !important;
border-radius: 3px;
background: url(https://metallover.ch/blog/wp-content/uploads/2018/10/loadMore.png) 50% no-repeat;
background-size: contain;
}
.infinite-load-more-wrap .infinite-loader {
display: none;
position: absolute;
top: -40px;
left: 50%;
margin-left: -16px;
width: 32px;
height: 32px;
font-size: 32px;
}
.infinite-load-more-wrap.loading .infinite-loader {
display: block;
}
.brick-item-wrap {
float: left;
}
.brick {
-webkit-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
-webkit-transition-duration: .7s;
-o-transition-duration: .7s;
transition-duration: .7s;
overflow: hidden;
max-width: 100%;
border: 1px solid #eaeaea;
background-color: #fff;
}
.brick-media embed,
.brick-media iframe,
.brick-media object,
.brick-media video {
width: 100%;
max-height: 310px;
min-height: 310px;
overflow: hidden;
height: auto;
}
.format-quote.no-media .entry-content {
margin-top: 25px;
}
.brick img {
width: 100%;
max-width: 100%;
height: auto;
max-height: 407px;
}
.brick .brick-meta-wrap {
-ms-word-wrap: break-word;
word-wrap: break-word;
width: 100%;
display: inline-block;
font-size: 12px;
opacity: .7;
}
.column-2 .brick-item-wrap,
.column-2 .grid-sizer {
width: 50%;
}
.brick-meta-wrap > span {
margin-bottom: 0;
margin-right: 5px;
}
.brick .brick-content {
padding: 20px 25px 25px;
}
.brick.insidePost .brick-content {
background-color: #2E2E2E;
color: #FFF;
}
.brick.insidePost .brick-content h3 a,
.brick.insidePost .brick-content .entry-meta,
.brick.insidePost .brick-content .entry-meta a,
.brick.insidePost .brick-content .entry-meta a time,
.brick.insidePost .brick-content p,
.brick.insidePost .brick-content .more-link{
color: #FFF!important;
}
.brick.insidePost .brick-content .more-link{
border-color: #FFF!important;
}
.brick.insidePost .brick-content .insidePostHomeLink {
margin-bottom: 15px;
font-size: 18px;
text-decoration: underline;
color: #FFF!important;
display: block;
}
.brick.insidePost .brick-content .entry-meta {
opacity: 1;
}
.brick.insidePost .brick-content .entry-meta .entry-date,
.brick.insidePost .brick-content .entry-meta .categories-links {
display: inline-block;
text-transform: capitalize;
}
.brick.insidePost .brick-content .entry-meta .categories-links {
position: relative;
margin-left: 5px;
}
.brick.insidePost .brick-content .entry-meta .categories-links:before {
position: absolute;
content: '.';
top: -4px;
left: -10px;
font-size: 15px;
}
.brick h3 {
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 22px;
margin-bottom: 10px;
}
.brick .brick-content p {
margin-top: 10px;
margin-bottom: 0;
font-size: 14px;
color: #000;
}
.brick .categories-links a {
color: #514f4f;
}
.brick .entry-date a time {
color: #000;
display: inline-block;
padding-right: 6px;
height: 18px;
padding-bottom: 6px;
font-size: 14px;
vertical-align: middle;
line-height: 17px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.column-2 .brick-item-wrap,
.column-3 .brick-item-wrap,
.column-4 .brick-item-wrap,
.column-5 .brick-item-wrap,
.column-6 .brick-item-wrap {
padding-left: 1%;
padding-right: 1%;
padding-bottom: 2%;
}
.column-3 .brick-item-wrap,
.column-3 .grid-sizer {
width: 33.33%;
}
.column-4 .brick-item-wrap,
.column-4 .grid-sizer {
width: 25%;
}
.column-5 .brick-item-wrap,
.column-5 .grid-sizer {
width: 20%;
}
.column-6 .brick-item-wrap,
.column-6 .grid-sizer {
width: 16%;
}
.brick-quote .brick-content p {
font-size: 24px;
font-style: italic;
line-height: 120%;
}
.brick-quote .fa-quote-left {
font-size: 32px;
color: #b2b2b2;
}
.brick-quote .quote-author {
display: block;
margin-top: 30px;
font-size: 14px;
text-align: right;
font-style: normal;
}
.brick-quote blockquote,
.brick-quote q {
padding-left: 0;
border-left: 0;
}
.brick-link .brick-content p {
font-size: 24px;
font-style: italic;
line-height: 120%;
}
.brick-link .fa-link {
font-size: 32px;
color: #b2b2b2;
}
.brick-link .grid-link-content,
.brick-link .grid-link-content:hover,
.brick-link .grid-link-content:visited {
color: #565656;
}
.brick-link .grid-link {
display: block;
margin-top: 30px;
font-size: 14px;
text-align: right;
line-height: 120%;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.brick-gallery .brick-media {
overflow: hidden;
position: relative;
}
.brick-gallery .slider-next,
.brick-gallery .slider-prev {
display: block;
width: 30px;
height: 30px;
background-color: #3f92de;
position: absolute;
top: 50%;
z-index: 999;
margin-top: -15px;
line-height: 35px;
text-align: center;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.brick-gallery .slider-next,
.brick-gallery .slider-next:hover,
.brick-gallery .slider-next:visited,
.brick-gallery .slider-prev,
.brick-gallery .slider-prev:hover,
.brick-gallery .slider-prev:visited {
color: #fff;
}
.brick-gallery .slider-prev {
left: -30px;
}
.brick-gallery:hover .slider-prev {
left: 0;
}
.brick-gallery:hover .slider-next {
right: 0;
}
.brick-gallery .slides {
margin-bottom: 0 !important;
}
.brick-status .entry-content p {
font-size: 24px;
line-height: 120%;
}
.brick-status .fa-flag {
display: inline-block;
margin-bottom: 20px;
font-size: 32px;
color: #b2b2b2;
}
.brick-chat .entry-content {
margin-bottom: 30px;
}
.brick-chat .entry-content p {
font-size: 14px;
font-style: italic;
line-height: 110%;
margin-bottom: 15px;
}
.brick-wrap.effect-1 .brick.animate {
-webkit-animation: fadeIn .65s ease forwards;
animation: fadeIn .65s ease forwards;
}
@-webkit-keyframes fadeIn {
100% {
opacity: 1;
}
}
@keyframes fadeIn {
100% {
opacity: 1;
}
}
.brick-wrap.effect-2 .brick.animate {
-webkit-transform: translateY(200px);
-ms-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: moveUp .65s ease forwards;
animation: moveUp .65s ease forwards;
}
@-webkit-keyframes moveUp {
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes moveUp {
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.brick-wrap.effect-3 .brick.animate {
-webkit-transform: scale(.6);
-ms-transform: scale(.6);
transform: scale(.6);
-webkit-animation: scaleUp .65s ease-in-out forwards;
animation: scaleUp .65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scaleUp {
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.brick-wrap.effect-4 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.brick-wrap.effect-4 .brick.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: fallPerspective .8s ease-in-out forwards;
animation: fallPerspective .8s ease-in-out forwards;
}
@-webkit-keyframes fallPerspective {
100% {
-webkit-transform: translateZ(0) translateY(0) rotateX(0);
transform: translateZ(0) translateY(0) rotateX(0);
opacity: 1;
}
}
@keyframes fallPerspective {
100% {
-webkit-transform: translateZ(0) translateY(0) rotateX(0);
transform: translateZ(0) translateY(0) rotateX(0);
opacity: 1;
}
}
.brick-wrap.effect-5 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.brick-wrap.effect-5 .brick.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
-ms-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: fly .8s ease-in-out forwards;
animation: fly .8s ease-in-out forwards;
}
@-webkit-keyframes fly {
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
}
@keyframes fly {
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
}
.brick-wrap.effect-6 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.brick-wrap.effect-6 .brick.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: flip .8s ease-in-out forwards;
animation: flip .8s ease-in-out forwards;
}
@-webkit-keyframes flip {
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
}
@keyframes flip {
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
opacity: 1;
}
}
.brick-wrap.effect-7 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.brick-wrap.effect-7 .brick.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: helix .8s ease-in-out forwards;
animation: helix .8s ease-in-out forwards;
}
@-webkit-keyframes helix {
100% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
}
@keyframes helix {
100% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
}
.brick-wrap.effect-8 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.brick-wrap.effect-8 .brick.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scale(.4);
-ms-transform: scale(.4);
transform: scale(.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
}
@-webkit-keyframes popUp {
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes popUp {
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.portfolio-item {
margin-bottom: 20px;
width: 48%;
float: left;
overflow: hidden;
position: relative;
}
.portfolio-item img {
width: 100%;
height: auto;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.portfolio-media embed,
.portfolio-media iframe,
.portfolio-media object,
.portfolio-media video {
width: 100%;
max-width: 100%;
overflow: hidden;
height: auto;
}
.column-2 .portfolio-item {
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
.column-3 .portfolio-item {
width: 30%;
margin-left: 1.5%;
margin-rightt: 1.5%;
}
.column-4 .portfolio-item {
width: 23%;
margin-left: 1%;
margin-right: 1%;
}
.column-5 .portfolio-item {
width: 17%;
margin-left: 1.5%;
margin-right: 1.5%;
}
.column-6 .portfolio-item {
width: 14%;
margin-left: 1%;
margin-right: 1%;
}
#main .portfolio-item h3 {
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 30px;
}
#main .portfolio-item,
#main .portfolio-item a,
#main .portfolio-item a:hover,
#main .portfolio-item a:visited,
#main .portfolio-item h3,
#main .portfolio-item h3 a,
#main .portfolio-item h3 a:visited {
color: #fff !important;
}
.portfolio-item .portfolio-content p {
margin-top: 25px;
margin-bottom: 0;
font-size: 14px;
color: #fff;
}
.portfolio-item .portfolio-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(57, 57, 57, .7);
padding: 0 5%;
text-align: center;
}
.portfolio-item:hover .portfolio-content {
opacity: 1;
}
.portfolio-item .portfolio-content .portfolio-text {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 90%;
}
.portfolio-item:hover img {
-webkit-transform: scale(1.05, 1.07);
-ms-transform: scale(1.05, 1.07);
transform: scale(1.05, 1.07);
}
#grid-filter {
margin-top: 30px;
text-transform: uppercase;
font-size: 12px;
}
#grid-filter span {
cursor: pointer;
display: inline-block;
margin-right: 10px;
padding: 5px 12px;
color: #888;
border: 1px solid #b2b2b2;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
#grid-filter .current,
#grid-filter span:hover {
color: #fff;
background-color: #3f92de;
border-color: #3f92de;
}
.single-portfolio .portfolio {
padding-top: 35px;
}
.portfolio-featured {
margin-bottom: 0;
}
.portfolio-featured img {
display: inline-block;
margin-top: 20px;
}
.category-posts-wrap .entry-meta,
.portfolio-featured img:first-child {
margin-top: 0;
}
.portfolio-has-options .entry-content {
float: left;
width: 70%;
margin-right: 5%;
}
.portfolio-has-options .portfolio-options {
opacity: .6;
float: left;
width: 25%;
font-style: italic;
font-size: 14px;
line-height: 220%;
}
.portfolio-has-options .portfolio-options .value {
font-weight: 700;
}
.pukka-shortcode-wrap {
margin-bottom: 6px;
}
#main .shortcode-title {
margin-bottom: 20px !important;
font-size: 16px;
text-transform: uppercase;
display: none;
}
#main .shortcode-title:visted,
#main .shortcode-titlea,
#main .shortcode-titlea:hover {
color: #fff;
}
.pukka-users-list {
margin-bottom: 0;
display: none;
}
.pukka-users-list li {
float: left;
width: 140px;
margin-right: 20px;
margin-bottom: 20px !important;
overflow: hidden;
border: 1px solid #eaeaea;
}
.pukka-users-list .user-content {
padding-top: 10px;
padding-left: 10px;
padding-bottom: 20px;
font-size: 14px;
background-color: #fff;
}
.pukka-users-list .user-img,
.pukka-users-list .user-img img {
width: 100%;
height: auto;
}
.pukka-users-list .user-name,
.pukka-users-list .user-position {
display: block;
}
.pukka-users-list .user-name,
.pukka-users-list .user-name:hover,
.pukka-users-list .user-name:visited {
color: #565656;
}
.pukka-users-list .user-position {
color: #b2b2b2;
}
.pukka-users-list.side-content li {
width: 280px;
height: 177px;
margin-left: 60px;
margin-bottom: 30px;
}
.pukka-users-list.side-content li:first-child,
.pukka-users-list.side-content li:nth-child(3n + 1) {
margin-left: 0;
}
.pukka-users-list.side-content .user-content,
.pukka-users-list.side-content .user-img {
float: left;
width: 50%;
height: 100%;
margin-bottom: 0;
}
.featured-posts-wrap {
overflow: hidden;
}
.featured-posts-wrap .featured-item {
float: left;
position: relative;
overflow: hidden;
}
.featured-posts-wrap .featured-item img {
width: 100%;
height: auto;
}
.featured-posts-wrap .featured-item .featured-content {
position: absolute;
bottom: 5%;
left: 5%;
z-index: 99;
}
.featured-posts-wrap .featured-item .featured-content .entry-meta,
.featured-posts-wrap .featured-item .featured-content .entry-meta a,
.featured-posts-wrap .featured-item .featured-content .entry-meta a:hover,
.featured-posts-wrap .featured-item .featured-content .entry-meta a:visited,
.featured-posts-wrap .featured-item .featured-content h3,
.featured-posts-wrap .featured-item .featured-content h3 a,
.featured-posts-wrap .featured-item .featured-content h3 a:hover,
.featured-posts-wrap .featured-item .featured-content h3 a:visited {
color: #fff !important;
}
#post-324 span.entry-author-name,
.narrow-content .entry-content .pukka-pull-left {
color: #000;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.featured-posts-wrap .featured-item .overlay {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 98;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(50%, rgba(255, 255, 255, 0)),
to(rgba(0, 0, 0, .6))
);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .6) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .6) 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(50%, rgba(255, 255, 255, 0)),
to(rgba(0, 0, 0, .6))
);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#00ffffff',
endColorstr='#4d000000',
GradientType=0
);
}
.featured-posts-wrap .big {
width: 50%;
height: 440px;
}
.featured-posts-wrap .big h3 {
font-size: 42px;
}
.featured-posts-wrap .medium {
width: 50%;
height: 220px;
}
.featured-posts-wrap .small {
width: 25%;
height: 220px;
}
.category-posts-wrap .category-posts {
padding: 20px;
background-color: #fff;
}
.category-posts-wrap .category-items-list {
margin-bottom: 0;
}
.category-posts-wrap .post-item-text {
margin-top: 10px;
font-size: 13px;
line-height: 130%;
}
.category-posts-wrap .post-item-text p {
margin-bottom: 10px;
}
.category-posts-wrap .post-item-text p:last-child {
margin-bottom: 0;
}
.category-posts-wrap.cat-has-featured .category-posts {
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
}
.category-posts-wrap.cat-has-featured .cat-feat-item {
float: left;
width: 50%;
padding-right: 50px;
}
.category-posts-wrap.cat-has-featured .cat-feat-item .cat-feat-item-img {
width: 325px;
height: 300px;
overflow: hidden;
}
.category-posts-wrap.cat-has-featured .cat-feat-item .cat-feat-item-img img {
max-width: 100%;
height: auto;
}
.category-posts-wrap.cat-has-featured .cat-feat-item h3 {
font-size: 28px;
}
.category-posts-wrap.cat-has-featured .cat-feat-item .post-item-text {
font-size: 14px;
}
.category-posts-wrap.cat-has-featured .category-items-list {
float: left;
width: 50%;
}
.category-posts-wrap.cat-has-featured .category-items-list h3 {
font-size: 20px;
}
.category-item {
padding-bottom: 10px;
width: 100%;
}
.category-item h3 {
font-size: 16px;
margin-bottom: 5px;
}
.category-item .post-item-img {
float: left;
width: 145px;
height: auto;
overflow: hidden;
}
.category-item .post-item-img img {
max-width: 100%;
height: auto;
}
.category-item .post-item-content {
margin-left: 165px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.category-item:last-child .post-item-content {
border-bottom: 0;
}
.category-item .post-item-content.no-thumb {
margin-left: 0;
}
#post-324 span.categories-links,
#post-324 span.entry-date.updated {
display: none;
}
#post-324 span.entry-author-name {
position: absolute;
margin-top: -30px;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
display: block !important;
}
.entry-meta span.author.vcard .entry-author-name {
display: none;
}
.category-item .more-link-wrap .more-link {
font-size: 11px;
}
.narrow-content .entry-content .pukka-pull-left {
margin-left: -40px;
text-align: left;
max-width: 450px;
font-size: 24px;
line-height: 1.5;
}
.see-arrow {
display: inline-block;
}
.see-arrow i {
color: #b2b2b2;
font-size: 18px;
}
.pukka-message-box {
padding: 15px 20px;
background-color: #3f92de;
position: relative;
color: #fff;
text-align: center;
}
.pukka-message-box .pukka-message-box-icon-holder {
padding-right: 20px;
}
.pukka-message-box .pukka-message-box-text-holder {
font-weight: 300;
font-size: 14px;
color: #000 !important;
text-align: left;
position: absolute;
left: -220px;
top: 60px;
line-height: .3;
border-top: 1.4px solid #000;
padding-top: 20px;
}
.column-2 aside,
.column-3 aside,
.column-4 aside,
.column-5 aside,
.column-6 aside {
padding: 0 10px;
float: left;
}
.pukka-message-box a.close {
display: block;
position: absolute;
top: 2px;
right: 5px;
}
.pukka-message-box a.close,
.pukka-message-box a.close:hover,
.pukka-message-box a.visited {
color: #fff !important;
}
.parallaxContentHolder {
z-index: 999;
position: relative;
height: 100%;
}
.parallaxContentHolder .parallaxContentHolderInner {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 90%;
}
.column-2 aside {
width: 50%;
}
.column-3 aside {
width: 33.33%;
}
.column-4 aside {
width: 25%;
}
.column-5 aside {
width: 20%;
}
.column-6 aside {
width: 16.66%;
}
.dm-wrap > div {
margin-bottom: 20px;
display: none;
float: left;
}
.content-wrap .map-box img {
max-width: none;
}
.dm-wrap h3 {
font-size: 18px;
}
.map-box-title,
.text-box-title {
padding: 0 0 20px;
}
.dm-widget-area .text-box-title {
padding: 20px 10px;
}
.dm-divider-box {
margin: 20px 0;
height: 1px;
background-color: transparent;
}
.dm-divider-box.small {
background-color: #69b2a8;
width: 110px !important;
margin-top: 0;
margin-bottom: 0;
float: none !important;
clear: both;
}
.dm-divider-box.small.center {
margin-left: auto;
margin-right: auto;
}
.dm-divider-box.small.right {
float: right !important;
}
.acc-box-wrap {
text-align: left;
margin-bottom: 10px;
}
.acc-box-title {
cursor: pointer;
padding: 6px 20px 6px 30px;
position: relative;
color: #fff;
background-color: #565656;
}
.open .acc-box-title {
background-color: #3f92de;
}
.acc-title-text {
font-size: 16px;
font-weight: 700;
}
.acc-title-arr {
position: absolute;
left: 5px;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
line-height: 20px !important;
font-size: 12px;
text-align: center;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.acc-icon-tf-false,
.acc-icon-tf-true {
bottom: 0;
height: 40px;
left: -14px;
top: 8px;
width: 40px;
position: relative;
float: left;
}
.open .acc-title-arr {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.acc-box-content {
display: none;
overflow: hidden;
padding: 10px 20px;
border: 1px solid gray;
border-top: 0;
}
.acc-icon-tf-true {
background: url(//metallover.ch/blog/wp-content/themes/metallover_news/css/images/icon_true.png) no-repeat;
}
.acc-icon-tf-false {
background: url(//metallover.ch/blog/wp-content/themes/metallover_news/css/images/icon_false.png) no-repeat;
}
.acc-qtext-wrap {
border-top: 1px solid #dedede;
margin: 0 -40px;
overflow: visible;
padding: 0 40px;
position: relative;
text-align: left;
}
.acc-qtext-tf {
color: #483c3c;
padding: 10px 0 15px 40px;
}
.acc-atext-tf {
color: #483c3c;
padding: 10px 0 35px 40px;
}
.dm-contact-form > label {
float: left;
margin: 20px 0 5px;
width: 100%;
}
.dm-contact-form input[type=text] {
border: 1px solid #ccc;
float: left;
font-family: inherit;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
width: 100%;
color: inherit;
}
.tabs-title,
.tabs-title > li {
margin-bottom: 0 !important;
float: left;
}
.dm-contact-form input[type=submit] {
margin-top: 10px;
padding: 5px 25px;
}
.dm-contact-form textarea {
border: 1px solid #ccc;
font-family: inherit;
min-height: 160px;
width: 100%;
color: inherit;
}
.tabs-title {
width: 100%;
width: calc(100% - 20px);
border-bottom: 2px solid #3f92de;
}
.tabs-title > li {
margin-right: 3px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
height: 42px;
background-color: #565656;
}
#main .tabs-title > li > h4 {
color: #fff !important;
font-size: 16px;
}
.tabs-title li.current {
border: 0;
background-color: #3f92de;
}
.tabs-title > li:hover {
opacity: 1;
}
.tabs-title li h4,
.tabs-title li span {
display: block;
padding: 10px;
font-size: 18px;
}
.tabs-body {
float: left;
width: 100%;
width: calc(100% - 10px);
}
.tabs-body > li {
overflow: hidden;
padding: 20px 10px;
display: none;
margin: 0 !important;
}
.tabs-body > li.current {
display: block;
}
.image-box-content img {
width: 100%;
}
.cta-wrap {
padding: 20px 0;
text-align: center;
vertical-align: top;
}
.cta-wrap h3 {
font-size: 23px;
height: 40px;
line-height: 40px !important;
display: inline-block;
margin-bottom: 0;
}
.cta-button {
display: inline-block;
margin: 0 40px;
vertical-align: top;
}
.animation-ready {
opacity: 0 !important;
}
.woocommerce-page #main #respond input#submit,
.woocommerce-page #main #respond input#submit.alt,
.woocommerce-page #main .woocommerce a.button.alt,
.woocommerce-page #main a.button,
.woocommerce-page #main button.button,
.woocommerce-page #main button.button.alt,
.woocommerce-page #main input.button,
.woocommerce-page #main input.button.alt {
color: #fff;
background-color: #3f92de;
border-radius: 0;
}
.woocommerce-page #main .woocommerce-error,
.woocommerce-page #main .woocommerce-info,
.woocommerce-page #main .woocommerce-message {
border-color: #3f92de;
}
.woocommerce-page #main .woocommerce-breadcrumb {
margin-bottom: 10px;
}
.woocommerce-page #main .quantity .qty {
padding: 8px 7px 9px;
border: 1px solid #3f92de;
}
.woocommerce-page #main table.shop_table {
margin-bottom: 60px;
border: 0;
}
.woocommerce-page #main .cart_totals td {
text-align: right;
}
.woocommerce-page #main .woocommerce-checkout input.input-text,
.woocommerce-page #main .woocommerce-checkout textarea {
padding: 7px;
}
.woocommerce-page #main #payment {
background-color: transparent;
}
.woocommerce.widget.widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce.widget.widget_price_filter .ui-slider .ui-slider-range {
background-color: #3f92de;
}
.woocommerce.widget.widget_product_search .search-field {
margin-right: 20px;
width: calc(100% - 105px);
}
.woocommerce.widget.widget_product_search label {
display: none;
}
.woocommerce.widget.widget_product_search .searchform {
margin-bottom: 10px;
padding: 20px 0;
}
.woocommerce.widget.widget_product_search input[type=submit] {
padding: 8px 7px;
width: 80px;
}
.responsive #main-menu-wrap {
visibility: collapse;
}
.responsive #main-menu-wrap.fixed {
position: fixed;
}
.responsive #main-menu-wrap #main-menu-inner {
visibility: visible;
}
@media handheld, only screen and (max-width: 1680px) {
.adjacent-post {
display: block;
position: relative;
top: auto;
min-height: 0;
width: auto;
max-width: 300px;
z-index: auto;
}
.adjacent-post .adjacent-arrow,
.adjacent-post h6 {
display: block;
margin-bottom: 0;
}
.adjacent-post .adjacent-arrow {
position: absolute;
top: 50%;
margin-top: -10px;
}
.adjacent-post .adjacent-post-content {
border: 0;
}
.adjacent-post.prev-post {
left: auto;
float: left;
}
.adjacent-post.prev-post h6 {
margin-left: 30px;
}
.adjacent-post.prev-post .adjacent-arrow {
left: 0;
}
.adjacent-post.next-post {
right: auto;
float: right;
}
.adjacent-post.next-post h6 {
margin-right: 30px;
}
.adjacent-post.next-post .adjacent-arrow {
right: 0;
}
.adjacent-post-image-holder {
display: none;
}
}
@media handheld, only screen and (max-width: 1280px) {
.width-wrap {
width: 1200px;
}
.has-sidebar-right #main {
width: 880px !important;
}
.header-boxed #header {
width: 1200px;
}
#site-header.logo-notice #logo,
#sub-header .header-post-wrap {
width: 460px;
}
#logo img {
max-width: 100%;
height: auto;
}
#sub-header .header-post-wrap h4 {
font-size: 16px;
}
.related-posts-wrap .related-post .related-content {
width: 520px;
}
.post-navigation {
margin-bottom: 50px;
display: none;
}
.pukka-users-list li {
margin-right: 10px;
}
.pukka-users-list.side-content li {
margin-left: 20px;
}
.footer-boxed #footer {
width: 1200px;
}
}
@media all and (max-width: 1200px) {
.header-boxed #header,
.width-wrap {
width: 100%;
}
.has-sidebar-right #main {
width: 65% !important;
}
#sidebar-right,
.has-sidebar-left #sidebar-right {
width: 32% !important;
}
#header {
overflow: hidden;
}
#header #site-header.logo-notice #logo {
margin-left: auto;
margin-right: auto;
}
#header #site-header.logo-notice .header-notice {
position: static;
top: auto;
right: auto;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.related-posts-wrap .related-post .related-media {
float: none;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}
.related-posts-wrap .related-post .related-content {
float: none;
width: auto;
}
.footer-boxed #footer {
width: 100%;
}
}
@media screen and (max-width: 960px) {
body {
padding-top: 36px;
}
#footer,
#wrapper {
padding-left: 20px;
padding-right: 20px;
}
#wrapper,
.has-sidebar-left #wrapper,
.has-sidebar-right #wrapper {
width: 100%;
overflow: hidden;
}
#main,
.has-sidebar-left #main,
.has-sidebar-right #main {
width: 100% !important;
float: none;
}
.width-wrap {
width: 100%;
}
#sub-header > div {
float: none;
}
#sub-header .header-notice,
#sub-header .header-post-wrap {
margin-right: auto;
margin-left: auto;
}
#sub-header .header-notice {
margin-top: 20px;
}
#sidebar-right,
.has-sidebar-left #sidebar-right {
display: none;
float: none;
width: 300px !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
#sidebar-right .affix,
#sidebar-right .affix-bottom,
.has-sidebar-left #sidebar-right .affix,
.has-sidebar-left #sidebar-right .affix-bottom {
position: static !important;
}
#footer aside {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media all and (max-width: 800px) {
#logo {
max-width: 100%;
height: auto;
}
#site-header.logo-notice .header-notice {
max-width: 90%;
height: auto;
}
#main .content-wrap {
padding-left: 30px;
padding-right: 30px;
}
.single-featured-content {
left: 20px;
}
.brick-item-wrap,
.column-2 .brick-item-wrap,
.column-3 .brick-item-wrap,
.column-4 .brick-item-wrap,
.column-5 .brick-item-wrap,
.column-6 .brick-item-wrap {
padding-left: 1%;
padding-right: 1%;
width: 50%;
}
.grid-sizer {
width: 50% !important;
}
.related-posts-wrap .related-post .related-media {
float: none;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}
.related-posts-wrap .related-post .related-content {
float: none;
width: auto;
}
.tabs-title {
border-bottom: 0;
}
.tabs-title > li {
margin-bottom: 10px;
}
.category-item {
margin-bottom: 20px;
}
.category-item .post-item-img {
width: auto;
float: none;
height: 100px;
margin-bottom: 20px;
}
.category-item .post-item-content {
margin-left: 0;
}
}
@media screen and (max-width: 960px) {
.admin-bar #menu-open,
.admin-bar #menu-stripe {
top: 24px;
background: 0 0 !important;
}
.admin-bar #main-menu-inner {
top: 82px !important;
}
#menu-stripe {
width: 25% !important;
}
.single #main .share-box-on .entry-header {
padding-right: 90px;
}
.single .entry-header .share-box {
right: 5px;
}
}
@media all and (max-width: 640px) {
#main .content-wrap {
padding-left: 20px;
padding-right: 20px;
}
.single-featured-content {
left: 20px;
}
.adjacent-post {
float: none !important;
max-width: 100% !important;
text-align: center;
}
#sidebar-right,
.has-sidebar-left #sidebar-right {
display: block;
}
}
@media all and (max-width: 520px) {
#main .narrow-content .entry-content {
padding-left: 0;
}
#main .narrow-content .single-featured-content {
width: 100%;
position: static;
top: auto;
left: auto;
}
.author-meta-avatar {
float: none;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.author-description {
margin-left: 0;
}
.author-description .description-text {
margin-right: 0;
text-align: justify;
}
#commentform > span {
width: 100% !important;
padding-left: 0 !important;
}
.brick-item-wrap,
.column-2 .brick-item-wrap,
.column-3 .brick-item-wrap,
.column-4 .brick-item-wrap,
.column-5 .brick-item-wrap,
.column-6 .brick-item-wrap {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.dm-wrap > div,
.grid-sizer {
width: 100% !important;
}
.dm-wrap > div {
margin-left: 0 !important;
margin-right: 0 !important;
}
.pukka-featured-post-widget img {
display: block !important;
float: none !important;
}
.narrow-content .entry-content .pukka-pull-left {
margin-left: 0;
}
.pukka-users-list li {
width: 46%;
margin-left: 1.5%;
margin-right: 1.5%;
}
}
#menu-open,
#menu-stripe {
position: fixed;
text-align: center;
}
@media all and (max-width: 480px) {
.author-meta-heading {
margin-bottom: 20px;
}
.author-links-wrap,
.author-name {
float: none;
text-align: center;
}
}
@media all and (max-width: 320px) {
.pukka-users-list li {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
body {
-webkit-animation: bugfix infinite 1s;
}
#menu-stripe {
height: 36px;
left: 0;
overflow: hidden;
top: 0;
width: 100%;
display: none;
z-index: 1000;
color: #fff;
line-height: 36px;
font-size: 18px;
}
#menu-stripe h1 {
font-size: 26px;
line-height: 36px;
margin-bottom: 0;
}
#menu-stripe h1 img {
width: auto;
height: 36px;
}
#menu-stripe a,
#menu-stripe a:visited {
color: #fff;
outline: 0;
text-decoration: none;
}
#check {
position: fixed;
top: -1000px;
z-index: 999;
}
#menu-open {
top: 2px;
left: 10px;
width: 30px;
height: 30px;
line-height: 36px;
vertical-align: middle;
cursor: pointer;
color: #fff;
}
@media handheld, only screen and (max-width: 960px) {
#main-menu-wrap {
width: auto;
border-bottom: 0;
}
#main-menu-inner {
max-width: 240px;
height: 100%;
overflow-y: auto;
padding-left: 10px;
background-color: transparent;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
position: fixed !important;
top: 36px !important;
bottom: auto;
left: 0;
z-index: 99999;
display: block;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
#menu-stripe {
display: block;
}
#menu-stripe a,
#menu-stripe a:visited {
color: #fff;
display: none;
}
#check:checked ~ #main-menu-inner {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
padding-bottom: 100px;
width: 200px;
max-width: 70%;
}
#main-menu-inner > div > ul > li:before,
#main-menu-wrap #main-menu-inner li.menu-item-has-children:after,
#main-menu-wrap #main-menu-inner li.page_item_has_children:after,
#main-menu > ul > li:before {
content: none;
}
#main-menu-inner > div > ul > li,
#main-menu > ul > li {
height: auto;
display: block;
padding-bottom: 0;
margin-top: 9px;
}
#main-menu-inner > div > ul > li > ul,
#main-menu > ul > li > ul {
position: static;
top: auto;
left: auto;
background-color: transparent !important;
display: block;
width: auto;
text-transform: none;
}
#main-menu,
#main-menu a,
#main-menu a:hover,
#main-menu a:visited,
#main-menu-inner,
#main-menu-inner a,
#main-menu-inner a:hover,
#main-menu-inner a:visited {
color: #fff !important;
}
}
@media print {
a,
a:visited,
body {
color: #000;
}
body {
background: #fff;
}
.width-wrap {
width: 1280px !important;
}
#wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
#footer,
#header,
#menu-top,
#secondary-footer,
#sidebar-right {
display: none !important;
}
}
.brickContents {
background: #000;
}
#wpadminbar {
display: none;
}
aside#mailprowidget-5 {
border: .5px solid #cacacc;
margin-top: -250px;
width: 100% !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
}
aside#mailprowidget-5 > h3 {
color: #fff;
background: #cacacc;
width: 200px;
padding: 10px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: -19px;
margin-left: 20px;
}
#mailpro_subscription {
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#mailpro_subscription label {
padding-right: 10px;
}
#mailpro_email {
height: 60px;
width: 30%;
}
#mailpro_subscription input[type=submit] {
height: 61px;
}
.editoSliderBG {
position: relative;
}
.editoSliderBG:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(46,46,46);
background: linear-gradient(90deg, rgba(46,46,46,1) 0%, rgba(46,46,46,1) 40%, rgba(0,0,0,0) 55%);
}