/*
Theme Name: Customizr Child
Theme URI: http://themesandco.com/customizr
Description: A child theme for the Customizr WordPress theme. This child theme simply includes 2 files :
style.css to add your custom css and functions.php where you can extend Customizr's core code.
In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations.
Do something awesome and have fun !
Author: Nicolas Guillaume (nikeo)
Author URI: http://themesandco.com
Template: customizr
Version: 1.0.0
*/
/* Your awesome customizations start right here !
-------------------------------------------------------------- */
.featurette-divider {
border-bottom-width: 0px;
}
.hatboypulse {
animation-name: hatboypulse;
-webkit-animation-name: hatboypulse;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes hatboypulse {
0% {
transform: scale(0.9);
opacity: 0.7;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.9);
opacity: 0.7;
}
}
@-webkit-keyframes hatboypulse {
0% {
-webkit-transform: scale(0.95);
opacity: 0.7;
}
50% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.95);
opacity: 0.7;
}
}
div.hattransparentbox
{
margin: 30px;
background-color: #ffffff;
border: 2px solid black;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
div.hattransparentbox p
{
margin: 4%;
font-weight: bold;
color: #000000;
}
.pager .previous>a, .pager .previous>span {
float: right !important;
}
.pager .next>a, .pager .next>span {
float: left !important;
}
.hatpuntocat {
font-size: 13px !important;
color: black;
}
.hatpuntocat img{
max-width: 55%;
height: auto;
padding-bottom: 1.5%;
}
body > header > div.brand.span3.pull-left > a > img.sticky.attachment-16 {
height: 60px !important;
width: 140px !important;
}
.lcp_catlist img {
float:left;
margin-right: 30px;
}
.lcp_catlist li {
line-height: 50px;
}
/* colore footer */
footer#footer {
color: #fafafa!important;
border-top: 5px solid #e9eaee;
background: black;
padding: 0;
}
/* colore barra fine header */
.tc-header {
min-height: 45px;
background: #fff;
border-bottom: 10px solid #0600FD;
border-top: 5px solid #0600FD;
z-index: 200;
}
/* colore scritta hatwelcome con presentazione sito */
body > div.hatwelcome {
text-align: center;
color: blue;
background: #fff;
border-bottom: 10px solid #0600FD;
border-top: 5px solid #0600FD;
}
/* colore separatore testo widget */
#main-wrapper .widget li {
line-height: 25px;
border-bottom: 2px solid #0600FD;
position: relative;
}
/* colore bordo quadrato del cerchio di immagini in evidenza */
.round-div {
border-color: #F9F9F9; /* Inserirlo uguale al colore di sfondo */
}
/* sfondo del sito generico di tutto il body */
body {
background: url(http://cerindustrie.com/wp-content/uploads/2015/01/granito-bianco.png) repeat ;
}
/* Set the color (#FAFAFA) of the internal wrapper */
#main-wrapper {
margin-top: 0px;
margin-bottom: 0px;
padding: 10px 10px;
}
/* Sfondo sezione Header ovvero Logo animato e Menu */
header.tc-header {
background: url(http://www.cerindustrie.com/CerBackHeadWithLogoOpComp.png) repeat ;
}
/* Colore Scritte Menu su Mouse Hover */
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
color: red;
text-shadow: none;
}
/* Colore blu linea separatrice */
hr {
margin: 20px 0;
border: 0;
border-top: 5px solid #4100FF;
border-bottom: 1px solid #fff;
}
/* Colore Azzurrino in Sticky Mode */
.tc-solid-color-on-scroll.sticky-enabled .navbar-inner, .tc-solid-color-on-scroll.sticky-enabled .tc-header {
background-color: #E4F5F4;
}
/* Posizione Pulsante su Slider */
.carousel-caption {
position: relative;
top: 95px; /* 0px is top of element */
left: 43%; /* 0% is left of element */
background: none
}
/* Rimozione scritta Tag Attributi XHTML commenti */
#form-allowed-tags.form-allowed-tags {
display: none;
}
/* Dimensione Carattere Menu in modo normale */
.navbar .nav>li>a {
font-size: 22px;
line-height: 28px;
}
/* Dimensione Carattere Menu in modalità Sticky */
.sticky-enabled .navbar .nav>li>a {
font-size: 18px;
}
/* Tipo carattere colore formato scritte menu */
.navbar .nav>li>a {
font-family: 'Droid Serif';
font-weight: bolder;
color: #4100FF;
}
/* dimensione prima lettera di ogni voce del menu */
.navbar .nav>li>a:first-letter {
font-size: 22px;
}
/* dimensione e posizione pulsante menu visualizzato su media mobile */
.btn-navbar {
width: 90px;
height: 30px;
vertical-align: top;
}
/* Scritta sul pulsante menu visualizzato su media mobile */
.btn-navbar:after {
content: "Menu";
float: right;
margin: -16px 0 0 0;
}
footer#footer {
border-top: 10px solid #FF0000;
background: #2023FF;
padding: 0;
}
.hatboybox11 {
width:100%;
height:auto;
text-align:center;
color: black;
margin: 0% 0% 2% 0%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: WhiteSmoke ;
}
.hatboybox13 {
width:100%;
height:auto;
text-align:center;
color: white;
margin: 0% 0% 2% 0%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #0204E4;
}
.centerdiv {
float: none !important;
margin: 0 auto !important;
}
/* Nuovo Css */
header.tc-header {
background: url("/hws-images/Homepage/CerBackHeadWithLogoOpComp.png");
}
/* WIDGET SETTING */
#left.widget-area, #right.widget-area {
padding-right: 5px;
padding bottom: 10px;
border: 4px solid blue;
position: relative;
background: WhiteSmoke;
text-align:left;
color:black;
}
#left.widget-area::after, #right.widget-area::after {
content: '';
position: absolute;
height: 100%;
border-right: none !important;
right: -2px;
bottom: 0;
}
/* ------------- */
.copybody {
background: url("/hws-images/Homepage/Sfondo%20Granito%20Bianco.png");
}
body {
background: rgba(219,219,219,1);
background: -moz-linear-gradient(-45deg, rgba(219,219,219,1) 0%, rgba(165,172,250,1) 50%, rgba(121,132,252,1) 65%, rgba(0,0,255,1) 95%, rgba(0,0,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(50%, rgba(165,172,250,1)), color-stop(65%, rgba(121,132,252,1)), color-stop(95%, rgba(0,0,255,1)), color-stop(100%, rgba(0,0,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(219,219,219,1) 0%, rgba(165,172,250,1) 50%, rgba(121,132,252,1) 65%, rgba(0,0,255,1) 95%, rgba(0,0,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(219,219,219,1) 0%, rgba(165,172,250,1) 50%, rgba(121,132,252,1) 65%, rgba(0,0,255,1) 95%, rgba(0,0,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(219,219,219,1) 0%, rgba(165,172,250,1) 50%, rgba(121,132,252,1) 65%, rgba(0,0,255,1) 95%, rgba(0,0,255,1) 100%);
background: linear-gradient(135deg, rgba(219,219,219,1) 0%, rgba(165,172,250,1) 50%, rgba(121,132,252,1) 65%, rgba(0,0,255,1) 95%, rgba(0,0,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#0000ff', GradientType=1 );
}
.hatpuntocat img{
max-width: 5%;
height: auto;
padding-bottom: 2%;
}
.tc-grid-post figcaption {
height:auto !important
}
.site-logo img {
max-width: 30% !important;
height: 105px !important;
}
.sticky-enabled .tc-shrink-on .site-logo img {
height: 40px !important;
width: 90% !important;
}
.contwelcome {
background-color: LightBlue ;
width: 100%;
height: 100%;
}
.offerta img {
max-width:100% !important;
height:150px !important;
vertical-align: baseline !important;
}
.span12.hatboybox8.gesture img {
width: 30%;
height: 30%;
}
.little {
width: 30%;
height: 30%;
}
.box {
width: 100%; height: auto;
position: relative;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.ribbon {
position: absolute;
left: -5px; top: -5px;
z-index: 1;
overflow: hidden;
width: 150px; height: 150px;
text-align: right;
}
.ribbon span {
font-size: 20px;
font-weight: bold;
color: #f7f7f7;
text-transform: uppercase;
text-align: center;
line-height: 40px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
width: 200px;
display: block;
background: #ff0505;
background: linear-gradient(#fb5050 0%, #e40101 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 37px;
left: -43px;
}
.ribbon span::before {
content: "";
position: absolute; left: 0px; top: 100%;
z-index: -1;
border-left: 3px solid #CFE600;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #CFE600;
}
.ribbon span::after {
content: "";
position: absolute; right: 0px; top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #CFE600;
border-bottom: 3px solid transparent;
border-top: 3px solid #CFE600;
}
.hatboybox8 {
width:100%;
height:auto;
text-align:center;
color: black;
margin: 0% 0% 2% 0%;
-webkit-box-shadow: 6px -6px 5px 0px rgba(253, 255, 152, 0.75);
-moz-box-shadow: 6px -6px 5px 0px rgba(253, 255, 152, 0.75);
box-shadow: 6px -6px 5px 0px rgba(253, 255, 152, 0.75);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: WhiteSmoke ;
border: 1px solid blue;
}
.hatboybox81 {
width:100%;
height:auto;
text-align:center;
color: black !important;
margin: 0% 0% 2% 0%;
-webkit-box-shadow: 6px -6px 5px 0px rgba(253, 255, 152, 0.75);
-moz-box-shadow: 6px -6px 5px 0px rgba(253, 255, 152, 0.75);
box-shadow: 6px -6px 5px 0px rgba(253, 255, 152, 0.75);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: WhiteSmoke ;
border: 1px solid blue;
text-align: left !important;
}
.hatboybox9 {
width: 100%;
height: auto;
text-align: center;
color: black;
margin: 0% 0% 2% 0%;
-webkit-box-shadow: 3px -1px 20px 0px rgba(255, 0, 0, 0.75);
-moz-box-shadow: 3px -1px 20px 0px rgba(255, 0, 0, 0.75);
box-shadow: 3px -1px 20px 0px rgba(255, 0, 0, 0.75);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: WhiteSmoke;
background-size: cover;
border: 1px solid blue;
}
.entry-header {
height:auto;
text-align:center;
color: black;
background-color: white;
border-bottom-width: 0px;
border-left: 3px solid blue;
border-right: 3px solid blue;
border-bottom: 3px solid blue;
/* margin-bottom: 3px; */
padding: 0 7%;
}
.entry-content {
margin-top: 10px;
}
.archive-header {
height:auto;
text-align:center;
color: #BD5D4D;
background-color: white;
border: 1px solid blue;
margin-bottom: 5px
}
.entry-meta {
margin-bottom: 0px;
border-left: 1px solid blue;
border-top:1px solid blue;
}
.breadcrumb-trail.breadcrumbs {
width:100%;
height:auto;
color: black;
margin: 0% 0% 2% 0%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 0px 150px 150px 0px;
background: WhiteSmoke ;
border: 1px solid blue;
}
.homeeffect:hover{
opacity:0.7;
background-color:#B4B4B4;
}
.bordercarte {
color: red;
text-align: center;
background: White;
border-style: double;
border-color: #FFF200;
}
.borderdetergenti {
color: red;
text-align: center;
background: White;
border-style: double;
border-color: #A1E6EE;
}
.borderigiene {
color: red;
text-align: center;
background: White;
border-style: double;
border-color: #EFBAEB;
}
.borderprovari {
color: red;
text-align: center;
background: White;
border-style: double;
border-color: #B5EB3D;
}
.borderscope {
color: red;
text-align: center;
background: White;
border-style: double;
border-color: #FAE455;
}
.borderimballi {
color: red;
text-align: center;
background: White;
border-style: double;
border-color: #D2D3D5;
}
.bordergdas {
color: red;
text-align: center;
background: White;
border-style: double;
border-color: #EC008D;
}
.borderaccvari {
color: red;
text-align: center;
background: White;
border-style: double;
border-color: #FD7004;
}
.borderps {
color: red;
text-align: center;
background: White;
border-style: double;
border-color: #ED0903;
}
/* Div class 404 */
.hatboy404 {
color:white;
background-color:#0204E4;
text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 3px solid blue;
margin-bottom: 10px;
}
.search-header {
color:black;
background-color: WhiteSmoke;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 3px solid blue;
margin-bottom: 10px;
}
.hatboybox7 {
width:100%;
height:auto;
text-align:center;
color: black;
margin: 0% 0% 2% 0%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: WhiteSmoke ;
border: 3px solid blue;
}
.hatboybox11 {
width:100%;
height:auto;
text-align:center;
color: black;
margin: 0% 0% 2% 0%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: WhiteSmoke ;
border: 1px solid blue;
}
.hatboyboxnav {
margin: 0% 0% 2% 0%;
padding-bottom: 1%;
}
h3.assistive-text {
opacity: 1;
color: black;
}
.pager li>a, .pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 2px solid rgba(0,0,255,1);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.hatboybox13 {
width:100%;
height:auto;
text-align:center;
color: white;
margin: 0% 0% 2% 0%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #0204E4;
}
.centerdiv {
float: none !important;
margin: 0 auto !important;
}
.tc-sidebar .widget li:after {
content: "";
border-bottom: 1px solid blue;
position: absolute;
width: 100%;
right: 0;
bottom: -2px;
}
/* -------------------------------- */
/* ================================================ */
/* Responsive - Media queries */
/* Based on: */
/* http://lab.maltewassermann.com/viewport-resizer/ */
/* ================================================ */
/* ============================================== */
/* HDTV */
/* 1920x1080 */
/* ============================================== */
@media screen and (min-width: 1080px) and (max-width: 1920px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
}
/* ============================================== */
/* Widescreen */
/* 1280x800 */
/* ============================================== */
@media screen and (min-width: 800px) and (max-width: 1280px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
}
/* ============================================== */
/* Twitter Bootstrap */
/* 980x */
/* ============================================== */
@media screen and (min-width: 980px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
}
/* ============================================== */
/* Twitter Bootstrap */
/* x979 */
/* ============================================== */
@media screen and (max-width: 979px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
}
/* ============================================== */
/* iPad Landscape & Portrait */
/* 1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
}
/* ============================================== */
/* iPad Landscape */
/* 1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
}
/* ============================================== */
/* iPad Portrait */
/* 768x1024 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
}
/* ============================================== */
/* Small Tablet Landscape/Portrait */
/* 800x600 */
/* ============================================== */
@media screen and (min-width: 600px) and (max-width: 800px) {
h2.site-description {
font-size: 18px;
padding-top: 0;
line-height: 20px;
font-style: italic;
color: #FFF;
background: blue;
}
}
/* ============================================== */
/* iPhone5/Android landscape (& narrow browser) */
/* 568x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:568px) {
h2.site-description {
font-size: 18px;
padding-top: 0;
line-height: 20px;
font-style: italic;
color: #FFF;
background: blue;
}
.tc-header .brand .site-logo img, .tc-header .brand .site-title {
opacity: 1;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-ms-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
display: none;
}
}
/* ============================================== */
/* iPhone4/Android landscape (& narrow browser) */
/* 480x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:480px) {
h2.site-description {
font-size: 18px;
padding-top: 0;
line-height: 20px;
font-style: italic;
color: #FFF;
background: blue;
}
.tc-header .brand .site-logo img, .tc-header .brand .site-title {
opacity: 1;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-ms-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
display: none;
}
}
/* ============================================== */
/* iPhone4/Android portrait 320x480 */
/* iPhone5 portrait 320x568 */
/* ============================================== */
@media screen and (max-width:320px) {
h2.site-description {
font-size: 18px;
padding-top: 0;
line-height: 20px;
font-style: italic;
color: #FFF;
background: blue;
}
.tc-header .brand .site-logo img, .tc-header .brand .site-title {
opacity: 1;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-ms-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
display: none;
}
}
/* ============================================== */
/* Smaller devices */
/* Android Landscape 320x240 */
/* ============================================== */
@media screen and (min-width:80px) and (max-width:320px) {
h2.site-description {
font-size: 18px;
padding-top: 0;
line-height: 20px;
font-style: italic;
color: #FFF;
background: blue;
}
#cookie-law-info-again {
display: none !important;
font-size: 10pt;
margin: 0;
padding: 2px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
}
/* Eliminazione Image da Pagina Prodotti */
.lcp_catlist img {
display: none;
}
/* cambia dimensione prima lettera Menu */
.navbar .nav>li>a:first-letter {
font-size: 10px;
}
/* Cambia dimensione Font Menu */
.navbar .nav>li>a {
font-size: 10px;
line-height: 14px;
}
/* Cambia dimensione Font menu sticky */
.sticky-enabled .navbar .nav > li > a {
font-size: 10px;
}
/* Posizione Menu */
.pull-menu-left .nav-collapse {
float: left;
}
/* Nascondere Pulsante torna SU*/
.tc-btt-wrapper {
display: none;
}
.sticky-enabled .brand {
display: none;
float: left;
width: 80%;
text-align: left;
padding-left: 10px;
position: relative;
z-index: 2;
}
}
/* ============================================== */
/* Smaller devices */
/* Android Portrait 240x320 */
/* ============================================== */
@media screen and (max-width:240px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
}
@media print {
#footer_two {
position: absolute;
width: 100%;
top: 0px;
left: 0px;
}
.entry-content {
position: absolute;
text-align: center;
top: 290px;
left: 10px;
}
.featurette-divider {
display: none;
}
.btt-arrow {
display:none;
}
#footer_one {
display: none;
}
#footer_three {
display: none;
}
body > header {
display: none;
}
#tc-reset-margin-top {
display: none;
}
#main-wrapper > div.tc-hot-crumble.container {
display: none;
}
#main-wrapper > div:nth-child(2) > div > div.span3.left.tc-sidebar {
display: none;
}
h1.entry-title.format-icon {
display: none;
}
.entry-meta {
display: none;
}
.by-author {
display: none;
}
#comments {
display: none;
}
#nav-below {
display: none;
}
.colophon {
display: none;
}
}