File: /home/vhosts/harpoeditore.it/httpdocs/wp-content/themes/mindig/style.css
/*
Theme Name: Mindig
Theme URI: http://live.yithemes.com/mindig/
Version: 1.11.0
Author: Your Inspiration Themes
Author URI: http://yithemes.com/
Description: Ecommerce Wordpress Theme
Tags: white, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, front-page-post-form, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: yit
Core Framework Version: 2.0.0
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.
Copyright: (c) 2012-2014 Your Inspiration Themes
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
11
11111
111111 000
1111111 00000
1111111 000000
11111 00000
00000
000000
000000
000 00000 000 000000 0000
000000 0000000 00000 00000000000000000
0000000 00000000 0000000 000000000000000000
00000000 0000000000 00000000 000000000000 0000
00000000 000000000 000000000 00000 0000
0 000000 000000 00 00000 000000 0000
000000 000000 00000 000000 0000
000000 000000 00000 00000 000 000
000000 0000000 00000 00000 000 000000
00000 0000000 000000 00000 00000000000
000000 00000000 000000 000000 00000000000
000000 00000000 000000 0000000 00000 0000
00000000000000000 00000000 00000000 000000 000
00000000000000000 000000000000000000000000000000 000 00
00000000000000000000 00000000000000000000000000 0000 000
0000000000 00000000 0000000000 00000000000 000 0000000
00000000 000000 0000000 00000000 000 000000
000 0000000 00000 00000 00 000
00000000
0000000000
0000000000
00000 000000
00000 000000
0000 000000
000000000000
000000000000
00000000000
0000000000
000000000
0000000
00
/*------------------------------------------------------------------
[Table of contents]
[Layout]
* body
+ Wordpress Misc
+ General Classes
- Arrow
- Select Box
+ Header / #header
- Topbar / #topbar
- Logo / #logo
+ Navigation
- Welcome Menu
- Language Menu
- Bigmenu
+ Header Skins
- Skin 1
- Skin 2
- Skin 3
- Skin 4
- Header Row
- Sticky Header
- Sidebar Navigation / .yit-vertical-megamenu
- Slogan / #slogan
+ Content /
- Pagination
- Buttons
- Breadcrumb
- Video
- Socials
- Back to Top / #back-top
- Google Map / #map
-------------------------------------------------------------------*/
@font-face {
font-family: 'star';
src: url('theme/assets/fonts/star-font/star.eot');
src: url('theme/assets/fonts/star-font/star.eot?#iefix') format('embedded-opentype'), url('theme/assets/fonts/star-font/star.woff') format('woff'), url('theme/assets/fonts/star-font/star.ttf') format('truetype'), url('theme/assets/fonts/star-font/star.svg#star') format('svg');
font-weight: normal;
font-style: normal
}
/****************************
* BODY
****************************/
*{
outline: 0 none !important;
}
body{
overflow-x: hidden;
}
p {
line-height: 1.6em;
}
a, a:hover, a:visited {
text-decoration: none;
outline: 0 none !important;
}
:focus {
outline: none;
text-decoration: none !important;
}
input[type="text"], input[type="password"], input[type="email"],input[type="search"], input[type="submit"], textarea{
border-radius: 0;
-webkit-appearance: none;
box-shadow: none;
}
input[type="password"]{
width: 100%;
}
input[type="password"],
input[type="text"]{
height: 40px;
border: 1px solid;
padding: 0 10px;
}
.form-control:focus{
border-color: #383838;
box-shadow: none;
}
::-moz-focus-inner {
border-width:0 0 0 0;
border:0;
outline: 0 none !important;
text-decoration: none !important;
}
.boxed-layout #header,
.boxed-layout #slogan,
.boxed-layout #primary{
margin: 0px -15px 15px;
}
/****************************
* WORDPRESS MISC
****************************/
.wp-caption {
max-width: 100%;
}
.content img{
max-width: 100%;
height: auto;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"]{
height: auto;
}
.content table{
width: 100%;
}
.alignleft,
img.alignleft{
display:inline;
float:left;
}
.alignright,
img.alignright{
display:inline;
float:right;
margin-left:24px;
margin-top:4px;
}
div.aligncenter,
img.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important;
float:none;
}
img.alignleft,
img.alignright,
img.aligncenter{
margin-bottom:12px;
}
embed,
iframe,
object,
video {
margin-bottom: 24px;
max-width: 100%;
}
p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
margin-bottom: 0;
}
blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
margin: 7px 24px 7px 0;
}
q{
border-top: 2px solid ;
border-bottom: 1px solid ;
padding: 10px;
margin: 10px 0px;
clear: both;
display: block;
}
.wp-caption.alignleft {
margin: 7px 14px 7px 0;
}
blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
margin: 7px 0 7px 24px;
}
.bypostauthor{}
.wp-caption.alignright {
margin: 7px 0 7px 14px;
}
.wp-caption {
margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption {
color: #767676;
}
.bypostauthor{
}
.wp-caption-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px 0;
}
div.wp-caption .wp-caption-text {
padding-right: 10px;
}
div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
padding-left: 10px;
padding-right: 0;
}
.wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
}
.gallery {
margin-bottom: 20px;
}
.gallery:before,
.gallery:after{
content: "";
display: table;
}
.gallery:after{
clear: both;
}
.gallery img{
border: none;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
#wrapper.container {
-webkit-box-shadow: 0 -3px 9px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 -3px 9px rgba(0, 0, 0, 0.1);
box-shadow: 0 -3px 9px rgba(0, 0, 0, 0.1);
}
/****************************
* GENERAL CLASSES
****************************/
/*---------------
[ARROW / .arrow ]
-----------------*/
.arrow, .arrow-down, .arrow-right {
position: relative;
}
.arrow:after,
.arrow:before,
.arrow-down:after,
.arrow-down:before,
.arrow-right:after,
.arrow-right:before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow-down:after,
.arrow-down:before {
top: 100%;
}
.arrow:after,
.arrow:before,
.arrow-down:after,
.arrow-down:before{
left: 32px;
}
.arrow-right:after,
.arrow-right:before{
right: 32px;
}
.arrow:after, .arrow-right:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #ffffff;
border-width: 8px;
}
.arrow-down:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #ffffff;
border-width: 8px;
}
.arrow:after, .arrow-down:after {
margin-left: -8px;
}
.arrow-right:after {
margin-right: -8px;
}
.arrow:before, .arrow-right:before {
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-width: 9px;
}
.arrow-down:before {
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-width: 9px;
}
.arrow:before, .arrow-down:before {
margin-left: -9px;
}
.arrow-right:before {
margin-right: -9px;
}
.arrow-left {
border: 1px solid;
position: relative;
}
.arrow-left:before {
position: absolute;
display: inline-block;
border-top: 0px solid transparent !important;
border-right: 14px solid;
border-bottom: 17px solid transparent !important;
left: -14px;
top: 31px;
content: '';
}
.arrow-left:after {
position: absolute;
display: inline-block;
border-top: 1px solid transparent !important;
border-right: 18px solid #fff!important;
border-bottom: 20px solid transparent !important;
left: -12px;
top: 31px;
content: '';
}
/*---------------
[SELECT BOX]
-----------------*/
.sbHolder { position: relative;}
.sbHolder .sbSelector{
display: block;
border: 1px solid;
}
.sbHolder .sbToggle {
position: absolute;
top: 10px;
right: 15px;
width: 20px;
height: 20px;
background: url('./images/sprite-toggle.png') no-repeat top;
}
.sbHolder .sbToggle.sbToggleOpen {
background-position: bottom;
}
.sbHolder .sbOptions{
border: 1px solid;
padding: 6px 16px;
margin: 19px 0 0;
list-style: none;
position: absolute;
background: #fff;
left: 0;
right: 0;
z-index: 300;
}
/****************************
* HEADER
****************************/
#header {
margin-bottom: 25px;
}
#header-sidebar{
float: right;
width: auto;
}
#header-sidebar .nav > ul > li div.submenu{
padding-top: 10px;
}
#header-container .container .header-wrapper{
border-bottom: 1px solid;
padding-top: 20px;
padding-bottom: 10px;
}
/*---------------
[TOPBAR]
-----------------*/
#topbar{
max-height: 45px;
line-height: 44px;
box-sizing: border-box;
}
#topbar .header-wrapper {
border-bottom: 1px solid;
}
#topbar-left{
float: left;
}
#topbar-right{
float: right;
}
#topbar .nav{
float: left;
}
#topbar .nav.icl_nav{
margin-top: 0px;
}
#topbar .nav > ul {
margin: 0;
padding: 0;
}
#topbar .nav ul li{
list-style: none;
line-height: normal;
}
#topbar .nav > ul > li > a{
padding-bottom: 13px;
}
#header.skin4 #topbar a {
vertical-align: middle;
}
#topbar .nav,
#header.skin1 #topbar .nav {
margin-top: 0px;
}
#topbar #menu-welcome-login{
position: relative;
}
#topbar .nav > ul > li.bigmenu > div.submenu{
padding-top: 0px;
}
#topbar #lang_sel > ul > li > ul,
#header.skin1 #topbar #lang_sel > ul > li > ul {
margin-top: 12px;
}
#topbar #welcome-menu.nav > ul > li div.submenu{
padding-top: 0;
}
/*---------------
[Logo / #logo]
-----------------*/
#logo #textual{
padding: 0;
margin: 0;
margin-bottom: -10px;
line-height: .7em;
}
p#tagline {
margin-top: 0px;
}
/*---------------
[NAVIGATION]
-----------------*/
.nav a{
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.nav a .fa{
margin-right: 3px;
}
.nav > ul > li:after {
content: '/';
display: inline-block;
padding: 0px 5px;
}
.nav ul li{
list-style: none;
}
.nav > ul > li {
display: inline-block;
}
.nav > ul > li div.submenu{
position: absolute;
width: 170px;
z-index: 30000;
padding-top: 10px;
display: none;
}
.nav > ul > li div.submenu ul.sub-menu,
#lang_sel li ul{
position: relative;
width: auto;
margin-left: -17px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
-moz-box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
border: 1px solid;
box-sizing: border-box;
}
.nav > ul > li > div.submenu > ul {
padding: 10px 20px;
margin:0px;
}
.nav > ul > li > div.submenu ul.sub-menu li a{
display: block;
line-height: 2.5em;
}
.nav > ul > li > div.submenu > ul > li{
position: relative;
}
.nav > ul > li > div.submenu > ul > li > div.submenu{
left: 133px;
top: 0;
margin-top: -21px;
padding-left: 21px;
}
.nav > ul > li > div.submenu > ul > li > div.submenu ul{
padding: 10px 20px;
margin: 0px;
}
.nav > ul > li:last-child > a {
padding-right: 0px;
}
.nav > ul > li:last-child:after {
content: '';
}
.dropdown {
position: relative;
}
.nav span.sf-sub-indicator {
position: relative;
padding: 0px 5px 0px 7px;
display: inline-block;
width: 18px;
}
.opera .nav span.sf-sub-indicator {
padding: 4px 7px 0px 5px;
vertical-align: bottom;
}
.nav .sf-sub-indicator:before{
font-family: FontAwesome;
font-size: 16px;
}
.nav > ul > li .sf-sub-indicator:before{
content: "\f107";
}
.nav > ul > li > div.submenu ul.sub-menu li .sf-sub-indicator:before{
content: "\f105";
}
.nav div.submenu span.sf-sub-indicator {
position: absolute;
padding: 0px;
left: 120px;
}
#header .nav span.highlight,
#header .nav span.highlight-inverse{
margin-left:5px;
padding: 2px 4px;
font-size: 9px;
text-transform: uppercase;
font-weight: 700;
}
.nav > ul > li:last-child:after{
content: '/';
display: inline-block;
padding: 5px;
}
/*---------------
[WELCOME NAV MENU]
-----------------*/
.welcome_username b{
font-weight: normal;
}
span.welcome_username,
.icl_lang_sel_current{
float:none;
}
/*---------------
[LANGUAGE DROPDOWN]
-----------------*/
#lang_sel > ul{
padding-left: 0;
}
#lang_sel li{
position: relative;
}
#lang_sel > ul > li > ul{
min-width: 170px;
}
#lang_sel li ul{
display: none;
position: absolute;
z-index: 100;
}
#lang_sel > ul > li > ul > li{
line-height: normal;
}
#lang_sel > ul > li > a{
padding-right: 3px;
display: block;
}
/* WPML FIX */
#lang_sel > ul > li > a .iclflag{
vertical-align: baseline;
}
#lang_sel > ul > li > ul > li > a{
line-height: 2.5em;
}
/* WPML FIX */
#lang_sel > ul > li > ul > li > a .iclflag{
vertical-align: baseline;
padding-right: 3px;
}
#lang_sel > ul > li > ul {
margin: 0;
margin-top: 13px;
padding: 5px 20px;
border: 1px solid;
margin-left: -20px;
}
#header #header-sidebar .nav.icl_nav > ul,
#header.skin2 #header-sidebar .nav.icl_nav > ul{
margin-top: 18px;
}
.nav.icl_nav{
margin-top: 5px;
}
.nav.icl_nav > ul > li:last-child:after,
#nav.nav > ul > li:last-child:after{
display: none;
}
/*---------------
[BIGMENU]
-----------------*/
.nav > ul > li.bigmenu > div.submenu > ul > li > div.submenu{
display: block;
position: relative;
left: 0;
padding-left: 0;
}
.nav > ul > li.bigmenu > div.submenu > ul > li > a .sf-sub-indicator{
display: none;
}
.nav > ul > li.bigmenu > div.submenu > ul > li > div.submenu > ul.sub-menu{
display: block;
padding-left: 0px;
box-shadow: none;
border: 0;
background: transparent;
}
.nav > ul > li.bigmenu > div.submenu > ul > li:nth-child(3n+1){
clear: left;
border: 0;
padding-left: 0;
}
.nav > ul > li.bigmenu > div.submenu > ul > li{
float: left;
width: 190px;
height: 100%;
margin-bottom: 20px;
}
.nav > ul > li.bigmenu .custom-item-yitimage{
display: none;
}
/*---------------
[HEADER SKINS]
-----------------*/
#header.skin1 #header-sidebar .nav,
#header.skin2 #header-sidebar .nav{
margin-top: 15px;
}
#header.skin1 #header-sidebar div.nav.icl_nav,
#header.skin2 #header-sidebar div.nav.icl_nav{
margin-top: 18px;
}
.geko #header.skin1 #header-sidebar div.nav.icl_nav,
.geko #header.skin2 #header-sidebar div.nav.icl_nav{
margin-top: 18px;
}
#header.skin1 #lang_sel > ul > li > ul,
#header.skin2 #lang_sel > ul > li > ul{
margin-top: 15px;
}
.ie11 #header.skin1 #lang_sel > ul > li > ul,
.ie11 #header.skin2 #lang_sel > ul > li > ul{
margin-top: 35px;
}
#header.skin1 #header-sidebar .yit_cart_widget,
#header.skin2 #header-sidebar .yit_cart_widget,
#header.skin3 #header-sidebar .yit_cart_widget{
margin-top: -5px;
}
/* ========= SKIN 1 ============ */
#header.skin1 #logo{
float: left;
margin-top: 0;
padding-right: 30px;
text-align: left;
box-sizing: border-box;
}
#header.skin1 .nav,
#header.skin2 #header-sidebar .nav{
float: left;
position: relative;
height: 100%;
display: table;
margin-top: 18px;
width: auto;
}
#header.skin1 #header-container .container .header-wrapper{
padding-top: 25px;
width: 100%;
box-sizing: border-box;
}
#header.skin1 .nav > ul,
#header.skin2 #header-sidebar .nav > ul{
margin-left: 0px;
padding: 0px;
margin-top: 0px;
display: table-cell;
vertical-align: bottom;
bottom: 0;
}
#header.skin1 #welcome-menu.nav > ul > li > div.submenu,
#header.skin1 #welcome-menu-login.nav > ul > li > div.submenu{
padding-top: 10px;
margin-left: 0!important;
}
#header.skin1 .nav > ul > li div.submenu{
padding-top: 15px;
}
#header.skin1 #header-container .container{
padding-bottom: 0px;
}
#header.skin1 #header-sidebar .yit_cart_widget .cart_wrapper{
margin-top: 13px;
}
#header.skin1 #header-sidebar .yit_cart_widget{
margin-top: -5px;
}
#header.skin1 #header-row .header-wrapper {
padding: 0px;
border-bottom: 1px solid;
}
#header.skin1 #header-row .yit-custom-megamenu,
#header.skin1 #header-row .widget.widget_search_mini,
#header.skin1 #header-row .widget.widget_text,
#header.skin1 #header-row .widget.yit_text_image{
padding-top: 10px;
padding-bottom: 10px;
}
/* ========= SKIN 2 ============ */
#header.skin2 p#tagline {
text-align: center;
padding-top: 5px;
}
#header.skin2 div#logo {
width: 100%;
text-align: center;
}
#header.skin2 #header-container .container .header-wrapper{
position: relative;
}
#header.skin2 #header-container .container .header-wrapper{
padding-bottom: 20px;
}
#header.skin2 #header-row .header-wrapper{
padding: 17px 0 10px;
}
#header.skin2 #topbar #lang_sel > ul > li > ul{
margin-top: 13px;
}
#header.skin2 #topbar #welcome-menu.nav > ul > li > div.submenu {
padding-top: 8px;
}
#header.skin2 #topbar .nav > ul > li > div.submenu{
padding-top: 12px;
}
#header.skin2 #header-sidebar .yit_cart_widget .cart_wrapper,
#header.skin3 #header-sidebar .yit_cart_widget .cart_wrapper{
margin-top: 12px;
}
/* ========= SKIN 3 ============ */
#header.skin3 .nav > ul > li div.submenu{
padding-top: 10px;
}
#header.skin3 p#tagline {
text-align: center;
padding-top: 5px;
}
#header.skin3 div#logo {
width: 100%;
text-align: center;
}
#header.skin3 #nav{
width: 100%;
text-align: center;
padding: 10px;
border-top: 1px solid;
border-bottom: 1px solid;
}
#header.skin3 #nav > ul {
margin-bottom: 0px ;
padding-left: 0;
}
#header.skin3 #header-container .container .header-wrapper{
border: 0;
position: relative;
}
#header.skin3 #header-sidebar,
#header.skin2 #header-sidebar{
position: absolute;
float: none;
right: 0;
top: 20px;
z-index: 1010;
}
#header.skin3 #header-sidebar > div {
display: inline-block;
width: auto;
vertical-align: baseline;
}
#header.skin3 #header-sidebar .nav > ul {
padding-left: 0;
}
#header.skin3 #header-sidebar .nav > ul > li div.submenu ul.sub-menu{
margin-top: -3px;
}
/* ========= SKIN 4 ============ */
#header.skin4 #nav{
float: right;
}
#header.skin4 #logo{
float: left;
}
#header.skin4 #nav{
float: right;
}
#header.skin4 div.header-wrapper{
padding-bottom: 0px;
}
#header.skin4 .nav{
margin-top: 10px;
}
#header.skin4 .nav > ul > li div.submenu{
padding-top: 14px;
}
/*---------------
[HEADER ROW]
-----------------*/
#header-row .header-wrapper{
display: block;
zoom: 1;
padding: 10px 0px;
margin: 0;
height: auto;
white-space: nowrap;
}
#header-row .header-wrapper div.header-row-left {
position: relative;
float: left;
margin-right: 10px;
display: inline-block;
width: auto;
}
#header-row .header-wrapper div.header-row-right {
position: relative;
float: right;
width: auto;
display: inline-block;
margin-left: 10px;
}
#header-row .header-wrapper div.header-row-right .widget{
position: relative;
float: left;
top: 1px;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
padding: 0px 0px 0px 10px;
margin: 0px 1px;
border: 0px;
text-decoration: none;
}
#header-row .header-wrapper div.header-row-middle{
width: auto;
padding: 0px 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
white-space: nowrap;
}
#header-row .link_socials{
margin-left: 2px;
}
/*---------------
[STICKY HEADER]
-----------------*/
#header-container #logo,
#header-container #logo img,
#header-container .header-wrapper {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#header.skin1 #header-container.fixed #topbar,
#header.skin4 #header-container.fixed #topbar,
#header.skin3 #header-container.fixed #topbar{
display: none;
}
#header.skin1 #header-container.fixed #header-row{
display: none;
}
#header.skin4 #header-container.fixed .header-wrapper{
border-bottom: 0px;
}
#header-container.fixed,
#header.skin3.fixed,
#header.skin2.fixed{
position: fixed;
z-index: 10000;
width: 100%;
-webkit-box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
-moz-box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
}
#header.skin1 #header-container.fixed .header-wrapper{
border: 0;
}
.boxed-layout #header.fixed,
.boxed-layout #header-container.fixed{
width: auto;
}
#header.skin1 #header-container.fixed .container .header-wrapper{
padding-top: 10px;
}
#header.skin1 #header-container.fixed #logo{
margin-top: 10px;
}
#header.skin3.fixed #topbar,
#header.skin2.fixed #header-row{
display: none;
}
#header.skin3.fixed #header-row .header-wrapper{
padding-bottom: 0;
}
#header.skin3.fixed #header-row .nav,
#header.skin2.fixed #header-container .container .header-wrapper{
border-bottom: 0px;
}
/*---------------
[SIDEBAR NAVIGATION]
-----------------*/
.yit-vertical-megamenu .nav ul {
padding-left: 0;
margin-top: 8px;
}
.yit-vertical-megamenu .nav > ul > li {
display: block;
}
.yit-vertical-megamenu .nav > ul > li > a {
padding: 8px 0;
}
.yit-vertical-megamenu .nav > ul > li:after {
display: none;
}
/*---------------
[SLOGAN / #slogan ]
-----------------*/
#slogan {
background: #f8f8f8;
padding: 0 0 25px;
margin: 0;
}
#slogan .container{
display: table;
}
.slogan-wrapper {
display: table-cell;
vertical-align: middle;
width: 100%;
}
#slogan h2,
#slogan p {
margin: 0;
text-align: center;
}
/*---------------
[SLIDER]
-----------------*/
.slider,
.slider.swiper-container,
.slider.swiper_container{
margin: 15px 0 30px;
}
.slider.flexslider.container {
margin-left: auto;
margin-right: auto;
}
.slider-parallax-item {
visibility: hidden;
}
/* ====================== COPYRIGHT / FOOTER ========================= */
#footer {
padding-bottom: 35px;
}
#footer h5{
margin-bottom: 20px;
}
.boxed-layout #footer-copyright-group {
margin-left: -15px;
margin-right: -15px;
}
#footer a {
line-height: 24px;
}
#footer .arrow-down:after{
border-top-color: transparent ;
}
#copyright {
padding-bottom: 30px;
}
#footer .border,
#copyright .border {
border-top: 1px solid;
padding-top: 5px;
}
#copyright .left, #copyright .right , #copyright .centered{ padding: 15px}
#copyright .left p, #copyright .right a, #copyright .centered p { display: inline; }
#copyright .right { text-align: right; }
#copyright .right p{
text-align: right;
padding: 0px;
margin: 0;
}
#copyright .centered { text-align: center; }
#copyright ul.level-1 {
list-style: none;
display: inline-block;
margin: 0px;
padding-left: 10px;
}
#copyright .centered ul.level-1{
padding-left: 0;
margin-left: 0;
}
#copyright .custom-item-image{
display: none;
}
#copyright ul.level-1 li{
list-style: none;
display:inline-block;
}
#copyright .centered ul {
float: none;
display: block;
}
#copyright ul.level-1 li::after{
content:"/";
margin-left: 2px;
margin-right: 1px;
}
#copyright ul.level-1 li:last-child:after{
content: "";
margin-right: 0px;
}
#copyright .right ul.level-1 li:first-child{
margin-left: 0px;
}
#copyright .right ul.level-1 li:last-child{
margin-right: 0px;
}
/*******************
* PAGE 404
******************/
.error-404-container .error-404-image-text,
.error-404-container .error-404-search {
padding: 100px 0;
text-align: center;
}
.error-404-container .error-404-search input[type="text"] {
height: 70px;
width: 300px;
border: 1px solid;
padding: 0 10px;
}
.error-404-container .error-404-search #searchsubmit {
height: 70px;
}
/*******************
* VISUAL COMPOSER CLASS ADD-ONS
******************/
.wpb_column.border-right{
border-right: 1px solid;
}
/*******************
* PROJECT ICONS
******************/
.yi-icon-details{
background: transparent url(theme/assets/images/icons/project/project-icons.png) bottom left no-repeat;
}
.yi-icon-details:hover{
background: transparent url(theme/assets/images/icons/project/project-icons.png) left 1px no-repeat;
}
.yi-icon-lens{
background: transparent url(theme/assets/images/icons/project/project-icons.png) bottom right no-repeat;
}
.yi-icon-lens:hover{
background: transparent url(theme/assets/images/icons/project/project-icons.png) right 1px no-repeat;
}
/* ======== LIVE CHAT =========== */
.cx-chat-btn.cx-no-ico .cx-title, .cx-widget .cx-header{
color: #fff !important;
background-color: #1f1f1f !important;
text-transform: uppercase;
}
.cx-widget .cx-title, .cx-chat-btn.cx-no-ico .cx-title {
font-family: 'Oswald', sans-serif;
font-size: 14px;
font-weight: 400;
}
.cx-form .cx-lead, .cx-form input, .cx-form textarea, .cx-form input:focus, .cx-form textarea:focus, .cx-widget .cx-line .cx-title {
font-family: 'Source Sans Pro', sans-serif;
}
.cx-chat-btn{
color: #fff !important;
background-color: #1f1f1f !important;
}
.cx-form-btn {
color: #fff !important;
border: 1px solid #e9a400 !important;
background-color: #e9a400 !important;
font-size: 12px;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
padding: 7px 18px;
border-radius: 0;
display: block;
}
.cx-form-btn:hover {
color: #fff;
border: 1px solid #747474 !important;
background-color: #747474 !important;
}
/* FIXED IMAGE HEADER */
.fixed-image-wrapper img{
width: 100%;
height: auto;
}
/****************************
* MOBILE MENU
****************************/
.st-menu-open .st-pusher::after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.st-menu {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 250px;
height: 100%;
background: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
padding: 12px;
}
.st-menu::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
content: '';
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.st-menu-open .st-menu::after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
/* content style */
.st-menu ul {
margin: 15px 0 0;
padding: 0;
list-style: none;
}
.st-menu h2 {
margin: 0;
padding: 1em;
color: rgba(0,0,0,0.4);
text-shadow: 0 0 1px rgba(0,0,0,0.1);
font-weight: 300;
font-size: 2em;
}
.st-menu ul li a {
display: inline-block;
padding: 1em 0;
outline: none;
font-size: 12px;
color: #828282;
font-weight: 400;
}
.st-menu .widget h3 {
margin-bottom: 0;
}
.st-menu .widget,
.st-menu .widget {
margin-bottom: 30px;
}
.st-menu .mobile-nav > ul > li > div.submenu,
.st-menu .nav > ul > li > div.submenu {
display: none;
}
.st-menu .mobile-nav > ul > li.menu-item-has-children.open > div.submenu,
.st-menu .nav > ul > li.menu-item-has-children.open > div.submenu {
display: block;
}
.st-menu .mobile-nav > ul > li.menu-item-has-children > a:first-child:after,
.st-menu .nav > ul > li.menu-item-has-children > a:first-child:after {
content: "\f105";
font-family: FontAwesome;
margin-left: 8px;
font-size: 16px;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.st-menu .mobile-nav > ul > li.menu-item-has-children:hover > a:first-child:after,
.st-menu .nav > ul > li.menu-item-has-children:hover > a:first-child:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/* Effect 4: Slide along */
.st-effect-4.st-menu-open .st-pusher {
-webkit-transform: translate3d(250px, 0, 0);
transform: translate3d(250px, 0, 0);
}
.st-effect-4.st-menu {
z-index: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.st-effect-4.st-menu-open .st-effect-4.st-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.st-effect-4.st-menu::after {
display: none;
}
.mobile-nav > ul.level-1 > li > ul.sub-menu {
display: none;
}
.mobile-nav > ul.level-1 > li.open > ul.sub-menu {
display: block;
}
/****************************
* CONTENT
****************************/
#primary{
margin-top: 10px;
}
/*---------------
[PAGINATION]
-----------------*/
.general-pagination{
margin-bottom: 35px;
}
.general-pagination a {
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
}
.general-pagination a.selected {
border: 2px solid;
border-radius: 50%;
cursor: default;
}
/*---------------
[BUTTON]
-----------------*/
.btn.small{
padding: 4px 8px;
font-size: 10px;
}
.btn.medium{
padding: 7px 18px;
}
.btn.large{
padding: 10px 25px;
font-size: 18px;
}
.btn.extra-large{
padding: 13px 40px;
font-size: 22px;
}
.btn:focus, .btn:active:focus, .btn.active:focus{
outline: none;
}
.btn-flat,
.btn-ghost,
.btn-ghost-alternative,
.btn-ghost-white,
.blog.small .yit_the_content .read-more,
.blog .more-link,
.btn-alternative,
.widget.widget_price_filter button[type="submit"],
.error-404-container .error-404-search #searchsubmit,
.big.blog .yit_the_content .more-link, .big.blog .yit_the_content .read-more,
.cx-form-btn,
.eg-mindig-shop-element-16,
input[type="submit"].button,
.button.compare,
#my-account-sidebar span.logout,
#my-account-content .addresses .title a.edit,
table.my_account_orders a.button.view,
#my-account-content p.order-again a.button,
#yith-wcwl-form a.button,
.woocommerce-message .button.wc-forward,
#buddypress a.button,
#buddypress input[type="submit"],input#place_order {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btn,
input.btn-alternative,
a.btn-flat,
a.btn-alternative,
.button, #submit,
.btn-eg a,
.eg-mindig-shop-element-16,input#place_order {
border-radius: 0;
padding: 7px 18px;
border: 1px solid;
box-shadow: none;
}
.btn.margin-right{
margin-right: 10px;
}
.btn .fa{
margin-right: 5px;
}
/*---------------
[BREADCRUMB]
-----------------*/
#primary .breadcrumbs{
margin-top: -10px;
padding-bottom: 10px;
}
#primary .breadcrumbs a{
font-size: 14px;
}
#primary .breadcrumbs a.no-link.current {
pointer-events: none;
}
/*---------------
[VIDEO]
-----------------*/
.post_video {
position: relative;
padding-bottom: 56.25%;
margin-top: 25px;
height: 0;
margin-bottom: 20px;
max-width: 100%;
}
.post_video.dailymotion embed,
.post_video.youtube embed,
.post_video.vimeo object,
.post_video iframe {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
}
/*---------------
[SOCIALS]
-----------------*/
.socials.text a.twitter{
background: url('images/share/twitter-icon.png') top left no-repeat;
}
.socials.text a.facebook{
background: url('images/share/facebook-icon.png') top left no-repeat;
}
.socials.text a.google{
background: url('images/share/google-icon.png') top left no-repeat;
}
.socials.text a.pinterest{
background: url('images/share/pinterest-icon.png') top left no-repeat;
}
.socials.text a.mail{
background: url('images/share/mail-icon.png') top left no-repeat;
}
.socials.text a.twitter:hover{
background: url('images/share/twitter-icon.png') bottom left no-repeat;
}
.socials.text a.facebook:hover{
background: url('images/share/facebook-icon.png') bottom left no-repeat;
}
.socials.text a.google:hover{
background: url('images/share/google-icon.png') bottom left no-repeat;
}
.socials.text a.pinterest:hover{
background: url('images/share/pinterest-icon.png') bottom left no-repeat;
}
.socials.text a.mail:hover{
background: url('images/share/mail-icon.png') bottom left no-repeat;
}
/*---------------
[BACK TO TOP]
-----------------*/
#back-top {
position: fixed;
bottom: 0px;
right: 20px;
z-index: 1000;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
cursor: pointer;
display: none;
}
#back-top a {
display: block;
padding: 8px 16px;
}
#back-top a i{
margin-right:10px;
border: 2px solid;
border-radius: 50%;
font-size: 11px;
padding:2px 3px;
opacity:0.6;
color: #fff;
}
/*---------------
[GOOGLE MAP]
-----------------*/
#map{
margin: 0;
padding: 0;
}
#map iframe{
width: 100%;
height: 380px;
margin-top: 0px;
margin-bottom: -4px;
padding-bottom: 0;
}
#map .border {
position: relative;
}
#map .map_info{
position: absolute;
bottom: 54px;
left: 0;
right: 30px;
pointer-events: none;
}
#map .container_map_box_info{
padding-left: 0.9375em;
padding-right: 0.9375em;
float: right;
pointer-events: auto;
}
#map .map_info .row{
width: 100%;
margin: 0 auto;
max-width: 82.5em;
}
#map .map_box_info{
background: rgba(34,34,34,0.7);
padding:30px 40px;
}
#map .map_box_info h4 {
margin-bottom: 10px;
margin-top: 0;
font-weight: bold;
color: #fff;
}
#map .map_box_info p{
margin-bottom: 0;
line-height: 24px;
color: #fff;
}
/**********************************************************
* STAR RATING
***********************************************************/
.woocommerce-product-rating .star-rating,
.woocommerce-tabs #review_form p.stars,
.widget.woocommerce .star-rating,
.testimonial-rating .star-rating,
.yit_recent_reviews .star-rating {
overflow: hidden;
position: relative;
height: 1.2em;
line-height: 1.2em;
width: 71px;
display: inline-block;
vertical-align: middle;
font-family: 'star' !important;
clear: both;
font-size: 11px;
letter-spacing: 3px;
text-align: left;
}
.woocommerce-product-rating .star-rating:before,
.woocommerce-tabs #review_form p.stars:before,
.widget.woocommerce .star-rating:before,
.testimonial-rating .star-rating:before,
.yit_recent_reviews .star-rating:before {
content: "\53\53\53\53\53";
float: left;
top: 0;
left: 0;
position: absolute;
margin-top: 0;
}
.woocommerce-product-rating .star-rating span,
.woocommerce-tabs #review_form p.stars a,
.widget.woocommerce .star-rating span,
.testimonial-rating .star-rating span,
.yit_recent_reviews .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
display: block;
font-size: 11px;
}
.woocommerce-product-rating .star-rating span:before,
.woocommerce-tabs #review_form p.stars a:before,
.widget.woocommerce .star-rating span:before,
.testimonial-rating .star-rating span:before,
.yit_recent_reviews .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
/**************************************
* Wishlist 2.0 Support
***************************************/
.add_to_wishlist.single_add_to_wishlist {
border: 0;
}
.wishlist_manage_table a.create-new-wishlist{
margin-right: 10px;
}
.yith-wcwl-popup-button .add_to_wishlist.single_add_to_wishlist,
.woocommerce .wishlist_manage_table tfoot button.submit-wishlist-changes,
.button.create-new-wishlist,
.woocommerce .yith-wcwl-wishlist-search-form button.wishlist-search-button{
border-radius: 0 !important;
}
.yith-wcwl-popup-button .add_to_wishlist.single_add_to_wishlist,
.woocommerce .wishlist_manage_table tfoot button.submit-wishlist-changes,
.woocommerce .yith-wcwl-wishlist-search-form button.wishlist-search-button,
.woocommerce .yith-wcwl-wishlist-new button {
padding: 7px 18px;
border: 1px solid;
box-shadow: none;
cursor: pointer;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #e9a400;
background: #e9a400;
border-color: #e9a400;
color: #ffffff;
}
.yith-wcwl-popup-button .add_to_wishlist.single_add_to_wishlist:hover,
.woocommerce .wishlist_manage_table tfoot button.submit-wishlist-changes:hover,
.woocommerce .yith-wcwl-wishlist-search-form button.wishlist-search-button:hover,
.woocommerce .yith-wcwl-wishlist-new button:hover{
background-color: #747474;
background: #747474;
border-color: #747474;
color: #ffffff;
}
.yith-wcwl-popup-new label,
.yith-wcwl-wishlist-new label {
display: block;
text-align: left;
}
.woocommerce .yith-wcwl-wishlist-search-form #wishlist_search,
.yith-wcwl-wishlist-new .wishlist-name {
margin-bottom: 15px;
}
.yith-wcwl-wishlist-new{
text-align: right;
}
.yith-wcwl-wishlist-new span.selectBox-label.public-visibility {
padding: 7px 8px;
}
.widget_yith-wcwl-lists ul{
list-style:none;
padding: 0;
}
.widget_yith-wcwl-lists ul.dropdown ul.lists > li a{
margin-left:0px;
padding:0px;
display:block;
text-transform: uppercase;
}
.widget_yith-wcwl-lists a{
display:none;
}
.widget_yith-wcwl-lists ul.dropdown ul.lists > li a:before {
content: '-';
margin-right: 3px;
}
.widget_yith-wcwl-lists ul.dropdown > li.dropdown-section a{
margin-left:0px;
display:block;
padding: 0;
line-height: 2em;
color: #686868;
}
.widget_yith-wcwl-lists ul.dropdown > li.dropdown-section a:hover{
color: #fab000;
}
.widget_yith-wcwl-lists ul.dropdown > li.lists-section{
margin-bottom: 10px;
padding-bottom: 10px;
}
/* Portfolio Taxonomy */
ul#portfolio {
padding-left: 15px;
}
ul#portfolio li {
list-style: none;
display: inline-block;
margin-right: 15px;
}
ul#portfolio li .portfolio-thumb img {
max-height: 300px;
}
ul#portfolio li div.portfolio-title {
margin: 15px 0;
}
/****************************************
MENU ICONS
***************************************/
[data-font="FontAwesome"]:before {
font-family: 'FontAwesome';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 8px;
}
/*
* QUICK VIEW FIX WC 3.2.x
*/
.quick-view-overlay .woocommerce-product-gallery {
width: 50% !important;
height: 500px !important;
float: left !important;
overflow: hidden !important;
opacity: 1 !important;
}
.quick-view-overlay .woocommerce-product-gallery img {
max-width: 100% !important;
}