File: /var/www/html/onlineshop/wp-content/themes/nautica/sass/components/_template-layout.scss
/////////// TEMPLATES LAYOUT ///////////
body{
overflow-x:hidden;
}
.container{ position:relative }
#site-header{
text-align: center;
}
/**
* Page Style
*/
#page{
position: relative;
margin-left:auto;
margin-right: auto;
background: transparent;
overflow: hidden;
&.page-static-left{
@include transition(all 0.25s ease-out);
&.active{
@include transition(all 0.25s ease-out);
@include rtl-margin-left(250px);
.sidebar-static-left{
@include transition(all 0.25s ease-out);
@include rtl-left( 0 );
}
}
}
&.active .button-action:before{
content: "\f060"
}
}
.sidebar-static-left{
background:#282828;
color: #CCC;
position:fixed;
@include rtl-left( -290px );
height: 100%;
position: fixed;
width: 300px;
z-index: 99999;
@include transition(all 0.25s ease-out);
.inner{
padding:30px;
width: 100%;
position: absolute;
height: 100%;
}
.button-action{
background:red;
position:absolute;
right: -40px;
top: 0;
height: 40px;
color: #CCC;
&:before{
content: "\f061";
font-size: 12px;
height: 38px;
width: 38px;
font-family: 'FontAwesome';
text-align: center;
display: block;
line-height: 34px;
}
}
}
##{$app-prefix}-logo{
&.logo-theme{
}
&.logo-image{
}
}
/**
* Header Layout styles
*/
##{$app-prefix}-masthead{
position: relative;
padding: $header-main-padding;
/** fix header position for custom header reuse **/
&.relative {
position: relative !important;
}
&.absolute {
position: absolute !important;
}
&.fixed {
position: fixed !important;
}
&.inherit {
position: inherit !important;
}
.header-main{
position: relative
}
.logo-wrapper{
text-align: center;
margin-top: 10px;
}
/// header styles version 1
&.#{$app-prefix}-header-market-v1{
background:#292b32;
.inner{
padding-top:12px;
}
}
&.#{$app-prefix}-header-market-v2{
.#{$app-prefix}-header-right > div {
padding:15px 0;
margin-bottom: -6px;
margin-top: -6px;
border-left:solid 1px darken( $theme-color, 20% );
clear: both;
}
}
&.#{$app-prefix}-header-v1{
padding: 0;
.engoc-sticky-header {
.container {
padding-left: 0;
padding-right: 0;
}
&.stick {
z-index: 999999;
width: 100%;
background: $white;
border-bottom: 1px solid #BCBCBC;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.7);
opacity: .9;
.navbar-mega .navbar-nav {
@include transition(all .5s ease);
border-bottom: 1px solid transparent;
margin-top: 10px;
}
}
}
.logo-wrapper{
padding-top: 15px;
text-align: center;
margin-top: $grid-gutter-width;
}
#cart {
.cart-icon {
&:before {
content: "";
display: block;
position: absolute;
font-size: 18px;
width: 1px;
background: #FFF;
left: 5px;
top: 5px;
height: 20px !important;
}
&:after {
content: "";
background: $white;
position: absolute;
right: -1px;
width: 6px;
height: 2px;
top:14px;
}
}
.mini-cart-items {
float: right;
padding: 2px 6px;
font-size: 1.4rem;
}
}
}
&.#{$app-prefix}-header-v2{
padding: 0;
&.engoc-sticky-header {
@include transition(all .5s ease);
&.stick {
z-index: 999999;
width: 100%;
background: $white;
border-bottom: 1px solid #BCBCBC;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.7);
opacity: .9;
.row-with-border {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
height: 50px;
line-height: 50px;
}
}
}
.row-with-border {
margin-left: 0;
margin-right: 0;
border-top: 1px solid #BCBCBC;
border-bottom: 1px solid #BCBCBC;
height: 65px;
position: relative;
.logo-wrapper {
text-align: left;
margin-top: 0;
padding-left: 0;
.logo-link {
height: 63px;
display: flex;
justify-content: center;
align-items: center;
}
}
}
#cart {
position: absolute;
right: 0;
&:before {
content: '';
display: inline-block;
float: left;
margin-right: 27px;
width: 1px;
height: 38px;
margin-top: 13px;
border-right: 1px solid #bcbcbc;
}
.cart-icon {
margin-left: 0;
padding-left: 0;
&:before {
display: none;
}
}
.mini-cart-items {
line-height: 60px;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
float: right;
color: $gray-darker;
padding: 2px 2px;
&:before {
content: "BAG (";
font-size: $font-size-base;
}
&:after {
content: ")";
font-size: $font-size-base;
}
}
.cart-icon{
i {
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjhweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMjggMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMyMTIxMjEiIGQ9Ik0yNS43OTgsMTAuMjQxYzAuMDI1LDAuMzQ3LDAuMDE3LDAuODQ2LDAuMDA3LDEuMjQ0Yy0wLjAwNCwwLjI3NC0wLjAwOSwwLjU1Ni0wLjAwOSwwLjg0NnYxOS41MDYNCgljMCwxLjE0OS0wLjkzOCwyLjA5LTIuMDksMi4wOUg0LjIwMWMtMS4xNTEsMC0yLjA5LTAuOTM4LTIuMDktMi4wOVYxMi4zMzFjMC0wLjMwNS0wLjAwNS0wLjYwMy0wLjAxMS0wLjg5MQ0KCWMtMC4wMDgtMC4zODEtMC4wMTktMC44NiwwLjAwMi0xLjE5OUgyNS43OTggTTI1LjkyNiw4LjE1MUgxLjk1OWMtMi4zMDgsMC0xLjkzOCwxLjg3Mi0xLjkzOCw0LjE4djE5LjUwNg0KCWMwLDIuMzA4LDEuODcyLDQuMTc5LDQuMTgsNC4xNzloMTkuNTA1YzIuMzA4LDAsNC4xOC0xLjg3MSw0LjE4LTQuMTc5VjEyLjMzMUMyNy44ODYsMTAuMDIyLDI4LjIzMiw4LjE1MSwyNS45MjYsOC4xNTENCglMMjUuOTI2LDguMTUxeiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTguMDMsMTMuNjk4SDUuOTRsMC4wMDEtNS42ODhDNS45NDEsMy41OTQsOS41MzUsMCwxMy45NTIsMGM0LjQxOCwwLDguMDEyLDMuNTk0LDguMDEyLDguMDExdjUuNjg4aC0yLjA4OQ0KCQlWOC4wMTFjMC0zLjI2NS0yLjY1Ny01LjkyMS01LjkyMy01LjkyMWMtMy4yNjQsMC01LjkyMSwyLjY1Ni01LjkyMSw1LjkyMUw4LjAzLDEzLjY5OHoiLz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat center center;
@include size(28px, 63px);
}
}
.dropdown-menu {
top: 63px;
&:before, &:after
{
left: 85.5%;
}
}
}
}
&.#{$app-prefix}-header-v3{
padding: 0;
.engoc-sticky-header {
@include transition(all .5s ease);
&.stick {
z-index: 999999;
width: 100%;
margin-top: 0 !important;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.7);
opacity: .9;
}
}
.logo-wrapper {
margin-top: 20px;
}
.header-right {
@include absolute(top 10px right 0);
}
.header-before {
@include absolute(top 10px right 124px);
z-index: 9999;
}
#cart {
padding-top: 8px;
&:before {
content: '';
display: inline-block;
float: left;
margin-right: 26px;
width: 1px;
height: 20px;
margin-top: 10px;
border-right: 1px solid #bcbcbc;
}
.mini-cart {
display: inline-block;
}
.cart-icon {
margin-left: 0;
padding-left: 0;
&:before {
display: none;
}
}
.mini-cart-items {
line-height: 36px;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
float: right;
color: $gray-darker;
padding: 0 2px;
&:before {
content: "BAG (";
font-size: $font-size-base;
}
&:after {
content: ")";
font-size: $font-size-base;
}
}
.cart-icon{
i {
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjhweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMjggMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMyMTIxMjEiIGQ9Ik0yNS43OTgsMTAuMjQxYzAuMDI1LDAuMzQ3LDAuMDE3LDAuODQ2LDAuMDA3LDEuMjQ0Yy0wLjAwNCwwLjI3NC0wLjAwOSwwLjU1Ni0wLjAwOSwwLjg0NnYxOS41MDYNCgljMCwxLjE0OS0wLjkzOCwyLjA5LTIuMDksMi4wOUg0LjIwMWMtMS4xNTEsMC0yLjA5LTAuOTM4LTIuMDktMi4wOVYxMi4zMzFjMC0wLjMwNS0wLjAwNS0wLjYwMy0wLjAxMS0wLjg5MQ0KCWMtMC4wMDgtMC4zODEtMC4wMTktMC44NiwwLjAwMi0xLjE5OUgyNS43OTggTTI1LjkyNiw4LjE1MUgxLjk1OWMtMi4zMDgsMC0xLjkzOCwxLjg3Mi0xLjkzOCw0LjE4djE5LjUwNg0KCWMwLDIuMzA4LDEuODcyLDQuMTc5LDQuMTgsNC4xNzloMTkuNTA1YzIuMzA4LDAsNC4xOC0xLjg3MSw0LjE4LTQuMTc5VjEyLjMzMUMyNy44ODYsMTAuMDIyLDI4LjIzMiw4LjE1MSwyNS45MjYsOC4xNTENCglMMjUuOTI2LDguMTUxeiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTguMDMsMTMuNjk4SDUuOTRsMC4wMDEtNS42ODhDNS45NDEsMy41OTQsOS41MzUsMCwxMy45NTIsMGM0LjQxOCwwLDguMDEyLDMuNTk0LDguMDEyLDguMDExdjUuNjg4aC0yLjA4OQ0KCQlWOC4wMTFjMC0zLjI2NS0yLjY1Ny01LjkyMS01LjkyMy01LjkyMWMtMy4yNjQsMC01LjkyMSwyLjY1Ni01LjkyMSw1LjkyMUw4LjAzLDEzLjY5OHoiLz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat center top;
@include size(28px, 36px);
}
}
.dropdown-menu {
top: 63px;
&:before, &:after
{
left: 85.5%;
}
}
}
}
&.#{$app-prefix}-header-v4, &.#{$app-prefix}-header-v5, &.#{$app-prefix}-header-v7{
position: absolute;
top:0;
z-index: 9999;
width: 100%;
.header-right {
@include absolute(top 0 right 36px);
}
.header-before {
@include absolute(top 0 right 162px);
}
.#{$app-prefix}-topbar .inner, .header-main{
}
.logo-wrapper{
float: left;
padding-left: 20px;
}
#cart {
padding-top: 8px;
&:before {
content: '';
display: inline-block;
float: left;
margin-right: 26px;
width: 1px;
height: 20px;
margin-top: 11px;
border-right: 1px solid #bcbcbc;
}
.mini-cart {
display: inline-block;
}
.cart-icon {
margin-left: 0;
padding-left: 0;
&:before {
display: none;
}
}
.mini-cart-items {
line-height: 36px;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
float: right;
color: $gray-darker;
padding: 0 2px;
&:before {
content: "BAG (";
font-size: $font-size-base;
}
&:after {
content: ")";
font-size: $font-size-base;
}
}
.cart-icon{
i {
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjhweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMjggMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMyMTIxMjEiIGQ9Ik0yNS43OTgsMTAuMjQxYzAuMDI1LDAuMzQ3LDAuMDE3LDAuODQ2LDAuMDA3LDEuMjQ0Yy0wLjAwNCwwLjI3NC0wLjAwOSwwLjU1Ni0wLjAwOSwwLjg0NnYxOS41MDYNCgljMCwxLjE0OS0wLjkzOCwyLjA5LTIuMDksMi4wOUg0LjIwMWMtMS4xNTEsMC0yLjA5LTAuOTM4LTIuMDktMi4wOVYxMi4zMzFjMC0wLjMwNS0wLjAwNS0wLjYwMy0wLjAxMS0wLjg5MQ0KCWMtMC4wMDgtMC4zODEtMC4wMTktMC44NiwwLjAwMi0xLjE5OUgyNS43OTggTTI1LjkyNiw4LjE1MUgxLjk1OWMtMi4zMDgsMC0xLjkzOCwxLjg3Mi0xLjkzOCw0LjE4djE5LjUwNg0KCWMwLDIuMzA4LDEuODcyLDQuMTc5LDQuMTgsNC4xNzloMTkuNTA1YzIuMzA4LDAsNC4xOC0xLjg3MSw0LjE4LTQuMTc5VjEyLjMzMUMyNy44ODYsMTAuMDIyLDI4LjIzMiw4LjE1MSwyNS45MjYsOC4xNTENCglMMjUuOTI2LDguMTUxeiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTguMDMsMTMuNjk4SDUuOTRsMC4wMDEtNS42ODhDNS45NDEsMy41OTQsOS41MzUsMCwxMy45NTIsMGM0LjQxOCwwLDguMDEyLDMuNTk0LDguMDEyLDguMDExdjUuNjg4aC0yLjA4OQ0KCQlWOC4wMTFjMC0zLjI2NS0yLjY1Ny01LjkyMS01LjkyMy01LjkyMWMtMy4yNjQsMC01LjkyMSwyLjY1Ni01LjkyMSw1LjkyMUw4LjAzLDEzLjY5OHoiLz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat center top;
@include size(28px, 36px);
}
}
.dropdown-menu {
top: 63px;
&:before, &:after
{
left: 85.5%;
}
}
}
}
&.#{$app-prefix}-header-v4 {
.engoc-sticky-header {
@include transition(all .5s ease);
&.stick {
z-index: 999999;
width: 100%;
background: $white;
border-bottom: 1px solid #BCBCBC;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.7);
opacity: .9;
}
}
}
&.#{$app-prefix}-header-v5{
padding-top: 0;
z-index: 9999;
.engoc-sticky-header {
@include transition(all .5s ease);
&.stick {
z-index: 999999;
width: 100%;
background: $white;
border-bottom: 1px solid #BCBCBC;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.7);
opacity: .9;
.logo-wrapper {
@include transition(all .5s ease);
margin-top: 0;
padding-top: 6px;
.logo {
img, svg {
@include transition(all .5s ease);
max-height: 40px;
}
}
}
.engo-mainmenu .btn-toggle-menu {
@include transition(all .5s ease);
top: 14px;
}
}
}
.logo-wrapper{
float: none;
padding-left: 0;
margin-top: 20px;
}
.engo-topcart, .#{$app-prefix}-topbar {
position: relative;
z-index: 3;
}
}
&.#{$app-prefix}-header-v6{
background: $gray-darker;
padding: 10px 0 0;
.engoc-sticky-header {
@include transition(all .5s ease);
&.stick {
z-index: 999999;
width: 100%;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.7);
opacity: .9;
}
}
.head-top-container {
padding-bottom: 15px;
border-bottom: 1px dashed #4d4d4d;
z-index: 9999;
}
.logo-wrapper{
float: left;
}
#cart {
margin-left: 19px;
&:before {
content: '';
display: inline-block;
float: left;
margin-right: 26px;
width: 1px;
height: 20px;
margin-top: 11px;
border-right: 1px solid #646464;
}
.mini-cart {
display: inline-block;
}
.cart-icon {
margin-left: 0;
padding-left: 0;
padding-top: 2px;
&:before {
display: none;
}
&:after {
display: none;
}
}
.mini-cart-items {
line-height: 44px;
font-size: 14px;
font-family: $font-family-base;
text-transform: uppercase;
font-weight: 700;
float: right;
color: $white;
padding: 0 2px;
&:before {
content: "BAG (";
font-size: $font-size-base;
font-family: $font-family-base;
}
&:after {
content: ")";
font-size: $font-size-base;
font-family: $font-family-base;
}
}
.cart-icon{
i {
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjhweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMjggMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNS43OTgsMTAuMjQxYzAuMDI1LDAuMzQ3LDAuMDE3LDAuODQ2LDAuMDA3LDEuMjQ0Yy0wLjAwNCwwLjI3NC0wLjAwOSwwLjU1Ni0wLjAwOSwwLjg0NnYxOS41MDYNCgljMCwxLjE0OS0wLjkzOCwyLjA5LTIuMDksMi4wOUg0LjIwMWMtMS4xNTEsMC0yLjA5LTAuOTM4LTIuMDktMi4wOVYxMi4zMzFjMC0wLjMwNS0wLjAwNS0wLjYwMy0wLjAxMS0wLjg5MQ0KCWMtMC4wMDgtMC4zODEtMC4wMTktMC44NiwwLjAwMi0xLjE5OUgyNS43OTggTTI1LjkyNiw4LjE1MUgxLjk1OWMtMi4zMDgsMC0xLjkzOCwxLjg3Mi0xLjkzOCw0LjE4djE5LjUwNg0KCWMwLDIuMzA4LDEuODcyLDQuMTc5LDQuMTgsNC4xNzloMTkuNTA1YzIuMzA4LDAsNC4xOC0xLjg3MSw0LjE4LTQuMTc5VjEyLjMzMUMyNy44ODYsMTAuMDIyLDI4LjIzMiw4LjE1MSwyNS45MjYsOC4xNTENCglMMjUuOTI2LDguMTUxeiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMDMsMTMuNjk4SDUuOTRMNS45NDEsOC4wMUM1Ljk0MSwzLjU5NCw5LjUzNSwwLDEzLjk1MiwwYzQuNDE4LDAsOC4wMTIsMy41OTQsOC4wMTIsOC4wMTF2NS42ODhoLTIuMDg5DQoJCVY4LjAxMWMwLTMuMjY1LTIuNjU3LTUuOTIxLTUuOTIzLTUuOTIxYy0zLjI2NCwwLTUuOTIxLDIuNjU2LTUuOTIxLDUuOTIxTDguMDMsMTMuNjk4eiIvPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat center top;
background-size: 28px;
@include size(28px, 36px);
}
}
.dropdown-menu {
top: 63px;
&:before, &:after
{
left: 85.5%;
}
}
}
.header-topbar{
.search-box {
margin-top: 10px;
.searchform {
.btn-search {
right: 28px;
left: inherit;
}
input.input-search {
color: #b5b5b5;
text-indent: 16px;
}
}
}
}
}
&.#{$app-prefix}-header-v7{
padding-top: 0;
padding: 0 0 10px;
.header-right {
@include absolute(top 0 right 60px);
}
.header-before {
@include absolute(top 0 right 186px);
}
#cart {
padding-top: 0px;
}
.#{$app-prefix}-topbar {
margin-top: 0;
}
.logo-wrapper{
float: none;
padding-left: 0;
margin-top: 10px;
}
.engo-topcart, .#{$app-prefix}-topbar {
position: relative;
z-index: 3;
}
}
&.#{$app-prefix}-header-v8{
padding: 0;
z-index: 11;
width: 100%;
background: #fff;
position: absolute;
.engoc-sticky-header {
@include transition(all .5s ease);
&.stick {
z-index: 999999;
width: 100%;
background: $white;
border-bottom: 1px solid #BCBCBC;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.7);
opacity: .9;
}
}
.#{$app-prefix}-topbar .inner, .header-main{
}
.logo-wrapper{
float: left;
margin-right: 56px;
margin-top: 12px;
}
.padding-headerv8 {
padding: 0 36px;
}
.header-right {
@include absolute(top 0 right 36px);
z-index: 999;
}
.header-search-box {
@include absolute(top 0 right 164px);
z-index: 999;
}
#cart {
padding-top: 8px;
&:before {
content: '';
display: inline-block;
float: left;
margin-right: 26px;
width: 1px;
height: 20px;
margin-top: 11px;
border-right: 1px solid #bcbcbc;
}
.mini-cart {
display: inline-block;
}
.cart-icon {
margin-left: 0;
padding-left: 0;
&:before {
display: none;
}
}
.mini-cart-items {
line-height: 36px;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
float: right;
color: $gray-darker;
padding: 0 2px;
&:before {
content: "BAG (";
font-size: $font-size-base;
}
&:after {
content: ")";
font-size: $font-size-base;
}
}
.cart-icon{
i {
background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjhweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMjggMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMyMTIxMjEiIGQ9Ik0yNS43OTgsMTAuMjQxYzAuMDI1LDAuMzQ3LDAuMDE3LDAuODQ2LDAuMDA3LDEuMjQ0Yy0wLjAwNCwwLjI3NC0wLjAwOSwwLjU1Ni0wLjAwOSwwLjg0NnYxOS41MDYNCgljMCwxLjE0OS0wLjkzOCwyLjA5LTIuMDksMi4wOUg0LjIwMWMtMS4xNTEsMC0yLjA5LTAuOTM4LTIuMDktMi4wOVYxMi4zMzFjMC0wLjMwNS0wLjAwNS0wLjYwMy0wLjAxMS0wLjg5MQ0KCWMtMC4wMDgtMC4zODEtMC4wMTktMC44NiwwLjAwMi0xLjE5OUgyNS43OTggTTI1LjkyNiw4LjE1MUgxLjk1OWMtMi4zMDgsMC0xLjkzOCwxLjg3Mi0xLjkzOCw0LjE4djE5LjUwNg0KCWMwLDIuMzA4LDEuODcyLDQuMTc5LDQuMTgsNC4xNzloMTkuNTA1YzIuMzA4LDAsNC4xOC0xLjg3MSw0LjE4LTQuMTc5VjEyLjMzMUMyNy44ODYsMTAuMDIyLDI4LjIzMiw4LjE1MSwyNS45MjYsOC4xNTENCglMMjUuOTI2LDguMTUxeiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzIxMjEyMSIgZD0iTTguMDMsMTMuNjk4SDUuOTRsMC4wMDEtNS42ODhDNS45NDEsMy41OTQsOS41MzUsMCwxMy45NTIsMGM0LjQxOCwwLDguMDEyLDMuNTk0LDguMDEyLDguMDExdjUuNjg4aC0yLjA4OQ0KCQlWOC4wMTFjMC0zLjI2NS0yLjY1Ny01LjkyMS01LjkyMy01LjkyMWMtMy4yNjQsMC01LjkyMSwyLjY1Ni01LjkyMSw1LjkyMUw4LjAzLDEzLjY5OHoiLz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat center top;
@include size(28px, 36px);
}
}
.dropdown-menu {
top: 63px;
&:before, &:after
{
left: 85.5%;
}
}
}
.header-topbar{
.search-box {
margin-top: 15px;
margin-right: 26px;
.searchform {
.btn-search {
right: 28px;
left: inherit;
z-index: 2;
}
input.input-search {
background: #eee;
color: #5f5f5f;
text-indent: 12px;
z-index: 1;
}
input[type="submit"] {
&.fa {
color: #5f5f5f;
}
}
}
}
}
}
&.header-absolute{
position: absolute;
width: 100%;
z-index: 999;
}
}
/**
* Search block layout and styles
*/
.search-box-wrapper{
i{
font-size: 18px;
line-height: 26px;
}
}
.search-box{
.input-group-addon{
background:#FFFFFF;
border:none;
border-radius:0px $border-radius-base $border-radius-base 0px;
font-weight: normal;
position: relative;
padding:0 !important;
margin: 0 !important;
input{ background: transparent; border-color:$theme-color ; color:#b5b5b5; }
.fa {
width: 32px;
height: 25px;
line-height: 25px;
padding: 0;
}
&:after{
content: " ";
width: 1px;
height: 100%;
position:absolute;
top: 0;
right: 0;
background:#CCC;
}
}
input, select{ border:none ; border-radius:$border-radius-base;background:$white; }
select{ border-radius:0 0 0!important; border:none !important; background:transparent!important; box-shadow:0 0 0!important; font-weight:normal; margin-right:2px; }
&.search-box-simple{
.input-group{
border:solid 2px $theme-color;
border-radius:$border-radius-base;;
background: #FFFFFF;
}
.input-group-addon{ background:transparent; }
input{ color:#000000 }
}
}
##{$app-prefix}-topbar{
&.topbar-v1 {
}
&.topbar-v2 {
background: transparent;
.search-box {
.input-group-addon {
background: transparent;
input {
background: transparent;
color: #5D5D5D;
z-index: 2;
position: relative;
padding: 1px 8px;
}
}
.input-search {
background: #e8e8e8;
color: rgba(0, 0, 0, 0.4);
font-weight: bold;
}
}
}
}
.toggle-overlay-container{
/* height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 100%; */
.search-box {
/* width: calc(100% - 86px);
float: left; */
.input-group{
/* width: 90%;
margin:30px auto; */
border:solid 2px $theme-color;
.form-control{ height: 40px }
}
}
.dropdown-toggle-button{
width: 86px;
height: 100%;
text-align: center;
float:right;
background:#F2f2f2;
cursor: hand;cursor:pointer;
}
z-index: 10;
background:#FFFFFF;
&.active{
opacity: 1;
visibility:visible;
}
}
/**
* Mass Bottom Header Styles
*/
.#{$app-prefix}-massbottom-head {
.inner{
background:$massbottom-head-bg;
padding: $massbottom-head-padding;
border-top: $massbottom-head-border-color solid 1px;
color: $massbottom-head-color;
}
}
/**
* Main menu styles
*/
##{$app-prefix}-mainmenu{
background: transparent;
position: relative;
z-index: 999;
.inner{
}
}
/**
* Breadscrumb content style
*/
.#{$app-prefix}-breadscrumb{
background: $breadcrumb-bg;
margin-bottom: $line-height-computed;
.breadcrumb{
padding:0;
background:transparent;
margin:0;
text-transform:uppercase;
li{
font-size: 11px;
a {
font-family: $headings-font-family;
line-height: 40px;
}
&.active {
color: $gray-dark;
}
}
}
&.has-image {
position: relative;
.category-banner {
margin: 0;
text-align: center;
}
.container-fluid {
@include absolute(left 0 bottom 0);
background: rgba(0,0,0,.3);
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
.container {
margin: 0 auto !important;
padding: 0 15px !important;
li {
a {
color: $white;
&:hover {
color: $brand-primary;
}
}
}
> li + li:before {
color: $white;
opacity: .8;
}
}
}
}
}
/**
* Footer layout styles
*/
.wpb-js-composer {
h1.engoc-page-title, h1.archive-title, h1.page-title {
display: none;
}
}
#main{
.container-fluid{
margin-left: - floor(($grid-gutter-width / 2)) ;
margin-right: - floor(($grid-gutter-width / 2)) ;
}
}
.#{$app-prefix}-footer{
margin-top: 20px;
color:$footer-color;
line-height: 30px;
.inner{
padding-bottom:$footer-padding-bottom ;
padding-top:$footer-padding-top ;
}
h2,h3,h4,h5{
color:$footer-heading-color;
}
.footer-top{
@include container-layout-variant($footer-top-color, transparent, $footer-link-color);
}
.footer-center{ }
.footer-bottom{ }
.engo-horizontal-menu-widget {
margin-bottom: 0;
}
.widget-brand-logo {
.owl-carousel .owl-item .item {
padding: 30px 0px;
}
}
.widget-text-heading {
padding: 0;
.widget-heading {
padding: 0;
margin: 0 0 20px;
font-size: 18px;
font-family: $headings-font-family;
font-weight: 400;
text-transform: inherit;
color: #212121;
&.widget-heading-main {
text-align: left;
&:after {
display: none;
}
}
span {
padding: 0;
display: inline-block;
position: relative;
font-size: 18px;
font-family: $headings-font-family;
font-weight: 400;
text-transform: inherit;
color: $gray-darker;
letter-spacing: inherit;
}
}
}
.vc_icon_element {
.vc_icon_element-inner {
height: auto !important;
width: 3em !important;
a {
.vc_icon_element-icon {
left: 0 !important;
@include transform(translate(0, -50%) !important);
}
}
}
&.vc_icon_element-outer.vc_icon_element-align-left {
float: left;
}
}
/*------------------------------------*\
Copyright
\*------------------------------------*/
.#{$app-prefix}-copyright{
text-align: center;
background: $copyright-bg;
color: $copyright-color;
font-size: $copyright-font-size;
font-weight: $copyright-font-weight;
width: 100%;
@include box-size($copyright-bg, $copyright-padding-top, $copyright-padding-bottom);
.#{$block-selector} {
.#{$block-heading-selector}{
color: $footer-heading-color;
text-transform: $footer-heading-transform;
margin: $footer-heading-margin;
@include font-size(font-size,$footer-heading-font-size);
}
}
.input-group{
border: 0px;
.fa{
color: $gray-light;
}
}
a{
&:hover,
&:focus,
&:active{
color: $theme-color;
}
color: $copyright-link-color;
}
address{
margin: 0;
}
.payment{
padding-top: 30px;
}
}
&.footer-v1 {
div[class*="col-"] + div[class*="col-"] {
.feature-box {
&:before {
content: "";
@include absolute(top 50% left -50%);
left: 0;
border-left: 1px solid $gray-darker;
@include transform(translate(-50%, -50%));
height: 20px;
display: block;
opacity: .3;
}
}
}
.vc_icon_element {
.vc_icon_element-inner {
a {
.vc_icon_element-icon {
color: $gray-dark;
}
&:hover {
.vc_icon_element-icon {
color: $brand-primary !important;
}
}
}
}
&.vc_icon_element-outer.vc_icon_element-align-left {
float: left;
}
}
.widget {
margin-bottom: 0;
.widget-title {
padding: 0;
margin: 0 0 25px;
}
}
.wpb_wrapper {
p {
line-height: 2.4rem;
margin-bottom: 0;
br {
display: none;
}
}
}
.wpb_singleimage_heading {
margin: 0 0 20px;
}
.wpb_single_image {
margin-bottom: 6px;
}
.engo-horizontal-menu {
border-top: 1px solid #c3c3c3;
font-family: "Raleway", sans-serif;
font-size: 12px;
color: #aaa;
ul {
li {
position: relative;
+ li {
&:before {
content: "";
height: 12px;
width: 0;
@include absolute(top 50% left 0);
border-left: 1px solid #747474;
@include transform(translate(0, -50%));
}
}
}
}
a {
color: #555555;
font-size: 1.3rem;
padding: 10px 15px;
&:hover {
color: $brand-primary;
}
}
}
.#{$app-prefix}-copyright{
background: transparent;
color: #b5b5b5 ;
font-size: $font-size-small;
a {
color: #b5b5b5;
&:hover {
color: $brand-primary;
}
}
}
/** mailchimp **/
.mc4wp-form {
margin-top: 10px;
input[type=email] {
background: #f4f4f4;
border: 2px solid #f4f4f4;
font-size: 1.3rem;
@include box-shadow(inset 0 1px 1px #f4f4f4);
}
input[type=submit] {
color: #fff !important;
background-color: $gray-darker !important;
border: 2px solid #f4f4f4;
text-transform: inherit;
&:hover {
background-color: $brand-primary !important;
}
}
}
}
&.footer-v2 {
background: $gray-darker;
color: #aaa;
>.inner {
padding-top: 0;
}
.#{$app-prefix}-copyright{
background: transparent;
color: #555 ;
font-size: $font-size-small;
}
.widget-text-heading {
.widget-heading {
color: $white;
span {
color: $white;
}
}
}
.feature-box {
position: relative;
.fbox-image {
vertical-align: text-bottom;
}
h4 {
a {
color: $white;
&:hover {
color: #aaa;
}
}
}
&:hover {
.fbox-image {
@include transform(rotateY(360deg));
}
}
}
div[class*="col-"] + div[class*="col-"] {
.feature-box {
&:before {
content: "";
@include absolute(top 50% left -50%);
left: -$grid-gutter-width/2;
border-left: 1px solid $white;
@include transform(translate(-50%, -50%));
height: 20px;
display: block;
}
}
}
.wpb_single_image .wpb_singleimage_heading {
color: $white;
margin-top: 0;
margin-bottom: 20px;
}
.vc_icon_element {
.vc_icon_element-inner {
a {
.vc_icon_element-icon {
color: $white;
}
&:hover {
.vc_icon_element-icon {
color: $brand-primary !important;
}
}
}
}
&.vc_icon_element-outer.vc_icon_element-align-left {
float: left;
}
}
.widget {
.widget-title {
color: $white;
padding: 0;
}
.widget-content {
background-color: transparent;
a {
color: #aaa;
&:hover {
color: $white;
}
}
}
}
.engo-horizontal-menu {
border-top: 1px solid #373737;
font-family: "Raleway", sans-serif;
font-size: 12px;
color: #aaa;
padding: 15px 0 0;
ul {
li {
position: relative;
+li {
&:before {
content: "";
height: 12px;
width: 0;
@include absolute(top 50% left 0);
border-left: 1px solid #aaa;
@include transform(translate(0,-50%));
}
}
}
}
a {
color: #aaa;
padding-top: 0;
padding-bottom: 0;
&:hover {
color: $white;
}
}
}
/** mailchimp **/
.mc4wp-form{
input[type=email] {
background: #383838;
border: 2px solid #383838;
font-size: 1.3rem;
}
input[type=submit] {
color: #fff!important;
background-color: #212121!important;
border: 2px solid #383838;
text-transform: inherit;
&:hover {
background-color: $brand-primary !important;
}
}
}
}
&.footer-v3 {
background: $gray-darker;
color: #aaa;
>.inner {
padding-top: 0;
}
.#{$app-prefix}-copyright{
background: transparent;
color: #555 ;
font-size: $font-size-small;
}
.wpb_single_image .wpb_singleimage_heading {
color: $white;
margin-top: 0;
margin-bottom: 20px;
}
.feature-box {
.fbox-image {
float: left;
}
h4 {
color: $white;
font-size: 1.6rem;
font-weight: 700;
font-family: $headings-font-family;
word-spacing: 4px;
letter-spacing: 0.16rem;
line-height: 18px;
padding-top: 10px;
}
}
.vc_icon_element {
.vc_icon_element-inner {
a {
.vc_icon_element-icon {
color: $white;
}
&:hover {
.vc_icon_element-icon {
color: $brand-primary !important;
}
}
}
}
&.vc_icon_element-outer.vc_icon_element-align-left {
float: left;
}
}
.widget {
.widget-title {
color: $white;
padding: 0;
}
.widget-content {
background-color: transparent;
a {
color: #aaa;
&:hover {
color: $white;
}
}
}
}
.widget_text {
margin-bottom: 0;
p {
margin-bottom: 0;
margin-top: 0;
br {
display: none;
}
}
}
/** mailchimp **/
.mc4wp-form {
margin: 0;
input[type=email] {
background: #343434;
border: 2px solid #343434;
height: 40px !important;
font-size: 1.3rem;
}
input[type=submit] {
color: #fff!important;
background-color: $brand-primary !important;
border: 2px solid #343434;
text-transform: inherit;
height: 40px !important;
&:hover {
background-color: #484848 !important;
}
}
}
.#{$app-prefix}-copyright {
display: none;
}
}
&.footer-v4 {
background: $gray-darker;
color: #aaa;
padding: 0;
>.inner {
padding-top: 0;
>.engo-footer-profile {
.wpb-container:first-child {
>.container {
padding: 24px 0;
border-bottom:1px dashed #4d4d4d;
}
}
}
}
.widget-text-heading {
padding-bottom: 0;
padding-top: 20px;
}
p {
color: $white;
opacity: .3;
font-size: 16px;
width: 75%;
margin: 0 auto;
text-align: center;
}
.widget-heading-main {
margin: 0;
color: $white;
text-align: center !important;
&:after {
content: "";
height: 1px;
display: block !important;
margin: 25px auto 30px;
background: #898989;
width: 90px;
}
span {
font-size: 36px;
color: inherit;
font-weight: 700;
}
}
.#{$app-prefix}-copyright{
background: transparent;
color: #555 ;
font-size: $font-size-small;
}
.owl-carousel .owl-item img {
width: auto;
margin: 0 auto;
}
.wpb_single_image .wpb_singleimage_heading {
color: $white;
margin-top: 0;
margin-bottom: 20px;
}
.widget {
.widget-title {
color: $white;
padding: 0;
}
.widget-content {
background-color: transparent;
a {
color: #aaa;
&:hover {
color: $white;
}
}
}
}
.widget_text, .wpb_text_column {
margin-bottom: 0;
p:empty {
margin-bottom: 0;
margin-top: 0;
}
}
.#{$app-prefix}-horizontal-menu {
border-top: 1px solid #373737;
font-family: "Raleway", sans-serif;
font-size: 12px;
color: #aaa;
ul {
li {
position: relative;
+li {
&:before {
content: "";
height: 12px;
width: 0;
@include absolute(top 50% left 0);
border-left: 1px solid #aaa;
@include transform(translate(0,-50%));
}
}
}
}
a {
color: #aaa;
&:hover {
color: $white;
}
}
}
/** mailchimp **/
.mc4wp-form {
width: 50%;
text-align: center;
display: block;
margin: 0 auto;
input[type=email] {
background: #383838;
border: 2px solid #383838;
height: 40px !important;
font-size: 1.3rem;
}
input[type=submit] {
color: #fff!important;
background-color: $brand-primary !important;
border: 2px solid #383838;
text-transform: inherit;
height: 40px !important;
&:hover {
background-color: $white !important;
color: $brand-primary !important;
}
}
p {
margin: 0;
}
}
}
&.footer-v5 {
color: #aaa;
padding: 0;
> .inner {
padding: 0 0 20px;
}
.wpb_text_column {
text-align: right;
font-size: 13px;
color: #555;
i.fa {
color: $brand-primary;
}
}
.#{$app-prefix}-copyright{
display: none;
}
.vc_icon_element {
display: inline;
.vc_icon_element-inner {
a {
.vc_icon_element-icon {
color: $gray-dark;
}
&:hover {
.vc_icon_element-icon {
color: $brand-primary !important;
}
}
}
}
&.vc_icon_element-outer.vc_icon_element-align-left {
float: left;
}
}
}
&.footer-v6 {
padding: 0;
text-align: center;
> .inner {
padding: 40px 0 20px;
}
.#{$app-prefix}-copyright{
}
.owl-carousel .owl-item .item {
padding: 22px 0px;
}
.widget-brand-logo {
margin-bottom: 0;
}
.vc_icon_element {
display: inline;
.vc_icon_element-inner {
a {
.vc_icon_element-icon {
color: $gray-dark;
}
&:hover {
.vc_icon_element-icon {
color: $brand-primary !important;
}
}
}
}
&.vc_icon_element-outer.vc_icon_element-align-left {
float: left;
}
}
.#{$app-prefix}-horizontal-menu {
border-top: 1px solid #c3c3c3;
font-family: $font-family-base;
font-size: 13px;
margin-top: 60px;
padding-left: 0;
padding-right: 0;
ul {
li {
position: relative;
+li {
&:before {
content: "";
height: 12px;
width: 0;
@include absolute(top 50% left 0);
border-left: 1px solid #aaa;
@include transform(translate(0,-50%));
}
}
&:first-child {
a {
padding-left: 0;
}
}
&:last-child {
a {
padding-right: 0;
}
}
}
}
a {
color: $gray-darker;
font-size: 1.3rem;
&:hover {
color: $brand-primary;
}
}
}
}
}
.#{$app-prefix}-faq-v1 {
.wpb_wrapper {
width: 50%;
position: relative;
#engo-faq-result {
padding:40px 36px;
position: absolute;
left: 100%;
width: 100%;
top: 0;
background: $white;
bottom: 0;
opacity: 0;
@include transition(all .2s ease);
}
.vc_toggle {
+ .vc_toggle {
.vc_toggle_title {
border-top: 1px solid #e0e0e0 ;
}
}
.vc_toggle_title{
border-right: 1px solid #e0e0e0 ;
padding-left: $grid-gutter-width;
h4 {
font-family: $headings-font-family;
font-size: $font-size-base;
text-transform: none;
color: #888;
font-weight: 400;
padding: 15px;
display: block;
margin: 0;
&:before {
content: "";
width: 0;
height:0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 5px solid transparent;
border-left: 5px solid #888;
display: block;
float: left;
margin-top: 4px;
margin-right: 15px;
}
}
.vc_toggle_icon {}
}
.vc_toggle_content {
height: 0;
padding: 0;
margin: 0;
}
&.vc_toggle_title_active {
.vc_toggle_title {
border-right: 1px solid #fff;
h4 {
font-weight: 700;
color: $gray-darker;
&:before {
border-left: 5px solid $gray-darker;
}
}
}
}
}
}
}
.#{$app-prefix}-404-block {
text-align: center;
margin: 80px 0;
.#{$app-prefix}-404-content {
font-size: 36px;
display: block;
text-align: center;
font-family: $headings-font-family;
text-transform: uppercase;
padding-top: 200px;
background: transparent url("images/404.png") no-repeat scroll center top;
background-size: 410px 162px;
font-weight: bold;
}
p {
font-size: $font-size-large;
}
}