/*
Theme Name: ceccaroli
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ceccaroli
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ceccaroli is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
        padding: 20px !important;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* -------------------- */
/* ==== CUSTOM CSS === */
/* ------------------ */

/* ==== GENERALE ==== */

body {
	font-family: 'Ubuntu', Helvetica, sans-serif;
	font-size: 18px;
	background: #fff;
        color: #747474;
}

/* ==== GLOBALI ==== */

h1,h2,h3,h4,h5,h6 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-weight: bold;
        color: #333;
        font-family: 'Rokkitt', Helvetica, sans-serif;
        text-transform: uppercase;
}

@media only screen and (max-width:767px) {
    h1,h2,h3 {
        font-size:28px !important;
    }
    div.intro-container h3 {
        font-size:22px !important;
    }
}

h1 {
    font-size: 70px !important;
    color: #fff !important;
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 959px) and (min-width:800px) {
    h1 {
        font-size: 48px !important;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 32px !important;
    }
}

h2 {
    font-size:40px;
}

h3 {
    font-size:30px;
}

h1,h2 {
	margin: 0 0 40px;
}

h3 {
	margin: 20px 0;
}

h4 {
	font-size: 21px;
}

p.lead {
	font-weight: normal;
}

p {
	margin: 0 0 15px;
}

a:link, a:visited {
	color: #ff6419;
        transition: all ease-in 0.4s;
}

a:hover {
	text-decoration: none;
	color: #c9302c;
        border-bottom: none !important;
}

blockquote {
	padding: 0;
	border: none;
	font-style: italic;
	text-align: left;
}

blockquote cite {
	display: block;
	color: #777;
	margin: 15px 0 0 0;
}

blockquote:before {
	display: none;
}

img {
	max-width: 100%;
}

button, input, .btn, a.btn {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

section {
    padding: 90px 0;
}

section#preventivo {
    padding: 75px 0;
}

@media only screen and (max-width:959px) {
    section. section#preventivo {
        padding: 60px 0;
    }
}

strong {
    color: #444;
}

/* ==== MENU ==== */

a.navbar-brand {
    padding: 9px 15px;
}

a.navbar-brand:hover {
    text-decoration: none;
    border-bottom: none;
}

@media only screen and (max-width:959px) and (min-width:800px) {
    a.navbar-brand {
        margin-left: 236px !important;
    }
}

@media only screen and (max-width:767px) {
    a.navbar-brand {
        padding:4px 15px;
    }
}

nav.navbar {
    background: transparent !important;
    border: none;
    transition: all ease-in 0.4s;
}

ul.dropdown-menu {
    background: rgba(0,0,0,0.9);
}

@media only screen and (max-width:767px) {
    nav.navbar {
        box-shadow: 0 1px 2px #bbb !important;
        background: rgba(0, 0, 0, 0.9) !important;
    }
}

.navbar .navbar-nav li a {
    text-transform:uppercase;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-family: 'Rokkitt', Helvetica, sans-serif;
    font-size:20px;
    background: transparent !important;
    color: #fff;
    text-shadow: none;
    box-shadow: none !important;
    transition: all ease-in 0.4s;
}

.navbar .navbar-nav li.active a, .navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus {
    color: #ff6419;
    text-decoration: none !important;
}

@media only screen and (max-width:767px) {
    .navbar .navbar-nav li.active a, .navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus {
        border-bottom: none;
    }
}

ul.dropdown-menu li a:hover {
    border-bottom: none !important;
}

ul.navbar-nav {
    margin-top: 7px;
}

@media only screen and (max-width:959px) and (min-width:800px) {
    ul.navbar-nav {
        margin-top:0;
    }
}

nav.navbar.smoothfixed {
    box-shadow: 0 1px 2px #bbb;
    background: rgba(33, 33, 33, 0.9) !important;
}

.navbar-toggle {
    background-color: #FF6419;
}

div.jumbotron.intro {
    background: url('http://www.elettromeccanicaceccaroli.it/wp-content/themes/ceccaroli/img/rush-348481_1920.jpg');
}

div.intro-container {
    padding: 90px 0 60px;
    text-align: center;
}

div.intro-container span.sub-title {
    color: #ff6419;
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'Kreon', Helvetica, sans-serif;
    position: relative;
    bottom: 10px;
    text-shadow: 2px 2px #222;
    display: inline-block;
    margin-bottom: 20px;
}

@media only screen and (max-width: 959px) and (min-width:800px) {
    div.intro-container span.sub-title {
        font-size:34px;
    }
}

@media only screen and (max-width:767px) {
    div.intro-container span.sub-title {
        font-size: 22px;
        bottom:0;
    }
}

div.intro-container .intro-paragrafo {
    font-weight: normal;
    font-size: 18px;
    margin-top: 15px;
    color: #fff;
    padding: 0 90px 15px;
    border-bottom: 1px solid #bbb;
}

@media only screen and (max-width:767px) {
    div.intro-container .intro-paragrafo {
        padding-left: 0;
        padding-right: 0;
    }
}

div.intro-container .intro-elenco {
    text-align:left;
    margin:0 255px;
    padding: 25px;
    background: rgba(33,33,33,0.8);
}

@media only screen and (max-width:959px) and (min-width:800px) {
    div.intro-container .intro-elenco {
        margin:0 95px;
    }
}

@media only screen and (max-width:767px) {
    div.intro-container .intro-elenco {
        margin:0;
    }
}

div.intro-container .intro-elenco li strong {
    color:#ff6419;
    text-transform: uppercase;
    font-size:24px;
}

div.intro-container .intro-elenco li span {
    font-style: italic;
    color: #fff;
    font-size:20px;
}

@media only screen and (max-width:767px) {
    div.intro-container .intro-elenco li i {
        font-size:18px !important;
    }
    div.intro-container .intro-elenco li strong {
        font-size:18px;
    }

    div.intro-container .intro-elenco li span {
        font-size:16px;
    }
}

.intro-elenco li {
    list-style-type: none;
    margin-bottom: 7px;
}

.btn.btn-primary {
    color: #ffffff;
    background-color: #ff6419 !important;
    border-color: #ff6419;
    background-image: none;
    padding: 13px 40px;
    text-transform: uppercase;
    font-size:20px;
    border-radius:0;
    text-shadow: none;
    box-shadow: none;
    transition:all ease-in 0.4s;
}

@media only screen and (max-width:767px) {
    .btn.btn-primary {
        font-size:18px;
    }
}

.btn.btn-primary:hover {
    color: #ff6419;
    background-color: transparent !important;
}

/* ==== SERVIZI ==== */

section#servizi h4 {
    margin-top:20px;
    margin-bottom:5px;
}

.row2 {
    padding-top:40px;
}

h3.sec-title {
    text-align: center;
    font-size: 38px;
    margin-top: 0;
    margin-bottom: 10px;
}

h3.sec-title span {
    color: #ff6419;
}

div.border-title {
    border-bottom: 4px solid #ff6419;
    margin: 0 auto 40px;
    width: 120px;
}

.box-servizi1, .box-servizi2 {
    opacity: 0;
}

.fadeInRight {
    opacity: 1;
}

.row.tablet {
    display:none;
}

@media only screen and (max-width:959px) and (min-width:800px) {
    section#servizi .row1, section#servizi .row2 {
        display:none;
    }

    section#servizi .row.tablet {
        display:block;
    }

    section#servizi .row.tablet .col-md-4 {
        padding-bottom:40px;
        height: 446px;
    }
}

@media only screen and (max-width:767px) {
    section#servizi .col-md-4 {
        padding-bottom: 40px;
    }
    section#servizi .row.row1 .box-servizi1 {
        opacity:1;
    }
    section#servizi .row.row2 .box-servizi2 {
        opacity:1;
    }
    .animated {
        animation: none !important;
    }
}

/* ==== PROMOZIONE ==== */

section#promozione {
    background: url('http://www.elettromeccanicaceccaroli.it/wp-content/themes/ceccaroli/img/background-4.jpg');
}

section#promozione p {
    color:#fff;
    padding: 25px;
    background: rgba(33,33,33,0.8);
    font-size: 21px;
}

@media only screen and (max-width:767px) {
    section#promozione p {
        font-size:16px;
    }
}

section#promozione p strong {
    color: #fff;
}

/* ==== GALLERIA ==== */

div.photogallery .row {
    margin-left:0;
    margin-right: 0;
}

div.photogallery .row, div.photogallery .col-md-4, div.photogallery .col-sm-6 {
    padding:0;
}

section#galleria-fotografica {
    padding-bottom: 0 !important;
}

@media only screen and (max-width:767px) {
    section#galleria-fotografica {
        display:none;
    }
}

section#galleria-fotografica .glyphicon-search, section#maincontent .blog-main .glyphicon-link {
    width: 65px;
    height: 65px;
    background: #FF6419;
    font-size: 30px;
    color: #fff;
    padding-top: 16px;
    position:absolute;
    top:30%;
    left:47.5%;
    cursor:pointer;
    transition: all ease-in 0.4s;
}

section#galleria-fotografica .glyphicon-search {
    left:46%;
}

@media only screen and (max-width:1200px) {
    section#galleria-fotografica .glyphicon-search, section#maincontent .blog-main .glyphicon-link {
        left: 43%;
    }
}

section#galleria-fotografica .glyphicon-search:hover, section#maincontent .blog-main .glyphicon-link:hover {
    color: #333;
}



.box    {
    background-size:cover;
}

.box1 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-1-thumb.jpg);
}

.box2 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-2-thumb.jpg);
}

.box3 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-3-thumb.jpg);
}

.box4 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-4-thumb.jpg);
}

.box5 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-5-thumb.jpg);
}

.box6 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-6-thumb.jpg);
}

.box7 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-7-thumb.jpg);
}

.box8 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-8-thumb.jpg);
}

.box9 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-9-thumb.jpg);
}

.box10 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-10-thumb.jpg);
}

.box11 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-11-thumb.jpg);
}

.box12 {
    background:url(https://www.elettromeccanicaceccaroli.it/wp-content/uploads/2020/10/nuova-galleria-12-thumb.jpg);
}

.overlay    {  background:rgba(0,0,0,.75);
               text-align:center;
               opacity:0;
               -webkit-transition: opacity 0.6s ease;
-moz-transition: opacity 0.6s ease;
transition: opacity 0.6s ease;}

.box:hover .overlay, .post-img:hover .overlay {
               opacity:1;}

.overlay .img-desc {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: #FF6419;
    padding: 15px;
    text-transform: uppercase;
}


/* ==== MOTIVI ==== */

section#motivi .row .col-sm-3 {
    padding-right:0;
    padding-left:30px;
}

@media only screen and (max-width:1200px) and (min-width:1024px) {
    section#motivi .row .col-sm-3 {
        padding-left:15px;
    }
}

section#motivi h4 {
    margin-top:0;
}

section#motivi .glyphicon {
    width: 65px;
    height: 65px;
    background: #FF6419;
    font-size: 30px;
    color: #fff;
    padding-left: 18px;
    padding-top: 16px;
}

.box-motivi {
    opacity: 0;
}

.box-motivi.animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

@media only screen and (max-width:959px) {
    section#motivi .row1, section#motivi .row2 {
        display:none;
    }

    section#motivi .row.tablet {
        display:block;
    }

    section#motivi .row.tablet .col-md-4 {
        padding-bottom:40px;
    }
}

@media only screen and (max-width:959px) and (min-width:768px) {
    section#motivi .row.tablet .col-md-4 {
        height:203px;
    }
}

@media only screen and (max-width:767px) {
    section#motivi .col-md-4 {
        text-align:center;
    }
    section#motivi .col-sm-3 {
        padding-left:15px !important;
        padding-right:15px !important;
    }
    section#motivi .glyphicon {
        padding-left: 0;
        margin-bottom: 10px;
    }
    .box-motivi {
        opacity:1;
    }
}

/* ==== NEWSLETTER ==== */

section#newsletter {
    background: #FF6419;
    padding-top:40px;
    padding-bottom:40px;
}

section#newsletter h3 {
    color:#fff;
    font-size: 28px;
}

@media only screen and (max-width:767px) {
    section#newsletter h3 {
        font-size:25px !important;
    }
}

section#newsletter input[type="email"] {
    display: block;
    width: 300px;
    margin: 0;
    -webkit-appearance: none;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 13px 20px 13px 15px;
    line-height: 24px;
    color: #747474;
    background: #ffffff;
    border: 1px solid transparent;
    font-weight: 400;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 62px;
}

@media only screen and (max-width:1200px) and (min-width:1024px) {
    section#newsletter input[type="email"] {
        width:250px;
    }
    section#newsletter .btn {
        padding: 17px 45px !important;
    }
}

@media only screen and (max-width:959px) {
    section#newsletter input[type="email"] {
        margin-bottom: 5px;
    }
}

@media only screen and (max-width:767px) {
    section#newsletter h3 {
        margin-bottom:20px !important;
    }
}

section#newsletter .btn {
    position: relative;
    background: #454444;
    color: #ffffff;
    padding: 17px 55px;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    font-size: 20px;
    transition: all ease-in 0.4s;
    border:1px solid #454444;
}

section#newsletter .btn:hover {
    color: #fff;
    background-color: transparent !important;
}

/* ==== PREVENTIVO ==== */

section#preventivo {
    background: url('http://www.elettromeccanicaceccaroli.it/wp-content/themes/ceccaroli/img/background-form.jpg');
}

form#modulo-preventivo {
    padding: 25px;
    background: rgba(33,33,33,0.8);
}

form#modulo-preventivo, form#modulo-contatto {
    width: 80%;
    margin: 0 auto;
}

form#modulo-preventivo .form-control, form#modulo-contatto .form-control {
    border: 0;
    background: transparent;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    padding: 0 0 0 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    box-shadow: none;
    color: #fff;
    margin-bottom: 30px;
}

form#modulo-contatto .form-control  {
    border-bottom: 1px solid #747474;
    color: #747474;
}

@media only screen and (max-width:767px) {
    form#modulo-preventivo {
        width:100%;
    }
    form#modulo-preventivo .form-control {
        font-size:16px;
    }
}

form#modulo-preventivo textarea.form-control {
    padding-top:15px;
    border:1px solid #fff;
}

form#modulo-preventivo ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
form#modulo-preventivo :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
form#modulo-preventivo ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
form#modulo-preventivo :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
form#modulo-preventivo :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #fff;
}

form#modulo-contatto textarea.form-control {
    padding-top:15px;
    border:1px solid #747474;
}

form#modulo-contatto ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #747474;
}
form#modulo-contatto :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #747474;
   opacity:  1;
}
form#modulo-contatto ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #747474;
   opacity:  1;
}
form#modulo-contatto :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #747474;
}
form#modulo-contatto :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #747474;
}

/* ==== GMAPS ==== */

section#gmaps {
    padding:0;
}

/* ==== FOOTER ==== */

footer {
    padding: 60px 0;
    background-color:#333;
}

div.cntc {
    margin-bottom:15px;
}

div.cntc span {
    position:relative;
    left:5px;
}

ul.orari li {
    font-size: 16px;
    color:#fff;
    border-bottom: 1px solid #ccc;
    list-style-type: none;
    margin-bottom: 10px;
}

ul.orari li span {
    float:right;
    color: #FF6419;
    font-weight: bold;
}

@media only screen and (max-width:959px) {
    footer .col-md-4 {
        margin-bottom: 40px;
    }

    ul.orari {
        padding-left:0;
    }
}

/* ==== PAGINE INTERNE ==== */

section#maintitle {
    margin-top: 57px;
    padding-top:30px;
    padding-bottom:30px;
    display: table;
    width:100%;
    min-height: 140px;
    background: #FF6419;
    border-bottom:1px solid #eee;
}

@media only screen and (max-width:959px) {
    section#maintitle {
        margin-top: 103px;
    }
}

@media only screen and (max-width:767px) {
    section#maintitle {
        margin-top: 51px;
    }
}

section#maincontent {
    background: url('http://www.elettromeccanicaceccaroli.it/wp-content/themes/ceccaroli/img/light-alu.png');
}

@media only screen and (max-width:767px) {
    section#maincontent h3 {
        font-size:25px !important;
        margin-top: 0;
    }
}

section#maincontent.no-bg {
    background: #fff;
}

.container.boxbg {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

section#maintitle h1 {
    font-size:38px !important;
    color: #fff;
}

@media only screen and (max-width:767px) {
    section#maintitle h1 {
        font-size:28px !important;
    }
}

p.testo-interno {
    color: #333;
}

section#servizi-principali {
    background: url('http://www.elettromeccanicaceccaroli.it/wp-content/themes/ceccaroli/img/background-utensili.jpg');
}

ul.elenco-servizi-principali {
    padding-left:0;
}

@media only screen and (max-width:767px) {
    ul.elenco-servizi-principali {
        padding-left: 0 !important;
    }
}

ul.elenco-servizi-principali li {
    list-style-type: none;
    margin-bottom: 7px;
}

ul.elenco-servizi-principali li i {
    color: #ff6419;
    font-size:40px;
}

@media only screen and (max-width:767px) {
    ul.elenco-servizi-principali li i {
        font-size:33px;
    }
}

ul.elenco-servizi-principali li span {
    color: #fff;
    font-size: 28px;
    position: relative;
    left: 8px;
    bottom: 4px;
}

@media only screen and (max-width:767px) {
    ul.elenco-servizi-principali li span {
        font-size: 21px;
    }
}

#slider3 {
    max-width:100% !important;
}

.widget {
    background: #fff;
    padding: 30px;
    border: solid 2px #ddd;
    margin-bottom: 30px;
}

.widget h4 {
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.widget ul {
    padding-left:0;
    margin-bottom:0;
}

.widget ul li {
    list-style-type: none;
    margin-bottom: 10px;
}

.widget ul li:before {
   font-family: FontAwesome;
   content: "\f054";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   color: #FF6419;
}

.prodotti-sidebar ul.elenco-box-sidebar li {
    font-size:14px;
}

.widget ul li:last-child {
    margin-bottom: 0;
}

.widget ul a {
    position:relative;
    left:3px;
    bottom:1px;
}

ul.elenco li {
    color: #333;
    list-style-type:none;
}

ul.elenco i {
    color: #ff6419;
    margin-right: 5px;
}

.container-testo ul li {
    color: #333;
    list-style-type:none;
}

.container-testo ul li::before {
    font-family: FontAwesome;
    content: "\f138";
    color: #ff6419;
    margin-right: 7px;
}

.container-testo img {
    background: #fff;
    padding: 4px;
    border: solid 2px #ddd;
}

/* ==== BLOG ==== */

div.blog-main {
    padding-top:60px;
    padding-bottom:60px;
}

div.post-container {
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid #bbb;
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    div.post-container h3 {
        margin-top:10px !important;
        margin-bottom: 0 !important;
    }
}

div.post-img .overlay{
    position:relative;
}

.glyphicon-link {
    top: 42%;
}

div.blog-meta {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #bbb;
}

p.excerpt {
    margin-bottom: 25px;
}

.btn-blog {
    color: #fff !important;
    font-size: 18px;
    border-bottom: none !important;
    background: #FF6419;
    padding: 10px 12px;
    display: inline-block;
}

.blog-sidebar, .prodotti-sidebar {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    .blog-sidebar, .prodotti-sidebar {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.prodotti-sidebar {
    padding-bottom: 0;
}



.widget input[type=search] {
    background: #e8e8e8;
    border: none;
    font-size: 15px;
    outline: medium none;
    color: #333;
    padding: 12px;
    border-radius: 0;
    border-bottom: 2px solid #FF6419;
    box-shadow: none;
    max-width: 100%;
}

@media only screen and (max-width:959px) {
    .modulo-contatto-container {
        margin-top:40px;
    }
}

/* VARIE */

div.single-img-container {
    margin-bottom:40px;
    background: #fff;
    padding: 10px;
    border: solid 2px #ddd;
    border-top: none;
}

.rwd-video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
        margin-bottom: 40px;
        border:10px solid #fff;
        box-shadow: 2px 2px 2px #ddd;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

img.icona-img {
    width:150px;
    margin-bottom:10px;
}

section#seconda-sezione .row {
    padding-bottom:30px;
}

@media only screen and (max-width: 767px) {
    section#seconda-sezione .row {
        padding-bottom: 0;
    }
    section#seconda-sezione .row .col-sm-4 {
        padding-bottom:30px;
        text-align: center;
    }
}
/* ==== PRODOTTI ==== */

.prodotto-container {
    background: #fff;
    border:1px solid #ccc;
    border-bottom: 3px solid #222;
    margin-bottom: 40px;
}

.immagine-container {
    border-bottom: 1px solid #ccc;
}

.immagine-container img {
    width:100%;
    height:253px;
}

/* ==== PROMOZIONI ==== */

.promo-container {
    background: #fff;
    border:1px solid #ccc;
    border-bottom: 3px solid #222;
    margin-bottom: 40px;
}

.immagine-container {
    border-bottom: 1px solid #ccc;
}

.immagine-container img {
    width:100%;
    height:253px;
}

/* ==== VARIE ==== */

.fv-form-bootstrap .help-block {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0 !important;
    position: relative;
    bottom: 25px;
    text-align: left;
    padding-left: 15px;
}

.form-control-feedback {
    right:10px;
}

div.box-sidebar {
    background: #fff;
    padding: 30px;
    border: solid 2px #ddd;
    margin-bottom: 30px;
}

@media only screen and (max-width:767px) {
    div.box-sidebar {
        margin-top:30px;
        margin-bottom: 0;
    }
}

div.box-sidebar h4 {
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

ul.elenco-box-sidebar {
    padding-left:0;
    margin-bottom:0;
}

ul.elenco-box-sidebar li {
    list-style-type: none;
    margin-bottom: 10px;
}

.prodotti-sidebar ul.elenco-box-sidebar li {
    font-size:14px;
}

ul.elenco-box-sidebar li:last-child {
    margin-bottom: 0;
}

ul.elenco-box-sidebar a {
    position:relative;
    left:3px;
    bottom:1px;
}

div.breadcrumb {
    font-size: 14px;
    color: #999;
    background: #fff;
    margin: 3px 0 6px;
    width: 320px;
    border-radius: 0px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.breadcrumb a {
    color: #444;
}

.breadcrumb a:hover {
    color: #ff6419;
}

.breadcrumb .crumbs-spacer {
    color: #ccc;
    margin: 0 4px;
}

section#bottom {
    position:fixed;
    bottom:0;
    background: rgba(33, 33, 33, 0.9) !important;
    padding-top:5px;
    padding-bottom:5px;
    width: 100%;
    color:#fff;
}

div.bottom-mobile {
    display:none;
}

@media only screen and (max-width: 959px) {
    section#bottom div.bottom-desktop i {
        display:none;
    }
}

@media only screen and (max-width:767px) {
    div.bottom-desktop {
        display:none;
    }
    div.bottom-mobile {
        display:block;
    }
}

@media only screen and (max-width:767px) {
    .jumbotron .container {
        padding-left:0;
        padding-right: 0;
    }
}

p.antispam {
    display:none;
}

.container-testo p {
    color: #333;
}

div.galleriacont {
    margin-left: -4px !important;
    margin-right: -4px !important;
    margin-bottom: 25px;
    padding-top: 15px;
    border-top: 1px solid #aaa;
}

div.galleriacont .col-sm-3 {
    padding:4px;
}

div.galleriacont .fotogalleria{
    width:187px;
    height:125px;
}

@media only screen and (max-width: 1180px) {
    div.galleriacont .fotogalleria {
        width: 148px;
        height: 99px;
    }
}

@media only screen and (max-width: 959px) {
    div.galleriacont .fotogalleria {
        width: 187px;
        height: 125px;
    }
}

@media only screen and (max-width: 767px) {
    div.galleriacont .fotogalleria {
        width: 220px;
        height: 147px;
    }
}

div.galleriacont img {
    transition:all ease-in 0.2s;
}

div.galleriacont img:hover {
    transform: scale(1.1);
    position: relative;
    z-index: 999;
    box-shadow: 0 0 15px #000;
}

.close {
    font-size:40px;
}

@media only screen and (max-width: 767px) {
    div.galleriacont {
        text-align: center;
    }
}

div.ekko-lightbox div.modal-dialog {
    max-width: 700px !important;
}

ul.dropdown-menu li a {
    font-size:16px !important;
}