/*
Theme Name: Knowledge
Theme URI: https://wenthemes.com/item/wordpress-themes/knowledge/
Author: WEN Themes
Author URI: https://wenthemes.com/
Description: Brunitura Metalli, Brunitura Metalli Torino, Trattamento di Brunitura Metalli
Template: busyness
Version: 1.1.3
Requires PHP: 5.6
Requires at least: 5.6
Tested up to: 5.9
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: knowledge
Tags: Brunitura Metalli, Brunitura Metalli Torino, Trattamento di Brunitura Metalli, ossidazione nera della superfice del metallo
*/



/* Typography */
.featured-content-wrapper .entry-title,
#page-site-header .page-title {
	font-size: 32px;
	font-size: 2rem;
}

.section-title,
.home #primary .entry-title {
	font-size: 28px;
	font-size: 1.75rem;
}

.comments-title,
#reply-title {
	font-size: 26px;
	font-size: 1.625rem;
}

#primary .entry-title {
	font-size: 24px;
	font-size: 1.5rem;
}

.menu-sticky #masthead.nav-shrink .site-title {
    font-size: 22px;
    font-size: 1.375rem;
}

body,
button,
input,
select,
textarea,
.featured-content-wrapper .entry-content,
.featured-content-wrapper .entry-content p,
#featured-slider .slick-dots li button:before {
	font-size: 18px;
	font-size: 1.125rem;
}

.widget-area,
.site-footer {
	font-size: 16px;
	font-size: 1rem;
}

.menu-sticky #masthead.nav-shrink .site-description {
	font-size: 12px;
	font-size: 0.75rem;
}

.featured-image .entry-meta,
.featured-image .entry-meta a {
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
}

#primary .hentry .blog-wrapper .entry-footer,
#blog .hentry .blog-wrapper .entry-footer {
	font-size: 14px;
	font-size: 0.875rem;
}

/* Alignment */
.aligncenter {
	margin: 1.4em auto 1em auto;
}

.alignright {
	margin: 1.4em 0 1em 1.5em;
}

.alignleft {
	margin: 1.4em 1.5em 1em 0;
}

figure.alignright {
	margin-top: 0.3em;
}

/* Layout */
p,
blockquote,
table,
dl,
ul,
ol,
address,
pre {
	margin-bottom: 28px;
}

#primary .hentry .entry-footer {
	margin-top: 28px;
}


#primary .hentry .blog-wrapper .entry-footer,
#blog .hentry .blog-wrapper .entry-footer {
	margin-top: 21px;
}

.blog-wrapper p {
	margin-bottom: 21px;
}

.wrapper,
.content-area,
#secondary,
.featured-content-wrapper {
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}

.page-section,
#inner-content-wrapper {
    padding: 35px 0;
}

.right-sidebar #secondary,
.left-sidebar #secondary {
	margin-top: 35px;
}

#secondary .widget:not(:last-child),
#colophon .widget,
.footer-widgets-area .hentry {
	margin-bottom: 35px;
}

.featured-content-wrapper .entry-content {
	margin-top: 15px;
    margin-bottom: 30px;
}

.entry-title,
#secondary .widget-title,
#secondary .widgettitle,
#colophon .widget-title,
#colophon .widgettitle {
	margin-bottom: 15px;
}

.posts-wrapper .entry-container {
	padding: 15px 0 0;
}

#featured-services .section-content,
#blog .section-wrapper {
    margin-top: 0;
}

#blog .section-title,
.blog-wrapper p:last-child {
	margin-bottom: 0;
}

#featured-slider.slick-dotted.slick-slider {
	margin-bottom: 0;
}

#featured-services.col2 .hentry,
#featured-services.col3 .hentry,
#blog .section-content.posts-wrapper article.hentry {
    margin-top: 35px;
    margin-bottom: 0;
}

.blog-post-wrapper {
	margin-left: 0;
	margin-right: 0;
}

.posts-wrapper article.hentry {
	padding-left: 0;
	padding-right: 0;
}

.posts-wrapper .blog-post-wrapper .hentry {
	padding-bottom: 30px;
}

.posts-wrapper .blog-post-wrapper .hentry .entry-meta {
	padding: 0;
}

#about-us article .entry-container {
    padding: 21px 0 0;
}

.btn {
	padding: 7px 21px;
}

.navigation .nav-next svg,
.navigation .nav-previous svg {
	top: 38px;
}

.section-header,
.featured-content-wrapper .entry-content {
	max-width: 720px;
}

.footer-widgets-area.page-section.col1 {
	max-width: 100%;
}

.menu-sticky #masthead.nav-shrink .site-branding {
    min-height: 52px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.customize-support.menu-sticky .nav-shrink {
	margin-top: 0;
}

.menu-sticky #masthead.nav-shrink,
.menu-sticky.boxed-layout #masthead.nav-shrink,
.menu-sticky.frame-layout #masthead.nav-shrink {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

.menu-sticky #masthead.nav-shrink  {
	min-height: 60px;
}

.menu-sticky #masthead.nav-shrink .menu-toggle {
	height: 60px;
}

.menu-sticky #masthead.nav-shrink .svg.icon-menu {
	height: 25px;
	width: 25px;
}

.posts-wrapper .entry-content {
	margin-bottom: 0;
}

.posts-wrapper .featured-image {
	position: relative;
}

.featured-image a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.featured-image a:hover img,
.featured-image a:focus img {
	opacity: 0.8;
}

.featured-image .entry-meta {
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.featured-image .entry-meta .byline,
.featured-image .entry-meta .posted-on {
	display: inline-block;
	padding: 7px 14px;
}

.featured-image .posted-on + .byline {
	border-left: 1px solid;
}

.blog-wrapper .cat-links,
.blog-wrapper .edit-link {
    clear: both;
    display: block;
    margin-top: 7px;
    margin-bottom: 0;
}

.blog-wrapper .entry-footer,
.single-wrapper .entry-footer {
	border-top: 1px solid;
}

.single-wrapper .entry-footer {
	padding: 28px 0;
	margin-top: 28px;
}

.single-wrapper .byline,
.single-wrapper .cat-links,
.single-wrapper .tags-links,
.single-wrapper .edit-link {
    clear: both;
    display: block;
    margin-top: 7px;
    margin-bottom: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#respond input[type="submit"],
.scrollup {
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

#respond input[type="submit"] {
    min-width: unset;
    min-height: unset;
    line-height: 1;
    padding: 14px 25px;
    height: auto;
}

#featured-slider .slick-dots {
	bottom: 15px;
}

/* Border */
.page-section {
	border-bottom: 1px solid;
}

#colophon .page-section {
	border: none;
}

.btn,
.main-navigation ul.nav-menu li.button a,
#about-us article .featured-image,
#secondary .widget,
.scrollup,
.posts-wrapper .featured-image img,
#respond input[type="submit"],
.social-icons li a,
#our-team .featured-image,
.testimonial-slider .title-warpper,
.price-table-wrapper,
.blog-wrapper .post-categories a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
}

input.search-field {
	-webkit-appearance: none;
}

.testimonial-slider article.slick-current .title-warpper {
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2)
}

/* Responsive */
@media screen and (min-width: 568px) {
	.site-description {
	    font-size: 14px;
	    font-size: 0.875rem;
	}

	#about-us article .featured-image {
		width: 45%;
	}

	#about-us article .entry-container {
	    padding: 35px 21px 35px 0;
	    width: 55%;
	}
}

@media screen and (min-width: 601px) {
	.customize-support.menu-sticky .nav-shrink {
		margin-top: 46px;
	}
}

@media screen and (min-width: 783px) {
	.customize-support.menu-sticky .nav-shrink {
		margin-top: 32px;
	}
}

@media screen and (min-width: 767px) {
	.featured-content-wrapper .entry-title,
	#page-site-header .page-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.section-title,
	.home #primary .entry-title {
		font-size: 30px;
		font-size: 1.875rem;
	}

	.comments-title,
	#reply-title {
		font-size: 30px;
		font-size: 1.875rem;
	}

	.featured-content-wrapper .entry-content,
	.featured-content-wrapper .entry-content p {
		font-size: 22px;
		font-size: 1.375rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}

	p,
	blockquote,
	table,
	dl,
	ul,
	ol,
	address,
	pre {
		margin-bottom: 35px;
	}

	#primary .hentry .entry-footer {
		margin-top: 35px;
	}

	.page-section,
	#inner-content-wrapper,
	#about-us article .entry-container {
	    padding: 42px 0;
	}

	.right-sidebar #secondary,
	.left-sidebar #secondary {
		margin-top: 42px;
	}

	#secondary .widget:not(:last-child),
	#colophon .widget,
	.footer-widgets-area .hentry {
		margin-bottom: 42px;
	}

	.wrapper,
	.content-area,
	#secondary,
	.featured-content-wrapper {
	    padding-left: 35px;
	    padding-right: 35px;
	}

	#about-us article .featured-image,
	#about-us article .entry-container {
		width: 50%;
	}

	#about-us article .entry-container {
	    padding-right: 28px;
	}

	.col3 .hentry {
		padding-left: 10px;
		padding-right: 10px;
	}

	#featured-services .section-content {
		margin-left: -10px;
		margin-right: -10px;
	}

	#featured-services .section-title {
		margin-bottom: 0;
	}

	.blog-post-wrapper {
		margin-left: -15px;
		margin-right: -15px;
	}

	.posts-wrapper article.hentry {
	    padding: 0 15px;
	}

	#secondary .widget-title,
	#secondary .widgettitle,
	#colophon .widget-title,
	#colophon .widgettitle {
		margin-bottom: 14px;
	}
}

@media screen and (min-width: 993px) {
	.section-header {
		max-width: 860px;
	}

	.featured-content-wrapper .entry-content {
		max-width: 760px;
	}

	.page-section,
	#inner-content-wrapper,
	#about-us article .entry-container {
	    padding: 49px 0;
	}

	.right-sidebar #secondary,
	.left-sidebar #secondary {
		margin-top: 0;
	}

	#secondary .widget:not(:last-child),
	#colophon .widget,
	.footer-widgets-area .hentry {
		margin-bottom: 49px;
	}

	.wrapper,
	.content-area,
	#secondary,
	.featured-content-wrapper {
	    padding-left: 42px;
	    padding-right: 42px;
	}

	#featured-services.col2 .hentry,
	#featured-services.col3 .hentry,
	#blog .section-content.posts-wrapper article.hentry {
	    margin-top: 42px;
	}

	.col3 .hentry {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	#featured-services .section-content {
	    margin-left: -15px;
	    margin-right: -15px;
	}

	#about-us article .entry-container {
	    padding-right: 35px;
	}

	.right-sidebar #primary {
		padding-right: 35px;
	}

	.left-sidebar #primary {
		padding-left: 35px;
	}
}

@media screen and (min-width: 1024px) {
	.site-description {
		font-size: 18px;
		font-size: 1.125rem;
	}

	.wrapper,
	.content-area,
	#secondary,
	.featured-content-wrapper {
		width: 90%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.wrapper,
	.content-area,
	#secondary,
	.featured-content-wrapper {
		width: 94% !important; /*2026*/
		max-width: 94% !important; /*2026*/
		padding: 0 !important; /*2026*/
		margin: 0 3% !important; /*2026*/
	}

	.main-navigation ul.nav-menu li.button a {
	    padding: 7px 16px;
	}
}

@media screen and (min-width: 1200px) {
	.entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.featured-content-wrapper .entry-title,
	#page-site-header .page-title {
		font-size: 40px;
		font-size: 2.5rem;
	}

	.section-title,
	.home #primary .entry-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	#primary .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	.featured-content-wrapper .entry-content,
	.featured-content-wrapper .entry-content p {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.section-header {
		max-width: 920px;
	}

	.page-section,
	#inner-content-wrapper,
	#about-us article .entry-container {
	    padding: 56px 0;
	}

	#secondary .widget:not(:last-child),
	#colophon .widget,
	.footer-widgets-area .hentry {
		margin-bottom: 56px;
	}

	#featured-services.col2 .hentry,
	#featured-services.col3 .hentry,
	#blog .section-content.posts-wrapper article.hentry {
	    margin-top: 49px;
	}

	.col3 .hentry {
	    padding-left: 20px;
	    padding-right: 20px;
	}

	#featured-services .section-content {
	    margin-left: -20px;
	    margin-right: -20px;
	}

	#about-us article .entry-container {
	    padding-right: 40px;
	}

	.right-sidebar #primary {
		padding-right: 40px;
	}

	.left-sidebar #primary {
		padding-left: 40px;
	}

	.btn,
	.main-navigation ul.nav-menu li.button a {
	    padding: 11px 35px;
	}

	#secondary .widget-title,
	#secondary .widgettitle,
	#colophon .widget-title,
	#colophon .widgettitle {
		margin-bottom: 21px;
	}
}

@media screen and (min-width: 1400px) {
	.featured-content-wrapper .entry-title,
	#page-site-header .page-title {
		font-size: 44px;
		font-size: 2.75rem;
	}

	.section-title,
	.home #primary .entry-title {
		font-size: 40px;
		font-size: 2.5rem;
	}

	.page-section,
	#inner-content-wrapper,
	#about-us article .entry-container {
	    padding: 61px 0;
	}

	#secondary .widget:not(:last-child),
	#colophon .widget,
	.footer-widgets-area .hentry {
		margin-bottom: 61px;
	}

	#featured-services.col2 .hentry,
	#featured-services.col3 .hentry,
	#blog .section-content.posts-wrapper article.hentry {
	    margin-top: 61px;
	}

	.col3 .hentry {
	    padding-left: 30px;
	    padding-right: 30px;
	}

	#featured-services .section-content {
	    margin-left: -30px;
	    margin-right: -30px;
	}

	#about-us article .entry-container {
	    padding-right: 60px;
	}

	.right-sidebar #primary {
		padding-right: 60px;
	}

	.left-sidebar #primary {
		padding-left: 60px;
	}
}

@media screen and (min-width: 1024px) {
	.menu-sticky #masthead.nav-shrink .site-description {
		font-size: 12px;
		font-size: 0.75rem;
	}

	.menu-sticky #masthead.nav-shrink {
		max-width: 100%;
	}
	.classic-menu.menu-sticky #masthead.nav-shrink .site-branding {
		min-height: 70px;
	}
	.menu-sticky .nav-shrink .main-navigation ul.nav-menu > li > a {
		padding-top: 21px;
		padding-bottom: 21px;
	}
}


/* Colors */
body,
input,
select,
textarea,
p {
	color: #666;
}

#featured-slider article {
	background-color: #23272a;
}

.menu-sticky #masthead.nav-shrink,
.main-navigation ul ul,
#colophon,
.scrollup {
	background-color: #000;
}

.featured-image .entry-meta,
.featured-image .entry-meta a {
	color: #fff;
}

.blog-wrapper .entry-footer,
.single-wrapper .entry-footer {
	border-color: #ddd
}

.featured-image .entry-meta {
	background: rgba( 0, 0, 0, 0.7 );
}

.featured-image .posted-on + .byline {
	border-color: rgba(255, 255, 255, 0.2);
}

a:hover,
a:focus,
a:active {
	color: #f9a926;
}

.site-title a:hover,
.site-title a:focus {
	color: #f9a926;
}

#page-site-header .posted-on a:hover,
#page-site-header .posted-on a:focus,
.trail-items li a:hover,
.trail-items li a:focus {
	color: #f9a926;
}

.featured-image .entry-meta a:hover,
.featured-image .entry-meta a:focus {
	color: #f9a926;
}

.main-navigation ul.sub-menu li a:hover,
.main-navigation ul.sub-menu li a:focus {
	color: #f9a926;
	fill: #f9a926;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus {
    color: #f9a926;
    fill: #f9a926;
}

.post-navigation a,
.posts-navigation a,
#featured-slider .slick-dots li button:before {
    color: #f9a926;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    background-color: #f9a926;
}

.navigation.post-navigation a:hover,
.navigation.posts-navigation a:hover,
.navigation.post-navigation a:focus,
.navigation.posts-navigation a:focus {
	color: #f9a926;
}

.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:hover svg,
.navigation.post-navigation a:focus svg,
.navigation.posts-navigation a:focus svg {
	fill: #f9a926;
}

form.search-form button.search-submit:hover,
form.search-form button.search-submit:focus {
	fill: #f9a926;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #f9a926;
	border-color: #f9a926;
}

.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_recent_post h3 a:hover,
.widget_recent_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_recent_post a:hover time,
.widget_recent_post a:focus time {
	color: #f9a926;
}

#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
	background-color: #f9a926;
}

.page-header small {
    color: #f9a926;
}

.single-post-wrapper span.posted-on svg,
.single-post-wrapper span.cat-links svg {
    fill: #f9a926;
}

.single-post-wrapper span.tags-links a:hover,
.single-post-wrapper span.tags-links a:focus {
	color: #f9a926;
	border-color: #f9a926;
}

.author-name:after {
    background-color: #f9a926;
}

.reply a {
    color: #f9a926;
}

.reply a:hover:before,
.reply a:focus:before {
	background-color: #f9a926;
}

.comment-meta .url,
.comment-meta .fn,
.reply a {
    color: #23272a;
}

.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-meta .fn:hover,
.comment-meta .fn:focus,
.reply a:hover,
.reply a:focus {
	color: #f9a926;
}

.comment-metadata a:hover time,
.comment-metadata a:focus time {
	color: #f9a926;
}

.btn {
    color: #f9a926;
    border: 2px solid #f9a926;
}

.btn:hover,
.btn:focus {
    color: #fff;
    background-color: #f9a926;
}

#featured-slider .btn:hover,
#featured-slider .btn:focus,
input[type]:focus,
textarea:focus,
select:focus,
#respond input:focus,
.wpcf7 input:focus {
	border-color: #f9a926;
}

#respond input[type="submit"] {
	background-color: #3f3f3f;
	border-color: #3f3f3f;
	color: #fff;
}

#respond input[type="submit"]:hover,
#respond input[type="submit"]:focus {
	background-color: #f9a926;
    border-color: #f9a926;
    color: #fff;
}

#featured-slider .btn.btn-fill {
    background-color: #f9a926;
    border-color: #f9a926;
    color: #fff;
}

#featured-slider .btn.btn-fill:hover,
#featured-slider .btn.btn-fill:focus,
#featured-slider .btn-transparent:hover
#featured-slider .btn-transparent:focus {
	background-color: #000;
	border-color: #000;
    color: #fff;
}

#featured-services .icon-container i {
   color: #f9a926;
}

#featured-services .btn {
    background-color: #f9a926;
    color: #fff;
}

#featured-services .btn:hover,
#featured-services .btn:focus {
    background-color: transparent;
    color: #f9a926;
}

ul.nav-tabs li.active a,
ul.nav-tabs li a:hover,
ul.nav-tabs li a:focus {
    color: #f9a926;
}

.testimonial-wrapper .slick-prev,
.testimonial-wrapper .slick-next {
	background-color: #f9a926;
	border-color: #f9a926;
}

#call-to-action .btn:hover,
#call-to-action .btn:focus {
    border-color: #f9a926;
    color: #fff;
}

#our-features i {
    color: #f9a926;
}

span.posted-on a {
    color: #f9a926;
}

.blog-wrapper .post-categories a:hover,
.blog-wrapper .post-categories a:focus {
    color: #fff;
    background-color: #f9a926;
    border-color: #f9a926;
}

#pricing article:nth-child(2n) .price-table-wrapper .price,
#pricing article:nth-child(2n) .price-table-wrapper span {
    color: #f9a926;
}

#pricing article:nth-child(2n) .price-table-wrapper .btn {
    color: #fff;
    background-color: #f9a926;
}

#pricing article:nth-child(2n) .price-table-wrapper .btn:hover,
#pricing article:nth-child(2n) .price-table-wrapper .btn:focus {
    color: #f9a926;
    background-color: transparent;
}

#promotion {
    background-color: #f9a926;
}

#promotion .btn:hover,
#promotion .btn:focus {
    color: #f9a926;
}

#client-slider {
    background-color: #f9a926;
}

.archive-blog-wrapper article .entry-title a:hover,
.archive-blog-wrapper article .entry-title a:focus {
	color: #f9a926;
}

.single-wrapper .entry-meta span a:hover,
.single-wrapper .entry-meta span a:focus {
    color: #f9a926;
}

.single-wrapper .entry-meta span.byline a.fn:hover,
.single-wrapper .entry-meta span.byline a.fn:focus {
	color: #f9a926;
}

.scrollup:hover,
.scrollup:focus {
    background-color: #f9a926;
    fill: #fff;
}

.page-section {
	border-color: #f4f7fc;
}


@media screen and (min-width: 1024px) {
	.main-navigation ul.nav-menu li.button a {
	    background-color: #f9a926;
        border-color: #f9a926;
	}

	.main-navigation ul.nav-menu li.button a:focus {
		background-color: transparent;
		color: #fff;
	}

	.main-navigation ul.sub-menu li:hover > a,
	.main-navigation ul.sub-menu li:focus > a,
	.main-navigation ul.sub-menu li.focus > a {
		color: #f9a926;
	}

	.main-navigation ul#primary-menu ul li.current-menu-item > a,
	.main-navigation ul#primary-menu ul li:hover > a,
	.main-navigation ul#primary-menu ul li:focus > a,
	.main-navigation ul#primary-menu ul li.focus > a {
	    color: #f9a926;
	    fill: #f9a926;
	}

	.modern-menu .main-navigation ul.sub-menu li:hover > a,
	.modern-menu .main-navigation ul.sub-menu li:focus > a,
	.modern-menu .main-navigation ul.sub-menu li.focus > a {
		background-color: transparent;
		color: #f9a926;
	}

	.modern-menu .main-navigation ul#primary-menu ul li.current-menu-item > a,
	.modern-menu .main-navigation ul#primary-menu ul li:hover > a,
	.modern-menu .main-navigation ul#primary-menu ul li:focus > a,
	.modern-menu .main-navigation ul#primary-menu ul li.focus > a {
		color: #f9a926;
	}
}

@media screen and (max-width: 1023px) {
	.menu-toggle:hover,
	.menu-toggle:focus,
	.dropdown-toggle:hover,
	.dropdown-toggle:focus {
		fill: #f9a926;
	}

	.main-navigation ul.nav-menu {
		background-color: #000;
	}
}






























/* ---------------------------------- */
/* ---------------------------------- */
/* -------- CSS SAKETdesign --------- */
/* ---------------------------------- */
/* ---------------------------------- */










/* ---------------------------------- */
/* ---------- SUMMER BRAEK ---------- */
/* ---------------------------------- */


/*
@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}



header .wrapper::after {
    height: auto;
    content: 'AVVISO: Pausa estiva dal 04/08 al 21/08';
    text-align: center !important;
    width: 99.9%;
    margin: auto;
    padding: 0.8% 0 !important;
    color: #0d4391;
    line-height: 1.0;
    border-top: 2px solid #0d4391;
    font-weight: 800;
    margin-top: 2%;	
	animation: shake 2s ease infinite;
	animation-iteration-count: 2;
}


header.nav-shrink .wrapper::after {
    color: #ffffff;
    font-weight: 300;
	border-top: 2px solid #fff;
}


header#masthead:after {
    height: auto;
    content: 'Per informazioni, contattaci per email e/o utilizza il Modulo di compilazione in basso al sitoweb';
    text-align: center !important;
    width: 99.9%;
    margin: auto;
    background-color: #0d4391;
    padding: 1% 0 !important;
    color: #7796c1;
    line-height: 1.0;	
	animation: shake 2s ease infinite;
	animation-iteration-count: 2;
}




@media screen and (max-width: 500px) {
	header.nav-shrink .wrapper::after {
		font-size: 14px;
		padding: 2% 0 !important;
	}
	header#masthead:after {
		font-size: 14px;
		padding: 2% 0 !important;
	}
}

*/












/* ---------------------------------- */
/* ------------ GENERAL ------------- */
/* ---------------------------------- */



body {
    background: transparent !important;
}

.grey {
	color:grey !important;
}

.sky {
	color: #3e96cb !important;
}




.display-none {
	display: none;
}


.clear {
	clear:both;
	height:10px;
}




::selection {
  color: white;
  background: #28ca00;
}





.english {
	font-weight: 200 !important;
}

/* --------------------------- */
/* ------- Barra GDPR -------- */
.wpgdprc .english {
	font-style: italic !important;
    color: #58769c !important;
}






/* ---------------------------------- */
/* -------------- GDPR -------------- */
/* ---------------------------------- */

div.wpgdprc p {
    font-size: 90% !important;
}
div.wpgdprc a, div.wpgdprc a:focus, div.wpgdprc a:hover {
    text-decoration: none !important;
}

div.wpgdprc-consent-bar div.wpgdprc-consent-bar__column {
    text-align: center !important;
}


/* MESSAGE OK */
.wpcf7 form.sent .wpcf7-response-output {
	margin: 2em 0.5em 1em !important;
    border: 10px solid #46b450 !important;
    padding: 4% !important;
    background-color: lightgreen !important;
    color: darkgreen !important;
}


/* INVALID MESSAGE */
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
	margin: 2em 0.5em 1em !important;
    border: 10px solid #ffb900 !important;
    padding: 4% !important;
    background-color: lightyellow !important;
    color: darkgrey !important;
}



.wpgdprc-consent-bar__notice p {
    color: #8cc79f;
}


	
.wpgdprc-consent-modal__navigation-list li {
    border-bottom: 0.5px solid #ccc;
    padding: 8% 0;
}

.wpgdprc-consent-modal__navigation-list li:first-child {
    padding-top: 0;
}

.wpgdprc-consent-modal__navigation-list li:last-child {
    border-bottom: none;
}














/* ---------------------------------- */
/* ---------------------------------- */
/* ------------- HEADER ------------- */
/* ---------------------------------- */
/* ---------------------------------- */






/* ---------------------------- */
/* ------ Call-to-action ------ */
/* ---------------------------- */


#cta-fixed {
    opacity: 0.8;
}

.icon-fixed {
	position:fixed;
	top:40%;
	right:0;
	z-index:3100;
}




.side-icon-div {
	margin-top: 20%;
}


#mailtomanager p {
}

.icon-side-a {
}

.icon-side-a i {
	color: #0f8e38;
    width: 65px;
    height: 65px;
    background-color: white;
    border-radius: 50%;
    text-align: center;
    padding-top: 25%;
	box-shadow: 0px 0px 6px #000;
}


    


@media screen and (max-width: 1800px) {
}


@media screen and (max-width: 1300px) {
}


@media screen and (max-width: 770px) {
}


@media screen and (max-width: 600px) {
	.icon-fixed {
	    top: 36%;
	}
	.side-icon-div {
		margin-top: 10%;
	}
	.icon-side-a i {
		font-size: 150% !important;
    	width: 55px;
    	height: 55px;
	}
}


@media screen and (max-width: 450px) {
}




/* 2026 */

.fa-phone {
  -webkit-transform: scaleX(-1) !important;
  transform: scaleX(-1) !important;
}

#cta-text-one {}
#cta-text-two {}

#cta-text-one {
    padding-bottom: 15%;
}

#cta-text-two {
    color: #0f8e38;
    width: 65px;
    height: 65px;
    background-color: white;
    border-radius: 50%;
    font-size: 14px;
    /* font-weight: 600; */
    text-align: center;
    line-height: 1.2;
    vertical-align: middle;
    padding-top: 25%;
	box-shadow: 0px 0px 6px #000;
}

#cta-text-two b {
    color: #0d4391 !important;
}


@media screen and (max-width: 600px) {
	#cta-text-two {
		font-size: 13px;
		width: 55px;
		height: 55px;
	}
}












/* ----------------------------- */
/* ---------- TOP-BAR ---------- */


div.top-bar-section {
    box-shadow: 0px 2px 6px 0px #2c2c2c;
    font-family: 'Lato';
	font-size: 18px;
	color: #fff;
    padding: 5px 0;
	background-color:#0d4391;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
	margin-right: auto;
    margin-left: auto;
}



.top-bar-section.container-fluid .container {
    width: 100%;
    padding: 10px 30px;
	margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}



.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:after {
    clear:both !important;
}


@media (min-width: 768px) {
	.row {
		font-size: 90% !important;
	}
}



.top-bar-section .widget, .top-bar-section p {
    margin: 0 0 10px;
	margin-bottom: 0;
	text-align: center;
}



.widget {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 20px;
    position: relative;
}

.col-sm-4  {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
	.col-sm-4 {
		width: 33.33333333%;
	}
}

@media (min-width: 768px) {
	.col-sm-4 {
		float: left;
	}
}

.fa, .fas {
    margin: 0 0 10px;
    font-weight: 900;
}






.top-bar-section .container-fluid:before, .top-bar-section .container-fluid:after, 
.top-bar-section .container:before, .top-bar-section .container:after, 
.top-bar-section .row:before, .top-bar-section .row:after {
    content: " " !important;
    display: table !important;
}


.top-bar-section *:before, .top-bar-section *:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}


@media (max-width: 768px) {
	#call-to-action-1:after, #call-to-action-2:after {
		border-bottom: aliceblue 2px solid;
		border-bottom-width: thin;
		/* margin-bottom: 4%; */
		height: 8px;
		width: 20%;
		margin: auto;
		margin-bottom: 2%;
	}
}	
	



#call-to-action-1 a:hover,
#call-to-action-2 a:hover,
#call-to-action-3 a:hover,
#call-to-action-1 i:hover,
#call-to-action-2 i:hover,
#call-to-action-3 i:hover {
	color: #28ca00 !important;
}
















/* ----------------------------- */
/* -------- header MENU -------- */


.site-title {
    text-transform: none !important;
}




.site-title a:hover,
.site-title a:focus {
	color: #28ca00 !important;
}


#masthead {
	background-color: rgba(13,67,145,0.56) !important;
}
#masthead.nav-shrink {
	background-color: rgba(0,50,123,0.69) !important;
}


@media screen and (max-width: 1023px) {
	#masthead {
		background-color: rgba(13,67,145,0.56) !important;
	}
	#masthead.nav-shrink {
		background-color: rgba(0,50,123,0.69) !important;
	}
}



.site-description {
    color: #0d4391 !important;
}

.menu-sticky #masthead.nav-shrink .site-description {
    color: #83a8de !important;
}

.menu-sticky #masthead.nav-shrink .site-description {
	font-size: 1rem !important;
}




@media screen and (max-width: 480px) {
	.site-title {
		font-size: 1.1rem !important;
	}
	.site-description {
		font-size: 0.775rem;
	}
}

@media only screen and (min-device-width: 509px) and (max-device-width: 529px) {
	#site-identity {
		display:block !important;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 508px) {
	#site-identity {
		width:50%;
	}
	.site-branding {
    	max-width: 350px;
	}
}	

@media only screen and (min-device-width: 426px) and (max-device-width: 481px) {
	.site-logo img {
		max-height: 42px;
		margin-right: 10px;
		margin-left: -20px;
	}
}	



@media screen and (max-width: 425px){
	.site-branding {
		max-width: 250px !important;
	}
	div#site-identity {
		max-width: 100% !important;
		padding-left:8%;
	}
}






.main-navigation ul.nav-menu > li > a {
		padding: 13px 21px !important;
}

@media screen and (min-width: 1200px) {
	.main-navigation ul.nav-menu > li > a {
		padding: 13px 21px !important;
	}
}

@media screen and (min-width: 1024px) {
	.menu-sticky .nav-shrink .main-navigation ul.nav-menu > li > a {
		padding-top: 13px !important;
		padding-bottom: 17px !important;
	}
}







.main-navigation a:hover, 
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover, 
.main-navigation ul.nav-menu > li > a:focus {
    color: #28ca00 !important;
}




@media screen and (max-width: 1023px) {
	.menu-toggle:hover, .menu-toggle:focus, .dropdown-toggle:hover, .dropdown-toggle:focus {
		fill: white;
	}
	.main-navigation ul.nav-menu {
		background-color: rgba(0,50,123,0.69) !important;
	}
}













/* ------------------------------- */
/* --------- header-menu --------- */
/* ------------------------------- */
/* ------------ 2026 ------------- */
/* ------------------------------- */


div.site-branding {
    float: left;
    display: flex;
    align-items: center;
    min-height: 50px !important;
	padding: 15px 0 15px !important;
}


nav.main-navigation {
    float: right !important; 
	display: flex !important;
    position: relative !important;
    align-items: center !important;
    min-height: 50px !important;
	padding: 15px 0 15px !important;
}

@media screen and (max-width: 1700px) {
	nav.main-navigation,
	div.site-branding {
		padding: 5px 0 5px !important;
	}
	.main-navigation ul.nav-menu > li > a {
		padding: 1px 21px 13px !important;
	}
}

button.menu-toggle:before {
    content: 'MENU';
    display: block;
    color: #0d4391;
    font-size: 13px;
    font-weight: 700;
}

@media screen and (max-width: 640px) {
	header div.wrapper div.site-branding {
		width:80% !important;
		padding: 20px 0 5px !important;
	}
	header div.wrapper div.site-logo{
		width:40% !important;
	}
	header div.wrapper div#site-identity {
		width:40% !important;
	}
}

@media screen and (max-width: 555px) {
	header div.wrapper div#site-identity p.site-description {
		font-size:65% !important;
	}
	header div.wrapper div.site-logo {
		width:50% !important;
	}
	a.custom-logo-link img {
		width: 100%;
    	max-height: 100%;
	}
}

@media screen and (max-width: 440px) {
	header div.wrapper div#site-identity p.site-description {
		font-size:60% !important;
	}
}



@media screen and (max-width: 685px) {
	header.site-header.nav-shrink {
	}
	header.site-header.nav-shrink div.site-branding {
		width:80% !important;
		padding: 10px 0 15px !important;
	}
	header.site-header.nav-shrink div.site-logo {
		width:40% !important;
	}
	header.site-header.nav-shrink div#site-identity {
		width:40% !important;
	}
	header.site-header.nav-shrink button.menu-toggle:before {
		content: 'MENU';
		color: #83a8de !important;
	}
}
@media screen and (max-width: 625px) {
	header.site-header.nav-shrink {
	}
	header.site-header.nav-shrink div#site-identity p.site-description {
		font-size:70% !important;
	}
}
@media screen and (max-width: 555px) {
	header.site-header.nav-shrink div.site-branding {
		padding: 20px 0 10px !important;
	}
	header.site-header.nav-shrink div#site-identity p.site-description {
		font-size:60% !important;
	}
	header.site-header.nav-shrink button.menu-toggle:before {
		font-size: 70%;
	}
	header.site-header.nav-shrink div.site-logo {
        width: 50% !important;
    }
}
@media screen and (max-width: 426px) {
	header.site-header.nav-shrink div#site-identity p.site-description {
		font-size:50% !important;
	}
}






/* ----------------------------- */
/* --------- header-CX --------- */



#page-site-header {
	padding: 300px 0;
}



.overlay {
    background-color: rgba(0, 0, 0, 0.1) !important;	
}



/* homepage is: .page-id-28  */

.page-header h1::before {
    background-image: url(https://stellsrl-it.life/wp-content/uploads/2021/11/STELLsrl__brand-design__STAMPAGGIO-LAMIERA-e-BRUNITURA___.png);
    content: '';
    width: 99%;
    height: 420px; /* 2026 */
    z-index: 100;
    display: block;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 50%;
    text-align: center;
    margin: auto;
	padding:20px;
}


div#breadcrumb-list {
    display: none;
}
.featured-content-wrapper .entry-title, #page-site-header .page-title {
	font-weight: 600 !important;
    letter-spacing: 6px !important;
    font-size: 20px;
    text-shadow: 1px 1px 4px #005a81 !important;
    margin-top: 4%;
}


@media screen and (max-width: 1200px) {
	.featured-content-wrapper .entry-title, #page-site-header .page-title {
		font-weight: 100 !important;
		letter-spacing: 10px !important;
		text-shadow: 2px 0px 6px #7795c1 !important;
	}
	#page-site-header {
		padding: 150px 0;
	}
	.page-header h1::before {
		height: 250px; /* 2026 */
	}
}

@media screen and (max-width: 1000px) {
	.page-header h1::before {
		height:230px; /* 2026 */
   		background-size: 100%; 
	}
}

@media screen and (max-width: 767px) {
	.page-header h1::before {
		height:200px; /* 2026 */
   		background-size: 100%;
	}
}


@media screen and (max-width: 500px) {
	#page-site-header {
		padding: 130px 0;
	}
	.page-header h1::before {
		height:100px;
   		background-size: 100%;
	}
}










/* ------------------------------ */
/* ------ HOME section four ----- */
/* ------------------------------ */
/* ---------- COMPANY ----------- */
/* ------------------------------ */


@media screen and (max-width: 1500px) {
	#stellsrl-since {
		padding: 50% 0;
	}
}

@media screen and (min-width: 768px) {
	.elementor-section.elementor-section-height-full {
		height: auto !important;
		padding: 5% 0;
	}
}

@media screen and (max-width: 1024px) {
	.elementor-1095 .elementor-element.elementor-element-6514f21e {
		padding: 30px 30px 30px 30px !important;
	}
}







/* ------------------------------ */
/* ------ HOME section four ----- */
/* ------------------------------ */
/* ---------- COMPANY ----------- */
/* ------------------------------ */



/* ...there is in "GENERAL"...
.display-none {
	display: none;
}
*/



.home-company p {
	color:white;
}

#stell-company-map {
	padding: 10% 0;
}


@media screen and (max-width: 767px) {
	.stell-company-map {
		 padding: 80px 30px 160px 30px !important;
	}
	.stell-company-map .display-none {
		display: block;
		margin: 4% !important;
		box-shadow: 2px 2px 4px black;
	}
}






/* ------------------------------ */
/* ----- HOME section five ------ */
/* ------------------------------ */
/* ------- ZERO RECLAMI --------- */
/* ------------------------------ */


#stell-zero-reclami {
	padding-top: 15%;
	padding-bottom: 15%;
}


@media screen and (max-width: 767px) {
	.stell-zero-reclami {
		padding: 60px 30px 120px 30px !important;
	}	
	.elementor-section .stell-zero-reclami-div {
		background-color: rgba(255,255,255,0.56);
		padding: 5%;
	}
	.stell-zero-reclami-p {
		color: black !important;
	}
}







/* ------------------------------ */
/* ------ HOME section six ------ */
/* ------------------------------ */
/* ---------- QUALITY ----------- */
/* ------------------------------ */



#quality-certification {
	padding-top: 8%;
	padding-bottom: 8%;
}

#quality-certification-section {
}
#quality-certification-div {
}



#quality-certification-section {
	/* margin:0 !important; */
	margin-top: 10% !important;
	padding:0 !important;
	height: auto !important;
}


@media screen and (max-width: 767px) {
	.quality-certification {
		margin-top:0 !important;
	}	
}










/* ------------------------------ */
/* ----- HOME section eight ----- */
/* ------------------------------ */
/* ---------- PRODUCT ----------- */
/* ------------------------------ */



/* ...there is in "GENERAL"...
.display-none {
	display: none;
}
*/




@media screen and (max-width: 767px) {
	#stellsrl-cuscinetti-bearning .display-none {
		display: block;
	}
}









/* ------------------------------ */
/* ------ HOME section nine ----- */
/* ------------------------------ */
/* -------- TREATMENTS ---------- */
/* ------------------------------ */


 
#stellsrl-trattamenti-treatments strong {
	font-weight:400 !important;
}

@media screen and (max-width: 767px) {
	#button-treatments .elementor-widget-container {
		margin: 0 !important;
    	border-radius: 0 !important;
		padding: 3% 1% !important;
	}
}












/* ------------------------------ */
/* ---- HOME section eleven  ---- */
/* ------------------------------ */
/* ---------- TIMING ------------ */
/* ------------------------------ */


@media (min-width: 768px) {
	.elementor-column .stellsrl-mag {
		height: 600px;
	}
}


@media (max-width: 767px) {
	.elementor-column .stellsrl-mag {
		height: 300px;
	}
}





























/* ------------------------------------------- */
/* --------------- widget-footer ------------- */
/* --- try with elementor e sidebar widget --- */
/* ------------------------------------------- */


#footer-id-elementor section {
    width: 33% !important;
    float: left;
	padding: 0 2%;
}








/* ---------------------------------- */
/* ---------------------------------- */
/* ------------- FOOTER ------------- */
/* ---------------------------------- */
/* ---------------------------------- */



/* ------------- 2026 ------------- */

#pre-footer {}

#pre-footer {
	width:100%;
	margin:0 auto;
	padding:2% 0 0;
	text-align:center;
	color:#2a7bad;
	font-family:'Lato';
	background-color:white;
}

#pre-footer-text {
	padding: 0 0 1%;
}

#pre-footer div#list-customer {
	color:#888;
}
h3 span#ita {
	color:#6a96b1;
}
h3 span#eng {
	color:#7ba087;		
}

#colophon {
    margin-top: 0;
}

@media screen and (max-width: 570px) {
	#pre-footer-text h3 {
		font-size: 80%;
	}
}
@media screen and (max-width: 470px) {
	#pre-footer-text div#list-customer {
		font-size: 80%;
		line-height: 1.2 !important;
	}
}




/* ---------- end 2026 ------------ */




/*

#colophon {
    margin-top: 3%;
}



#colophon:before {
	content: 'Customer of STELLsrl: \A  SKF, simad srl, aspotec, IMI Ferrara, COMEC srl, Mongardi, JRD mouldings, industrie LISA srl, PRES BLOCK.'; 
	height:800px;
	width:100%;
	margin:0 auto 5%;
	padding:2% 0 ;
	
	text-align:center;
	color:#2a7bad;
	font-family:'Lato';
	font-size:200%;
	font-weight:800;
	
	background-color:white;
	
	background-image:url('https://stellsrl-it.life/wp-content/uploads/2021/09/STELLsrl___customer__SKF__simad-srl__aspotec__IMI-Ferrara__COMEC-srl__Mongardi__JRD-mouldings__industrie-LISA-srl__PRES-BLOCK___.jpg');
	background-size:cover;
	background-position: center center;
}
*/


#colophon div.footer-widgets-area.page-section.col4:after {
}




/*
@media screen and (max-width: 1200px) {
	#colophon:before {
		height:700px;
	}
}

@media screen and (max-width: 1000px) {
	#colophon:before {
		height:600px;
	}
}

@media screen and (max-width: 880px) {
	#colophon:before {
		height:500px;
	}
}

@media screen and (max-width: 767px) {
	#colophon:before {
		background-image:url('https://stellsrl-it.life/wp-content/uploads/2021/09/STELLsrl__customer__SKF__simad-srl__aspotec__IMI-Ferrara__COMEC-srl__Mongardi__JRD-mouldings__industrie-LISA-srl__PRES-BLOCK___.jpg');
		height: 1200px;
    	padding: 5% 0;
	}
}

@media screen and (max-width: 690px) {
	#colophon:before {
		height: 1000px;
		padding: 2% 0;
	}
}

@media screen and (max-width: 550px) {
	#colophon:before {
		height: 800px;
		padding: 2% 0;
	}
}


@media screen and (max-width: 450px) {
	#colophon:before {
		height: 600px;
		padding: 2% 0;
	}
}
*/






footer#colophon .hentry {
	text-align: center;
}



footer .hentry h3 {
	color:#6a96b1;
	font-family: "Montserrat", Sans-serif;
	font-weight: 400;
}


/* .footer-widgets-area .hentry */
#colophon .widget  {
    margin-bottom: 0px !important; 
}


.hentry hr {
    margin: 0 !important; 
    height: 5px !important; 
}




.div-icon-footer {
	padding: 1% 0 25% 0;
	text-align:center;
	color:#6a96b1;
}


.div-icon-footer a {
	border: 2px solid #6a96b1;
    padding: 2% 4%;
	color: #e10613;
}





#content-footer-section i {
    padding: 3% 0 8% 0;
}

#content-footer-section .widget-title h3 {
    font-size: 25px;
}

@media only screen and (max-width:991px) {
	#brand-footer {
		width:30% !important;
	}
}
	




#iframe-opacity {
	padding: 4%;
    border: 2px solid #6a96b1 !important;
}

.div-icon-footer iframe {
	opacity: 0.5 !important;
}




/* ..old, sostituito.. */
.hentry ul#menu-mainmenu {
    text-align: center !important;
}


.hentry ul#menu-menu-footer {
    text-align: center !important;
}










/* ---------------------------------- */
/* ---------------------------------- */
/* ---------- CONTACT FORM ---------- */
/* ---------------------------------- */
/* ---------------------------------- */



/* -------------------------------- */
/* ------- into the footer -------- */


.contactform-footer {
	width:80%;
	margin:auto;
	margin-top:10%;
	margin-bottom:10%;
	text-align:center;
	border:3px solid white;
	padding:5%;
}


@media (max-width: 600px) {
	.contactform-footer {
		margin-top: 10% !important;
		margin-bottom: 20%;
	}
}


div.wpcf7 label, div.wpcf7 textarea, div.wpcf7 input {
	width:100% !important;
}

div.wpcf7 {
	color:white !important;
}

.contactform-footer ::placeholder {
	color:white !important;
}


div.wpcf7 textarea, div.wpcf7 input {
	background-color: rgba(255,255,255,0.6) !important;
	color:white !important;
	padding: 2% !important;
	text-align: center;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    text-align: center;
}



div.wpcf7 input[type="submit"] {
	background-color: #3e7393 !important;
}
input[type="submit"]:hover, input[type="submit"]:focus {
    border-color: #00a0ff !important;
}





div.wpcf7 input::placeholder {
	color:white !important;
}

.wpcf7-list-item input[type="checkbox"], .wpcf7-list-item input[type="radio"] {
    height: 30px !important;
}









.Messaggio-STELLsrl ::placeholder {
    color: white !important;
}






/* ---------------------------------- */
/* ------------- FOOTER ------------- */
/* ---------------------------------- */
/* ------------ firma tema ---------- */
/* ---------------------------------- */


.desined {
    display: none !important;
}

.copyright {
    color: #0f8e38 !important;
}


@media screen and (min-width: 1024px) {
	.col2 .copyright {
		display: block !important;
		text-align: center !important;
	}
}









/* ---------------------------------- */
/* ------------- FOOTER ------------- */
/* ---------------------------------- */
/* ------------- arrow UP ----------- */
/* ---------------------------------- */


.scrollup:hover, .scrollup:focus {
    background-color: #28ca00 !important;
    fill: #fff;
}


a#btn-scrollup {
    z-index: 10000 !important;
	bottom: 200px !important;
}

@media only screen and (max-width:670px) {
	a#btn-scrollup {
		bottom: 20px !important;
	}
}









/* ---------------------------------- */
/* ------------- FOOTER ------------- */
/* ---------------------------------- */
/* --------- icon reCaptcha --------- */
/* ---------------------------------- */

.grecaptcha-badge {
    bottom: 280px !important; /* 80px !important; */
	z-index: 2000;
}


@media only screen and (max-width:670px) {
	.grecaptcha-badge {
		bottom: 80px !important;
	}
}











/* ---------------------------------- */
/* ------------- FOOTER ------------- */
/* ---------------------------------- */
/* ------- privacy and cookie ------- */
/* ---------------------------------- */



footer div#policy {
	background-color: #1e1e1e !important;
	color: #393939;
	margin: 0 !important;
	width: 100% !important;
	padding:80px 0 120px 0;
	margin-top:10%;
}



footer div#policy-float {
	background-color: #1e1e1e !important;
	width: 100% !important;
}



footer div.policy-button {
	text-align: center !important;
}



footer div.policy-button a {
	color: #3e96cb !important;
	background-color: #393939 !important;
	padding: 8px 10px;
	margin: 0 10px;
	font-size: 16px;
}



@media only screen and (max-width:450px) {
	footer div#policy {
		padding:80px 0 180px 0;
		margin-top:10%;
	}
	footer div.policy-button a {
		font-size: 12px;
	}
	footer div.policy-button span {
		color:#e93f49 !important;
		background-color:transparent !important;
	} 
}



















/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------- START all page -------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */










/* ---------------------------------- */
/* ---------------------------------- */
/* ---------- COMPANY page ---------- */
/* ---------------------------------- */
/* ---------------------------------- */


.page-id-103 #page-site-header {
		background-image: linear-gradient(#122b66db, #28282899), url(https://stellsrl-it.life/wp-content/uploads/2021/06/stell-srl__stampaggio-lamiera-e-brunitura__.jpg) !important;
}















/* ---------------------------------- */
/* ---------------------------------- */
/* ---------- MISSION page ---------- */
/* ---------------------------------- */
/* ---------------------------------- */


.page-id-106 #page-site-header {
	    background-image: linear-gradient(#f5f5f585, #a6b2cb9e), url(https://stellsrl-it.life/wp-content/uploads/2021/09/STELLsrl___Zero-Reclami-Clienti___quality-company___header___.jpg) !important;
}
















/* ---------------------------------- */
/* ---------------------------------- */
/* ---------- QUALITY page ---------- */
/* ---------------------------------- */
/* ---------------------------------- */


.page-id-108 #page-site-header {
	    background-image: linear-gradient(#f5f5f585, #a6b2cb9e), url(https://stellsrl-it.life/wp-content/uploads/2021/09/STELLsrl___qualita-quality___certification-certificazioni___.jpg) !important;
}




















/* ---------------------------------- */
/* ---------------------------------- */
/* ---------- PRODUCT page ---------- */
/* ---------------------------------- */
/* ---------------------------------- */


.page-id-110 #page-site-header {
	    background-image: linear-gradient(#f5f5f585, #1838789e), url(https://stellsrl-it.life/wp-content/uploads/2021/09/STELLsrl__product-prodotti___cuscinetti-bearings___.jpg) !important;
}

















/* ---------------------------------- */
/* ---------------------------------- */
/* ------- TECHNOLOGY page ---------- */
/* ---------------------------------- */
/* ---------------------------------- */


.page-id-112 #page-site-header {
	    background-image: linear-gradient(#f5f5f585, #1838789e), url(https://stellsrl-it.life/wp-content/uploads/2021/11/STELLsrl___tecnologie-technologies___brunitura-dark-oxide__.jpg) !important;
}














/* ---------------------------------- */
/* ---------------------------------- */
/* ---------- BLACK OXIDE ----------- */
/* ---------------------------------- */
/* ---------------------------------- */


.page-id-1267 #page-site-header {
	    background-image: linear-gradient(#f5f5f585, #061006), url(https://stellsrl-it.life/wp-content/uploads/2021/12/STELLsrl___brunitura-black-oxide___bg-low___.jpg) !important;
}




/* EMAIL Brunitura */

/*
.page-id-1267 { 
}
*/






/* ......HEADER...... */
/* ..in all website.. */

#email-header-brunitura {
	display:none;
}

/* ..if.. */
.page-id-1267 #email-header-stell { 
	display:none;
}
.page-id-1267 #email-header-brunitura {
	display:block;
}






/* ......FOOTER......  */
/* ..in all website.. */

.email-brunitura {
	display:none;
}

/* ..if.. */
.page-id-1267 .email-stellsrl { 
	display:none;
}
.page-id-1267 .email-brunitura {
	display:block;
}





/* ...CONTACT FORM... */
/* ..in all website.. */

.contactform-footer-brunitura {
	display:none;
}

/* ..if.. */
.page-id-1267 .contactform-footer-stellsrl { 
	display:none;
}
.page-id-1267 .contactform-footer-brunitura {
	display:block;
}










/* ---------------------------------- */
/* ---------------------------------- */
/* ------- SEARCH RESULT page ------- */
/* ---------------------------------- */
/* ---------------------------------- */

span.byline {
    display: none !important;
}

span.posted-on {
    display: none !important;
}

#inner-content-wrapper .contactform-footer h2 {
	font-size: 1.2rem !important;
}

.posts-wrapper article.hentry {
    background-color: #f1f1f1 !important;
    margin: 0 2% 4% !important;
    width: 46% !important;
    padding: 2% 3% !important;
}


.posts-wrapper .wp-block-button .wp-block-button__link:focus, 
.posts-wrapper .wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus, 
.wp-block-button .wp-block-button__link:hover {
    background-color: #339937 !important;
}


.wp-block-image figcaption {
    text-align: center !important;
}








/* ---------------------------------- */
/* ---------------------------------- */
/* ------- 404 page not found ------- */
/* ---------------------------------- */
/* ---------------------------------- */


.error404 div#primary {
    width: 100% !important;
}













/* ---------------------------------- */
/* ---------------------------------- */
/* ---------- PRIVACY page ---------- */
/* ---------------------------------- */
/* ---------------------------------- */


.page-id-3 #page-site-header {
	    background-image:linear-gradient(#f5f5f585, #264fa19e), url(https://stellsrl-it.life/wp-content/uploads/2021/09/STELLsrl___privacy-gdpr___.jpg) !important;
}





/* ---------------------------------- */
/* ---------------------------------- */
/* ----------- COOKIE page ---------- */
/* ---------------------------------- */
/* ---------------------------------- */


.page-id-123 #page-site-header {
	    background-image: linear-gradient(#f5f5f585, #1838789e), url(https://stellsrl-it.life/wp-content/uploads/2021/09/STELLsrl___privacy-cookie___.jpg) !important;
}






/* ---------------------------------- */
/* ---------------------------------- */
/* ------ ACCESS REQUEST page ------- */
/* ---------------------------------- */
/* ---------------------------------- */


@media only screen and (max-width:1440px) {
	#stell-access-request {
		width:85% !important;
	}
	#formpage {
		width:90% !important;
	}
	#dataaccesspage {
		width:90% !important;
	}
}









/* ---------------------------------- */
/* ---------------------------------- */
/* ----------- COOKIE bar ----------- */
/* ---------------------------------- */
/* ---------------------------------- */

div#cookie-law-info-bar {
	background-color:rgba(13, 67, 145, 0.8) !important;
}


.cli-privacy-overview h4 {
    color: #0b346e;
}



 @media only screen and (min-device-width: 990px) and (max-device-width: 1500px) and (orientation:landscape) {
    .cli-style-v2 .cli-bar-message {
		width: 60% !important;
		text-align: left;
	}
	 .cli-bar-btn_container {
		 width: 15% !important;
	 }
}
    
 @media only screen and (min-device-width: 990px) and (max-device-width: 1350px) and (orientation:landscape) {
	 .cli-bar-btn_container {
		 width: 20% !important;
	 }
}
 @media only screen and (min-device-width: 990px) and (max-device-width: 1150px) and (orientation:landscape) {
	 .cli-bar-btn_container {
		 width: 25% !important;
	 }
}



/* POP-UP BAR */

 @media only screen and (max-width: 450px) {
	 .cli-tab-section .cli-tab-header a {
		font-size: 12px !important;
	}
}






/* ------------------------ 2026 ----------------------------- */




.cky-consent-bar .cky-notice-des p {
	color: #5b5b5b !important;
}
    




.cky-consent-container.cky-banner-bottom .cky-consent-bar {
	background-color: rgba(255,255,255,0.8) !important;
}


.cky-consent-container.cky-banner-bottom .cky-title {
	color: #2b87b7 !important;
}


button.cky-btn.cky-btn-accept {
	color: #0f9532 !important;
    border-color: #0FB43A !important;
    background-color: #70E68E !important;
}


.cky-btn.cky-btn-reject {
	color: #ca0000 !important;
    border-color: #FF0505 !important;
    background-color: rgba(254, 80, 80, 0.57) !important;	
}

.cky-btn.cky-btn-customize,
button.cky-btn.cky-btn-preferences {
	color: #16709e !important;
    border-color: #2b87b7 !important;
    background-color: rgba(43, 135, 183, 0.41) !important;
}






.cky-modal {
    background: transparent !important;
}
div#ckyPreferenceCenter {
	color: #212121 !important;
    border-color: #F4F4F4 !important;
    background-color: rgba(255,255,255,0.8) !important;
}



div.cky-footer-wrapper div:nth-child(2) div {
	font-size: 8px !important;
}


.cky-switch input[type="checkbox"]:before {
    background-color: #2b87b7 !important;
	height: 17px !important;
    width: 17px !important;
    left: 2px !important;
    bottom: 2px !important;
}

.cky-switch input[type="checkbox"] {
    border: 2px solid #2b87b7 !important;
}



.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    background-color: #2b87b7 !important;
}




















@media only screen and (max-width:1023px) {
	div.menu-mainmenu-container {
		/* width: 2400px !important; */
	}
	ul#primary-menu {
		width: 900px !important;
		max-width: 900px !important;
	}
}

@media only screen and (max-width:940px) {
	div.menu-mainmenu-container {
		/* width: 2400px !important; */
	}
	ul#primary-menu {
		width: 700px !important;
		max-width: 700px !important;
	}
}

@media only screen and (max-width:767px) {
	div.menu-mainmenu-container {
		/* width: 1200px !important; */
	}
	ul#primary-menu {
		width: 550px !important;
		max-width: 550px !important;
	}
}

@media only screen and (max-width:510px) {
	div.menu-mainmenu-container {
		/* width: 1200px !important; */
	}
	ul#primary-menu {
		width: 350px !important;
		max-width: 350px !important;
	}
}