/*
Theme Name: Logo Pubblicità Theme
Theme URI: http://aitec.it
Author: The Aitec Team
Author URI: http://aitec.it
Description: A special theme created for Logo Pubblicità.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: logopubblicita

*/

@font-face {
	font-family: 'ITC Avant Garde Gothic LT Book';
	font-style: normal;
	font-weight: normal;
	src: local('ITC Avant Garde Gothic LT Book'), url('css/AvantGardeLT-Book.woff') format('woff');
}

body{ color: #72797f; font-family: "ITC Avant Garde Gothic LT Book",sans-serif; font-size: 14px; line-height: 1.2em; letter-spacing:2px; background:#e5e5e5;}

a { color:#99c012; text-decoration:none; transition: all 0.2s ease-in; }
a:hover{ color:#fff; text-decoration:none; transition: all 0.2s ease-in;}

.autosquare{ display:block; width:100%;}
.autosquare img {display:none;}

.menu { list-style: none inside; margin:0; padding:0; }
.sub-menu { display:none; list-style: none inside; margin:0; padding:0; }

img {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-touch-callout: none;
    }

/* General Animation Styles */

.delayHalf	{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.delayOne	{ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.delayOneHalf	{ -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
.delayTwo	{ -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.delayThree	{ -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; }

.animateWhenVisible { opacity:0;  }

/* Bootstrap Styles */

.btn-default { border:1px solid #99c012; background-color: transparent; color: #99c012; text-transform: uppercase; border-radius: 0; transition:all 0.1s ease-in;}
.btn-default:hover { background-color: #99c012; border-color:#fff; color: #fff; text-transform: uppercase; border-radius: 0; text-decoration:none !important; transition:all 0.1s ease-in;}

.btn-default.inverted {  background-color: #99c012; border-color:#fff; color: #fff; text-transform: uppercase; border-radius: 0; text-decoration:none !important; transition:all 0.1s ease-in;}
.btn-default.inverted:hover { border:1px solid #99c012; background-color: transparent; color: #99c012; text-transform: uppercase; border-radius: 0; transition:all 0.1s ease-in; }

/* Header styles */

.page-wrapper > header { position: absolute; right: 0; left: 0; z-index: 10; }
.page-wrapper > header.sticky { position: fixed; background: #fff; }
.page-wrapper > header.colored { background: #fff; }
.page-wrapper > header.inner { position: relative; }
.page-wrapper > header.inner, .page-wrapper > header.inner.colored { background: #72797f; }
.page-wrapper > header.inner.colored { background: #fff; }
.page-wrapper > header.sticky { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;  -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

#logo-wrapper{ float:left; display:block; padding:10px 0; }
#logo-wrapper .logo{ height: 140px; }
#logo-wrapper .logo-sticky{ display:none; }
#logo-wrapper .logo-inner{ display:none; }
#logo-wrapper .claim { display: block; font-size: 1.4em; color: #fff; margin: 10px 0; }

.page-wrapper > header.sticky #logo-wrapper .logo{ display:none; }
.page-wrapper > header.sticky #logo-wrapper .claim{ display:none; }
.page-wrapper > header.sticky #logo-wrapper .logo-sticky{ display:block; height:75px;}

.page-wrapper > header.colored #logo-wrapper .logo{ display:none; }
.page-wrapper > header.colored #logo-wrapper .claim{ display:none; }
.page-wrapper > header.colored #logo-wrapper .logo-sticky{ display:block; height:75px;}

.page-wrapper > header.inner #logo-wrapper .logo{ display:none; }
.page-wrapper > header.inner #logo-wrapper .claim{ display:none; }
.page-wrapper > header.inner #logo-wrapper .logo-inner{ display:block; height:75px; }
.page-wrapper > header.inner.sticky #logo-wrapper .logo-inner{ display:none; }

#main-menu-wrapper { height: 75px; position: relative; }
#main-header { margin-bottom:1.5em;}
#main-header .menu li { display:inline-block; vertical-align:top; }
#main-header .main-menu { position:absolute; right:0; bottom:-10px; }
#main-header .main-menu > li { color:#000; font-size:18px; transition:all 0.3s ease-in; position:relative;}
#main-header .main-menu > li > a { text-transform:lowercase; color:#fff; display:block; padding:0 2em 10px 2em;}
#main-header .main-menu > li.menu-item-has-children > a:after { content:''; font-family:'Linearicons-Free'; font-size:0.8em; padding:0 0.4em;  }
#main-header .main-menu a:hover { text-decoration:none; }
#main-header .main-menu > li:hover .sub-menu {  -webkit-animation-name: slideMenu; animation-name: slideMenu;   -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
#main-header .main-menu .sub-menu { -webkit-animation-name: slideMenuRevert; animation-name: slideMenuRevert;   -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
#main-header .main-menu .sub-menu { visibility:hidden; opacity:0; display:block; position: absolute; right: -1em; left:-1em; top: 27px; z-index: 10; background-color: #fff; padding: 0 1em; transition:all 0.25s ease-out;}
#main-header .main-menu .sub-menu li { display:block; }
#main-header .main-menu .sub-menu li a{ display:block; font-size:13px; color:#666; padding:1.2em 0;}
#main-header .main-menu .sub-menu li a:hover{ color:#000; text-decoration:none;}

.page-wrapper > header.sticky #main-header .main-menu > li > a { color: #72797f;}
.page-wrapper > header.colored #main-header .main-menu > li > a { color: #72797f;}

#mobile-menu-toggle { display: none; float: right; height: 80px; padding: 20px 15px 20px 0; cursor:pointer;}
#mobile-menu-toggle span {height: 2px; background-color: #fff; width: 40px; display: block; margin: 9px 0; }
.page-wrapper > header.sticky #mobile-menu-toggle span{ background-color:#72797f; }
.page-wrapper > header.colored #mobile-menu-toggle span{ background-color:#72797f; }

#mobile-menu-toggle span { -webkit-animation-duration: .15s; animation-duration: .15s;  -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#mobile-menu-toggle.open span:nth-child(1) {-webkit-animation-name:upper; animation-name:upper; }
#mobile-menu-toggle.open span:nth-child(2) {-webkit-animation-name:medium; animation-name:medium; }
#mobile-menu-toggle.open span:nth-child(3) {-webkit-animation-name:lower; animation-name:lower;  }

#mobile-menu-toggle span:nth-child(1) {-webkit-animation-name:upperRev; animation-name:upperRev; }
#mobile-menu-toggle span:nth-child(2) {-webkit-animation-name:mediumRev; animation-name:mediumRev; }
#mobile-menu-toggle span:nth-child(3) {-webkit-animation-name:lowerRev; animation-name:lowerRev;  }
#mobile-menu { display:none; }

.page-wrapper > header.colored a:hover, .page-wrapper > header.sticky a:hover{ color: #72797f; }

@media screen and (max-width:1200px){
	#main-header .main-menu > li > a { display:block; padding:0 2em 1.5em 0;}	
}

@media screen and (max-width:991px){
	
	#logo-wrapper .logo{ height: 100px; }
	#logo-wrapper .claim { font-size: 1em; }
	
	#mobile-menu-toggle{ display:block;}
	#main-header .main-menu{ display:none;}
	#mobile-menu{ margin-top:1em;}
	#mobile-menu > li{ font-size:1em; padding:1em 0; text-transform:uppercase;}
	#mobile-menu .sub-menu{ display:block;}
	#mobile-menu .sub-menu li{ display:block; padding:1em 0 0.5em 2em; border-bottom:1px solid #e5e5e5; }
	#mobile-menu .sub-menu li:before{ content:'.';  }
	
}

@media screen and (max-width:460px){
	#logo-wrapper .logo{ height: 70px; }
	#logo-wrapper .claim { display:none; }
}

/* Slider Styles */

#slider { background-color: #ccc; position: relative; margin:0 -15px; border-bottom:10px solid #99c012;}
#slider .carousel-inner { height: 100%; position: relative; width: 100%; }
#slider .carousel-inner > .item { height: 100%; }

#slider .slide{ background-attachment:scroll; background-color:transparent; background-position:center; background-repeat: no-repeat; background-size:cover; position:absolute; top:0; right:0; bottom:0; left:0;}
#slider .slide img{display:none;}
#slider .slide-cover { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color:rgba(0,0,0,0.3); }

.admin-bar #slider { margin-top:-32px;}

.carousel-caption { left: 175px; bottom: auto; top: 48%; right: auto; text-align:left; font-size:22px; }
.carousel-caption h2{ font-size:3em; margin:0 0 20px; }
.carousel-caption h2 strong{ color:#99c012; }
.carousel-caption .carousel-caption-description {margin-bottom:30px;}

.carousel-control span { position: absolute; display: block; top: 49%; }
.left.carousel-control span { left:15px; }
.right.carousel-control span { right:15px; }

@media screen and (max-width:991px){
	.carousel-caption { left: 15px; bottom: auto; top: 48%; right: 15px; text-align:center; font-size:18px; }
	.carousel-caption h2{ font-size:2em; margin:0 0 20px; }
	.carousel-caption h2 strong{ color:#99c012; }
	.carousel-caption .carousel-caption-description {margin-bottom:20px;}
}

/* Featured Styles */

.featured { margin: 42px 0; }
.featured .icon-wrapper{ padding:42px 42px 0 42px; position:relative;}
.featured .icon-wrapper:after { content: ''; display: block; width: 100px; height: 4px; background-color: #99c012; margin: 2.5em auto 0 auto; }
.featured .icon-wrapper .circle {margin:0 auto; border: 1px solid #72797f; border-radius: 100%; text-align: center; font-size: 36px; line-height: 110px; text-align: center; width: 110px; position:relative;}
.featured .icon-wrapper .circle:after { content: ''; position: absolute; width: 25%; height: 25%; background-color: #e5e5e5; top: 0;  right:0;}

.featured h2 { margin: 0; text-align: center; padding: 1em 0; font-size: 26px; }
.featured .description { margin: 0 1em 2em 1em; height: 7.2em; line-height: 1.2em; overflow: hidden; position:relative; }
.featured .description:after { display:block; right:0; left:0; height:1em; bottom:0; background:linear-gradient(to top, #e5e5e5, transparent); content:''; position:absolute; }
.featured p { text-align: justify; }
.featured .button-wrapper{ text-align:center; }

@media screen and (max-width:1560px){
	.featured h2 { font-size:22px;}
	.featured .icon-wrapper{ padding:28px 28px 0 28px; position:relative;}
}

@media screen and (max-width:1400px){
	.featured h2 { font-size:20px;}
	.featured .icon-wrapper{ padding:14px 14px 0 14px; position:relative;}
}

@media screen and (max-width:1280px){
	.featured h2 { font-size:18px;}
	.featured .description { margin: 0 0 2em 0; font-size:12px;}
	.featured .icon-wrapper .circle{ font-size: 28px; line-height: 90px; width: 90px; }
}

@media screen and (max-width:1170px){
	.featured h2 { font-size:16px;}
}

@media screen and (max-width:1080px){
	.featured h2 { font-size:14px;}
	.featured .icon-wrapper .circle{ font-size: 26px; line-height: 70px; width: 70px; }
}


@media screen and (max-width:991px){
	.featured h2 { font-size:26px;}
	.featured .description { margin: 0 1em 2em 1em; font-size:14px;}
	.featured .icon-wrapper .circle{ font-size: 36px; line-height: 110px; width: 110px; }
}

/* Portfolio Slider */

.portfolio-thumbnail-wrapper { padding-bottom: 2em; }
.portfolio-thumbnail { background-color:#ccc; background-position:center; background-repeat:no-repeat; background-attachment:scroll; background-size:cover; position:relative;}
.portfolio-thumbnail.clickable{ cursor:pointer; transition:all 0.2s ease-in;}
.portfolio-thumbnail.clickable:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2) inset; transition:all 0.2s ease-in; }

.neutralize{ -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); transition:all 0.2s ease-in-out;}
.neutralize:hover{ -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: gray; filter: grayscale(0%);}

.portfolio-description{ overflow:hidden; position:relative;}
.portfolio-description:after{ position:absolute; bottom:0; right:0; left:0; background:linear-gradient(to top, #e5e5e5,transparent); content:''; height:14px;}
.left .portfolio-description { text-align:right; }
.right .portfolio-description { text-align:left; }
.portfolio-description h2 { margin:0 0 30px 0; position:relative; font-size:22px;}
.portfolio-description h2:after { content:''; display:block; background-color:#99c012; height:4px; width:80px; position:absolute; bottom:-17px;}
.portfolio-description h2 a{ color:#72797f; }
.portfolio-description h2 a:hover{ color:#99c012; }
.left .portfolio-description h2:after { right:5px; }
.right .portfolio-description h2:after { left:5px; }
.portfolio-catlist { margin-bottom: 15px; }
.portfolio-catlist a{ color:#72797f; }
.portfolio-catlist a:hover{ color:#99c012; }

.portfolio-item.left .portfolio-description h2 { padding-left: 1em; }
.portfolio-item.right .portfolio-description h2 { padding-right: 1em; }

@media screen and (max-width:776px){
	.left .portfolio-description, .right .portfolio-description { text-align:center; margin:2em 0;}
	.left .portfolio-description h2:after, .right .portfolio-description h2:after { left:auto; right:auto; position:relative; margin:-2px auto 0 auto; }
	.portfolio-item.left {	border-top: 1px solid #ccc; }
}

/* Archive Style */

article.post .meta-wrapper { border-bottom: 1px solid #ccc; padding: 2px 0; margin-bottom: 1em; }
article.post .post-excerpt { margin: 1em 0; line-height: 1.3em; padding: 15px; border-left: 4px solid #ccc; }
#widget-area .sidebar-widget ul { list-style: none inside; padding: 0; margin: 1em 0; }
#widget-area .sidebar-widget ul li a{ display:block; padding:0.5em 0; color:#72797f;}
#widget-area .sidebar-widget ul li a:hover{ color:#99c012;}

/* Content Style */

.post-thumbnail { background-color:#ccc; background-position:center; background-repeat:no-repeat; background-attachment:scroll; background-size:cover; }
.post-content { font-size: 14px; line-height: 1.2em; overflow: auto; position: absolute; top: 0; right: 0; left: 0; max-height: 60%; }
.post-content h2, .post-content h3, .post-content h4, .post-content h5 { margin-top:0; }

.share-bar { border-top: 1px solid #ccc; padding: 10px 0; }

#gallery-display { overflow: hidden; position: relative; }
#gallery-display .post-thumbnail{ position:absolute; width:100%; height:100%; }
#gallery-display .post-thumbnail img{ opacity:0; }
#portfolio-content-wrapper{ position:relative; }
#portfolio-gallery{ position:absolute; bottom:0; right:0; left:0;  }

.spacer{ height:2em; }

@media screen and (max-width:776px){
	.post-thumbnail{ margin-bottom:2em; }
	#portfolio-gallery{ position:relative; bottom:auto; right:auto; left:auto;  }
	#portfolio-content-wrapper{height:auto !important;}
}

/* Deco title Styles */

.deco-title.center{ text-align:center; margin:2em 0; position:relative;}
.deco-title.center:after { content:''; display:block; background-color:#99c012; height:4px; width:80px; margin:15px auto 30px auto;}

.deco-title.left, .deco-title.right{ margin:0 0 0.5em 0; }
.deco-title.left { text-align:left; }
.deco-title.right { text-align:right; }

.deco-title.left span{ display:inline-block; position:relative;}
.deco-title.left span:before { content:''; display:block; background-color:#99c012; height:8px; width:8px; border-radius:100%; float:right;}
.deco-title.left:after { content:''; display:block; background-color:#99c012; height:4px; width:80px; margin:15px 0 30px 0;}

/* Breadcrumbs Styles */

.breadcrumbs { font-size: 1em; padding: 1em 0 2em 0; border-bottom: 1px solid #72797f; margin: 1em 0 2em 0; }
.breadcrumbs a{ margin: 0 4px;}
.breadcrumbs ol { list-style: outside none none; margin: 0; padding: 0; display:inline-block; vertical-align:top;}
.breadcrumbs ol li { display:inline-block; vertical-align:top; }

/* Subcategory */

.subcategory { list-style: none; margin: 1em 0; padding: 0; }
.subcategory li { display: inline-block; vertical-align: top; margin: 0 1em 0 0; }
.subcategory li a{ display:block; padding:1em 1.5em; color:#fff; background-color:#99c012; border:1px solid #99c012; }
.subcategory li a:hover{ color:#72797f; background-color:transparent;}

/* Portfolio Slider Styles*/

.logop-slider {overflow:hidden;}
.logop-slider-control {position:relative; opacity:0; transition: opacity 0.3s ease-in;}
.logop-slider:hover .logop-slider-control{ opacity:1; transition: opacity 0.1s ease-in; }
.logop-slider-control span { border-radius:100%; background-color: transparent; border:2px solid rgba(255,255,255,0.4); color: #fff; font-size: 3em; height: 2em; line-height: 2em; position: absolute; text-align: center; width: 2em; z-index: 2; transition:all 0.2 ease-in; cursor:pointer;}
.logop-slider-control span:hover { background-color: rgba(0, 0, 0, 0.1); box-shadow:0 0 2px rgba(0,0,0,0.3); }
.logop-slider-control .logop-slider-control-left { left:1px; }
.logop-slider-control .logop-slider-control-right { right:1px;}
.logop-slider .product { margin-top: 0; margin-bottom: 0; }
.logop-slider .logop-product-thumbnail{ background-color:#ccc; background-attachment:scroll; background-position:center; background-repeat:no-repeat; background-size:cover;}
.logop-slider .product-wrapper { margin-top: 0; margin-bottom: 0; }
.logop-slider .logop-wrapper { margin-top: 10px; }
.logop-slider .product-wrapper .logop-element{transition:all 0.2s ease-in; margin-top:20px;}

.logop-category-title { margin: 0; padding: 10px 0 0 0; word-wrap: break-word; font-size: 1em; height: 30px; line-height:20px; overflow:hidden; }

@media screen and (max-width:991px){
	.logop-slider {overflow:none; height:auto !important;}
	.logop-slider-control{ display:none;}
}

/* Modal lightbox */

.lightbox {cursor:pointer;}
.modal-lightbox { background-color: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100001; }
.modal-lightbox .modal-lightbox-close, .modal-lightbox .modal-lightbox-prev, .modal-lightbox .modal-lightbox-next {font-size: 3em; position: absolute; color: #fff; transition:all 0.1s ease-in; cursor:pointer;}
.modal-lightbox .modal-lightbox-close:hover, .modal-lightbox .modal-lightbox-prev:hover, .modal-lightbox .modal-lightbox-next:hover { color: #6DADD6;}
.modal-lightbox .modal-lightbox-close{  right: 0.5em; top: 0.5em;  }
.modal-lightbox .modal-lightbox-prev{ left: 0.5em; top: 50%; }
.modal-lightbox .modal-lightbox-next{ right: 0.5em; top: 50%; }
.modal-lightbox-image { box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.8); position: absolute; }

/* Pagination Styles */

.pagination { display: block; text-align: center; }
.pagination .screen-reader-text{ display: none; }
.pagination .page-numbers { border:1px solid #99c012; background-color: #99c012; color: #fff; display: inline-block; height: 32px; line-height: 32px; width: 32px; vertical-align:top;}
.pagination .page-numbers.current { background-color: #fff; color: #99c012;}
.pagination .page-numbers:hover{ color:#72797f; }
.pagination .page-numbers.next, .pagination .page-numbers.prev {font-family:'FontAwesome';}

/* Footer Styles */

#pre-footer{ background-color:#99c012; padding:2em 0; margin:0; color:#fff;}
#pre-footer h2{ margin:0; padding:14px 0; }
.cta-button { display: inline-block; border:1px solid #fff; background-color: #fff; color: #72797f; padding: 1em; font-size: 22px; box-shadow: 4px 4px 0 #72797f; }
.cta-button:hover { border: 1px solid #99c012; color: #99c012; }

.page-wrapper > footer{ background-color:#72797f; padding: 4em 0; color:#fff;}
.page-wrapper > footer .logo{ max-height:120px; }
.page-wrapper > footer .claim{ margin:1em 0; display:block; }

footer .menu li { padding: 0.3em 0; font-size: 14px; }
footer .menu li:before { content: ''; display: inline-block; width: 4px; height: 4px; background-color: #fff; margin: 0 10px 0 0; border-radius: 100%; }
footer .sub-menu { display: block; padding: 0.5em 0 0 2em; }

.social-list { list-style: none inside; padding: 0; margin: 1em 0; display: block; color: #fff; text-align: center; }
.social-list li { display: inline-block; color: #fff; text-align: center; margin: 0 10px; }
.social-list li a { display: block; width: 100%; border: 1px solid #fff; height: 100%; color: #fff; border-radius: 100%; padding: 0 0 0 3px; position: relative; text-align: center; font-size: 24px; line-height: 56px; width: 56px; height: 56px; }
.social-list li a:hover{ color:#99c012; border-color:#99c012;}

@media screen and (max-width:991px){
	#pre-footer { text-align:center; }
	#pre-footer h2{ margin-bottom:1.5em;  }
	
	.page-wrapper > footer{ text-align:center; }
	.footer-columns > div { margin-bottom:2em; }
}

@media screen and (max-width:767px){
	.social-list li {display:block; margin:1em auto;}
}

/* CF7 Pacth styles */

.wpcf7-list-item input { position: relative !important; }

.grecaptcha-badge{ display:none !important; }