8923 lines
209 KiB
CSS
8923 lines
209 KiB
CSS
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| Be
|
||
|
|
| Structure styles
|
||
|
|
| http://BeantownThemes.com
|
||
|
|
| http://themeforest.net/user/BeantownThemes
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 1.0 Grid
|
||
|
|
| 2.0 Layout
|
||
|
|
| 3.0 Responsive-1240
|
||
|
|
| 4.0 Responsive
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 1.0 Grid
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* #Base 1200 Grid
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
body {
|
||
|
|
min-width: 1240px;
|
||
|
|
padding: 25px 0;
|
||
|
|
}
|
||
|
|
#Wrapper {
|
||
|
|
width: 1240px;
|
||
|
|
margin: 0px auto;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.layout-full-width {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.layout-full-width #Wrapper {
|
||
|
|
width: 100% !important;
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Content
|
||
|
|
=============================== */
|
||
|
|
|
||
|
|
#Content {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
body:not(.template-slider) #Content {
|
||
|
|
padding-top: 30px;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
.section {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.section_wrapper, .container {
|
||
|
|
/*width: 1200px;*/
|
||
|
|
margin: 0 auto;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.section_wrapper:after, .container:after {
|
||
|
|
clear: both;
|
||
|
|
content: " ";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.column, .columns {
|
||
|
|
float: left;
|
||
|
|
margin: 0 1% 40px;
|
||
|
|
}
|
||
|
|
.column.column_divider, .column-margin-0px .column {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.column-margin-10px .column {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.column-margin-20px .column {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.column-margin-30px .column {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
.column-margin-40px .column {
|
||
|
|
margin-bottom: 40px;
|
||
|
|
}
|
||
|
|
.column-margin-50px .column {
|
||
|
|
margin-bottom: 50px;
|
||
|
|
}
|
||
|
|
.the_content_wrapper {
|
||
|
|
margin: 0 1%;
|
||
|
|
}
|
||
|
|
.column_content .the_content_wrapper {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.column_attr.align_left {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.column_attr.align_right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.column_attr.align_center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.column_attr.align_justify {
|
||
|
|
text-align: justify;
|
||
|
|
}
|
||
|
|
.extra_content .the_content_wrapper {
|
||
|
|
margin: 0 1% 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* .with_aside */
|
||
|
|
|
||
|
|
.with_aside .content_wrapper {
|
||
|
|
width: 1200px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
.with_aside .sections_group {
|
||
|
|
width: 75%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.with_aside .section_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.with_aside .four.columns {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.aside_left .sections_group {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.aside_left .four.columns {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* both sidebars | .aside_both */
|
||
|
|
|
||
|
|
.aside_both .sections_group {
|
||
|
|
width: 60%;
|
||
|
|
margin-left: 20%;
|
||
|
|
}
|
||
|
|
.aside_both .sidebar.columns {
|
||
|
|
width: 18%;
|
||
|
|
}
|
||
|
|
.aside_both .sidebar-1 {
|
||
|
|
float: left !important;
|
||
|
|
margin-left: -79%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* sidebars for sections */
|
||
|
|
|
||
|
|
.right-sidebar .items_group {
|
||
|
|
width: 75%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.right-sidebar .four.columns {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.left-sidebar .items_group {
|
||
|
|
width: 75%;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.left-sidebar .four.columns {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Base Grid
|
||
|
|
=============================== */
|
||
|
|
|
||
|
|
.one-sixth.column {
|
||
|
|
width: 14.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/6 */
|
||
|
|
|
||
|
|
.one-fifth.column {
|
||
|
|
width: 18%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/5 */
|
||
|
|
|
||
|
|
.four.columns, .one-fourth.column {
|
||
|
|
width: 23%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/4 */
|
||
|
|
|
||
|
|
.one-third.column {
|
||
|
|
width: 31.333%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/3 */
|
||
|
|
|
||
|
|
.one-second.column {
|
||
|
|
width: 48%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/2 */
|
||
|
|
|
||
|
|
.two-third.column {
|
||
|
|
width: 64.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 2/3 */
|
||
|
|
|
||
|
|
.three-fourth.column {
|
||
|
|
width: 73%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 3/4 */
|
||
|
|
|
||
|
|
.one.column {
|
||
|
|
width: 98%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/1 */
|
||
|
|
|
||
|
|
|
||
|
|
/* without horizontal margin */
|
||
|
|
|
||
|
|
.no-margin-h .column {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.no-margin-h .one-sixth.column {
|
||
|
|
width: 16.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/6 */
|
||
|
|
|
||
|
|
.no-margin-h .one-fifth.column {
|
||
|
|
width: 20%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/5 */
|
||
|
|
|
||
|
|
.no-margin-h .one-fourth.column {
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/4 */
|
||
|
|
|
||
|
|
.no-margin-h .one-third.column {
|
||
|
|
width: 33.333%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/3 */
|
||
|
|
|
||
|
|
.no-margin-h .one-second.column {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/2 */
|
||
|
|
|
||
|
|
.no-margin-h .two-third.column {
|
||
|
|
width: 66.666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 2/3 */
|
||
|
|
|
||
|
|
.no-margin-h .three-fourth.column {
|
||
|
|
width: 75%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 3/4 */
|
||
|
|
|
||
|
|
.no-margin-h .one.column {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 1/1 */
|
||
|
|
|
||
|
|
|
||
|
|
/* #Clearing
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
|
||
|
|
/* Self Clearing Goodness */
|
||
|
|
|
||
|
|
.container:after {
|
||
|
|
content: "\0020";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
clear: both;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
|
||
|
|
|
||
|
|
.clearfix:before, .clearfix:after, .row:before, .row:after {
|
||
|
|
content: '\0020';
|
||
|
|
display: block;
|
||
|
|
overflow: hidden;
|
||
|
|
visibility: hidden;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
.row:after, .clearfix:after {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.row, .clearfix {
|
||
|
|
zoom: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* You can also use a <br class="clear" /> to clear columns */
|
||
|
|
|
||
|
|
.clear {
|
||
|
|
clear: both;
|
||
|
|
display: block;
|
||
|
|
overflow: hidden;
|
||
|
|
visibility: hidden;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 2.0 Layout
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* Global ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.rev_slider iframe {
|
||
|
|
max-width: 1220px
|
||
|
|
}
|
||
|
|
.rev_slider ul {
|
||
|
|
margin: 0!important
|
||
|
|
}
|
||
|
|
.tp-static-layers {
|
||
|
|
z-index: 200
|
||
|
|
}
|
||
|
|
#mfn-layer-slider {
|
||
|
|
position: relative;
|
||
|
|
z-index: 28
|
||
|
|
}
|
||
|
|
#mfn-layer-slider .ls-yourlogo {
|
||
|
|
z-index: 29
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section --------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.section[data-parallax="3d"] {
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.section .mfn-parallax {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
max-width: none!important
|
||
|
|
}
|
||
|
|
.wrap[data-parallax="3d"] {
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.wrap[data-parallax="3d"]>.mcb-wrap-inner, .wrap[data-parallax="3d"]>.column {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.section.center {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.section.no-margin .column, .section.no-margin-v .column {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.the_content_wrapper pre {
|
||
|
|
margin-bottom: 20px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Transparent ----------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.tr-content #Wrapper, .tr-content #Content {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.tr-header #Wrapper {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.tr-header #Header_wrapper {
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
.tr-footer #Wrapper {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.tr-footer #Footer {
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* No Shadow ------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.no-shadows #Wrapper, .no-shadows #Top_bar.is-sticky, .no-shadows #Header_creative {
|
||
|
|
box-shadow: 0 0 0 transparent;
|
||
|
|
-webkit-box-shadow: 0 0 0 transparent
|
||
|
|
}
|
||
|
|
.no-shadows #Subheader:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Blank & Under Construction -------------------------------------------------------- */
|
||
|
|
|
||
|
|
.page.hide-title-area #Content, .no-content-padding #Content, .template-blank #Content, .under-construction #Content {
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
.with_aside.page.hide-title-area .sections_group, .with_aside.no-content-padding .sections_group {
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
.under-construction .section-uc-1 {
|
||
|
|
padding-top: 40px;
|
||
|
|
background-color: #fff
|
||
|
|
}
|
||
|
|
.under-construction .section-uc-2 {
|
||
|
|
padding-top: 40px;
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
background: url(../../images/stripes/stripes_3_b.png) repeat center
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
.under-construction .section-uc-3 {
|
||
|
|
padding-top: 40px
|
||
|
|
}
|
||
|
|
.under-construction .section-border-top {
|
||
|
|
border-top: 1px solid rgba(0, 0, 0, 0.08)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Nice Scroll | .nice-scroll -------------------------------------------------------- */
|
||
|
|
|
||
|
|
body.nice-scroll {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
body.nice-scroll:not(.layout-boxed) {
|
||
|
|
padding-right: 10px!important
|
||
|
|
}
|
||
|
|
.nice-scroll #configurator, .nice-scroll #Sliding-top a.sliding-top-control, .nice-scroll .fixed-nav.fixed-nav-next {
|
||
|
|
margin-right: 10px
|
||
|
|
}
|
||
|
|
.nice-scroll .nicescroll-rails {
|
||
|
|
background: #666;
|
||
|
|
z-index: 9002!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Slider | Pagination --------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.slider_pagination {
|
||
|
|
text-align: center;
|
||
|
|
line-height: 0
|
||
|
|
}
|
||
|
|
.slider_pagination a {
|
||
|
|
display: inline-block;
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
text-indent: -9999px;
|
||
|
|
margin: 0 9px;
|
||
|
|
background: rgba(0, 0, 0, .15);
|
||
|
|
-webkit-border-radius: 100%;
|
||
|
|
border-radius: 100%;
|
||
|
|
position: relative;
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
.slider_pagination a:hover {
|
||
|
|
background: rgba(0, 0, 0, .25)
|
||
|
|
}
|
||
|
|
.slider_pagination a.selected, .slider_pagination .slick-active a {
|
||
|
|
width: 10px;
|
||
|
|
height: 8px;
|
||
|
|
|
||
|
|
position: relative;
|
||
|
|
top: 4px;
|
||
|
|
background: rgba(0, 0, 0, .15);
|
||
|
|
-webkit-border-radius: 2px;
|
||
|
|
border-radius: 2px
|
||
|
|
}
|
||
|
|
.slider_pagination a.selected:after, .slider_pagination .slick-active a:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 8px;
|
||
|
|
height: 8px;
|
||
|
|
-webkit-border-radius: 1px;
|
||
|
|
border-radius: 1px;
|
||
|
|
position: absolute;
|
||
|
|
left: 1px;
|
||
|
|
top: -3px;
|
||
|
|
background: #D6D6D6;
|
||
|
|
-webkit-transform: rotate(45deg);
|
||
|
|
transform: rotate(45deg)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Slider Revolution ----------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#mfn-rev-slider input {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
.tp-bullets.tp-thumbs{z-index:29}
|
||
|
|
.fullwidthbanner-container .tp-thumbs{padding:0!important}
|
||
|
|
.tp-bullets.tp-thumbs .tp-mask,.tp-bullets.tp-thumbs .bullet{overflow:visible}
|
||
|
|
.tp-bullets.tp-thumbs .bullet.selected:after{bottom:-7px;content:"";display:block;height:7px;left:0;position:absolute;width:100%}
|
||
|
|
.tparrows.round,.tparrows.navbar{display:inline-block;padding:0;width:46px;height:46px;cursor:pointer;border:0;-webkit-border-radius:5px;border-radius:5px;position:relative;overflow:hidden;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);background-repeat:no-repeat;background-position:center center}
|
||
|
|
.tp-leftarrow.round,.tp-leftarrow.navbar{background-image:url(../images/tp-leftarrow.png)}
|
||
|
|
.tp-rightarrow.round,.tp-rightarrow.navbar{background-image:url(../images/tp-rightarrow.png)}
|
||
|
|
.tparrows.round:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;z-index:1;text-decoration:none;background:rgba(0,0,0,.05);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
|
||
|
|
.tparrows.round:hover:after{width:100%}
|
||
|
|
.tparrows.default.preview1,.tparrows.default.preview4{background:transparent}
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* Sliding top ----------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#Sliding-top {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 800
|
||
|
|
}
|
||
|
|
#Sliding-top:after {
|
||
|
|
content: "";
|
||
|
|
height: 3px;
|
||
|
|
width: 100%;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: -3px;
|
||
|
|
z-index: 1;
|
||
|
|
background: url(../../images/box_shadow.png) repeat-x left top
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
#Sliding-top .widgets_wrapper {
|
||
|
|
padding: 15px 0;
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Sliding-top .widgets_wrapper .column {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
#Sliding-top .widgets_wrapper .widget {
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding: 15px 0
|
||
|
|
}
|
||
|
|
#Sliding-top .widgets_wrapper .widget:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Sliding-top a.sliding-top-control {
|
||
|
|
display: block;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 0 45px 45px 0;
|
||
|
|
border-color: transparent;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 801;
|
||
|
|
right: 0;
|
||
|
|
bottom: -45px
|
||
|
|
}
|
||
|
|
#Sliding-top a.sliding-top-control span {
|
||
|
|
display: block;
|
||
|
|
width: 26px;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 25px;
|
||
|
|
text-align: center;
|
||
|
|
position: absolute;
|
||
|
|
right: -45px;
|
||
|
|
top: 0;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 18px
|
||
|
|
}
|
||
|
|
#Sliding-top a.sliding-top-control .minus {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Sliding-top a.sliding-top-control .plus {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Sliding-top.active a.sliding-top-control .minus {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Sliding-top.active a.sliding-top-control .plus {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Sliding-top.st-center a.sliding-top-control {
|
||
|
|
border-color: transparent;
|
||
|
|
border-width: 45px 45px 0;
|
||
|
|
left: 50%;
|
||
|
|
right: auto;
|
||
|
|
margin-left: -22px;
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
#Sliding-top.st-center a.sliding-top-control span {
|
||
|
|
left: -14px;
|
||
|
|
top: -45px
|
||
|
|
}
|
||
|
|
#Sliding-top.st-left a.sliding-top-control {
|
||
|
|
border-color: transparent;
|
||
|
|
border-width: 45px 45px 0 0;
|
||
|
|
left: 0;
|
||
|
|
right: auto;
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
#Sliding-top.st-left a.sliding-top-control span {
|
||
|
|
left: -3px;
|
||
|
|
top: -45px
|
||
|
|
}
|
||
|
|
#Sliding-top .Recent_posts ul li .desc {
|
||
|
|
background: rgba(0, 0, 0, .1)
|
||
|
|
}
|
||
|
|
#Sliding-top .widget_mfn_menu ul li a {
|
||
|
|
background: rgba(0, 0, 0, .1);
|
||
|
|
color: #ccc
|
||
|
|
}
|
||
|
|
#Sliding-top .widget_recent_entries ul li {
|
||
|
|
background: rgba(0, 0, 0, .1)
|
||
|
|
}
|
||
|
|
#Sliding-top ul.list_mixed li:after, #Sliding-top ul.list_check li:after, #Sliding-top ul.list_star li:after, #Sliding-top ul.list_idea li:after {
|
||
|
|
background: rgba(255, 255, 255, .08)
|
||
|
|
}
|
||
|
|
#Sliding-top .widget_mfn_recent_comments ul li .date_label {
|
||
|
|
background-color: rgba(0, 0, 0, .07)
|
||
|
|
}
|
||
|
|
#Sliding-top .widget_mfn_recent_comments ul li .date_label:after {
|
||
|
|
border-left-color: rgba(0, 0, 0, .07)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Pager ----------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.pager_wrapper {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.pager {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.pager .pages {
|
||
|
|
display: inline-block;
|
||
|
|
margin: 20px 30px 0;
|
||
|
|
padding: 4px 3px;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius: 5px;
|
||
|
|
background-color: #f8f8f8;
|
||
|
|
background-image: url(../../images/stripes/stripes_3_b.png)
|
||
|
|
}
|
||
|
|
.pager .pages a, .pager .pages span.page-numbers {
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0 1px;
|
||
|
|
width: 35px;
|
||
|
|
height: 35px;
|
||
|
|
line-height: 35px;
|
||
|
|
text-align: center;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius: 5px
|
||
|
|
}
|
||
|
|
.pager .pages a:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
.pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.pager a.next_page, .pager a.prev_page {
|
||
|
|
display: inline-block;
|
||
|
|
line-height: 43px
|
||
|
|
}
|
||
|
|
.pager .pages a {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Load more button ------------------------------------------------------------------ */
|
||
|
|
|
||
|
|
.pager_lm {
|
||
|
|
background: url(../../images/preloader.gif) no-repeat center 17px;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.pager_lm .pager_load_more {
|
||
|
|
margin: 20px 0
|
||
|
|
}
|
||
|
|
.pager_lm.loading {
|
||
|
|
min-height: 49px
|
||
|
|
}
|
||
|
|
.pager_lm:not(.loading) {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Pager single | blog post ---------------------------------------------------------- */
|
||
|
|
|
||
|
|
.page-pager, .post-pager {
|
||
|
|
margin-bottom: 0!important;
|
||
|
|
}
|
||
|
|
.pager-single {
|
||
|
|
text-align: center;
|
||
|
|
background: rgba(0, 0, 0, 0.02);
|
||
|
|
margin-top: 15px;
|
||
|
|
margin-bottom: 40px
|
||
|
|
}
|
||
|
|
.pager-single span {
|
||
|
|
height: 45px;
|
||
|
|
line-height: 45px;
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0 9px;
|
||
|
|
position: relative;
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
.pager-single a span {
|
||
|
|
font-weight: 400
|
||
|
|
}
|
||
|
|
.pager-single span:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: -1px;
|
||
|
|
width: 100%;
|
||
|
|
height: 1px
|
||
|
|
}
|
||
|
|
.pager-single a span:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Fixed Navigation ------------------------------------------------------------------ */
|
||
|
|
|
||
|
|
#Content .fixed-nav {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.fixed-nav {
|
||
|
|
position: fixed;
|
||
|
|
bottom: 40px;
|
||
|
|
height: 80px;
|
||
|
|
z-index: 90
|
||
|
|
}
|
||
|
|
.fixed-nav.fixed-nav-prev {
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
.fixed-nav.fixed-nav-next {
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
.fixed-nav .arrow {
|
||
|
|
display: block;
|
||
|
|
width: 35px;
|
||
|
|
height: 80px;
|
||
|
|
font-size: 15px;
|
||
|
|
position: relative;
|
||
|
|
z-index: 92;
|
||
|
|
color: #fff;
|
||
|
|
line-height: 80px;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.fixed-nav .photo {
|
||
|
|
height: 80px;
|
||
|
|
width: 80px;
|
||
|
|
position: relative;
|
||
|
|
z-index: 92;
|
||
|
|
overflow: hidden;
|
||
|
|
line-height: 0;
|
||
|
|
background-color: #000
|
||
|
|
}
|
||
|
|
.fixed-nav .desc {
|
||
|
|
width: 190px;
|
||
|
|
padding: 6px 15px;
|
||
|
|
min-height: 68px;
|
||
|
|
background: #fff;
|
||
|
|
z-index: 91
|
||
|
|
}
|
||
|
|
.fixed-nav .desc h6 {
|
||
|
|
margin-bottom: 3px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
.fixed-nav .desc i {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 2px
|
||
|
|
}
|
||
|
|
.fixed-nav .desc i:before {
|
||
|
|
margin-left: 0
|
||
|
|
}
|
||
|
|
.fixed-nav-prev .arrow, .fixed-nav-prev .photo, .fixed-nav-prev .desc {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.fixed-nav-prev .desc {
|
||
|
|
margin-left: -335px
|
||
|
|
}
|
||
|
|
.fixed-nav-prev:hover .desc {
|
||
|
|
margin-left: 0
|
||
|
|
}
|
||
|
|
.fixed-nav-next .arrow, .fixed-nav-next .photo, .fixed-nav-next .desc {
|
||
|
|
float: right
|
||
|
|
}
|
||
|
|
.fixed-nav-next .desc {
|
||
|
|
margin-right: -335px
|
||
|
|
}
|
||
|
|
.fixed-nav-next:hover .desc {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
.fixed-nav .photo, .fixed-nav .desc {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
-ms-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
.fixed-nav.format-quote .desc {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.fixed-nav.format-quote .photo {
|
||
|
|
background-color: #eee;
|
||
|
|
background-image: url(../../images/blockquote.png);
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 50% auto
|
||
|
|
}
|
||
|
|
.fixed-nav.format-link .photo img {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.fixed-nav.format-link .photo {
|
||
|
|
background-color: #eee;
|
||
|
|
background-image: url(../../images/link.png);
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat
|
||
|
|
}
|
||
|
|
@media only screen and (max-width: 1430px) {
|
||
|
|
.fixed-nav-prev .photo {
|
||
|
|
position: static;
|
||
|
|
margin-left: -115px
|
||
|
|
}
|
||
|
|
.fixed-nav-prev:hover .photo {
|
||
|
|
margin-left: 0
|
||
|
|
}
|
||
|
|
.fixed-nav-next .photo {
|
||
|
|
position: static;
|
||
|
|
margin-right: -115px
|
||
|
|
}
|
||
|
|
.fixed-nav-next:hover .photo {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Filters --------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#Filters {
|
||
|
|
margin-bottom: 30px
|
||
|
|
}
|
||
|
|
#Filters .filters_buttons {
|
||
|
|
padding: 15px;
|
||
|
|
margin: 0;
|
||
|
|
font-size: 100%;
|
||
|
|
background-image: url(../../images/stripes/stripes_5_b.png);
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
#Filters .filters_buttons li {
|
||
|
|
float: left;
|
||
|
|
margin: 0 15px 0 0;
|
||
|
|
list-style: none
|
||
|
|
}
|
||
|
|
#Filters .filters_buttons li.categories i, #Filters .filters_buttons li.tags i {
|
||
|
|
margin-right: 3px
|
||
|
|
}
|
||
|
|
#Filters .filters_buttons li.reset {
|
||
|
|
float: right;
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
#Filters .filters_wrapper {
|
||
|
|
display: none;
|
||
|
|
margin-top: 20px
|
||
|
|
}
|
||
|
|
#Filters .filters_wrapper ul {
|
||
|
|
display: none;
|
||
|
|
overflow: hidden;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
#Filters .filters_wrapper ul li {
|
||
|
|
display: inline-block;
|
||
|
|
width: 19%;
|
||
|
|
margin: .5%;
|
||
|
|
list-style: none
|
||
|
|
}
|
||
|
|
#Filters .filters_wrapper ul li a {
|
||
|
|
display: block;
|
||
|
|
padding: 7px 10px;
|
||
|
|
background: #fff;
|
||
|
|
border: 1px solid #F7F7F7;
|
||
|
|
color: #858585
|
||
|
|
}
|
||
|
|
#Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
#Filters .filters_wrapper ul li.close a {
|
||
|
|
text-align: center;
|
||
|
|
width: 38px;
|
||
|
|
padding: 7px 0;
|
||
|
|
background: #8B8B8B;
|
||
|
|
border: 1px solid #F7F7F7!important;
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
#Filters .filters_wrapper ul li.close a:hover {
|
||
|
|
background: #545454
|
||
|
|
}
|
||
|
|
#Filters .filters_wrapper li.reset-inner {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Filters.only .filters_buttons {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Filters.only .filters_wrapper {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Filters.only li.reset-inner {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
#Filters.only li.close {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
#Filters.only-categories .categories {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Filters.only-categories .tags {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
#Filters.only-categories .authors {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
#Filters.only-tags .categories {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
#Filters.only-tags .tags {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Filters.only-tags .authors {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
#Filters.only-authors .categories {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
#Filters.only-authors .tags {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
#Filters.only-authors .authors {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Filters .filters_wrapper ul li a {
|
||
|
|
-webkit-transition: all .2s ease-in-out;
|
||
|
|
-moz-transition: all .2s ease-in-out;
|
||
|
|
-o-transition: all .2s ease-in-out;
|
||
|
|
-ms-transition: all .2s ease-in-out;
|
||
|
|
transition: all .2s ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section | Highlight --------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.highlight-left, .highlight-right {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.highlight-left:after, .highlight-right:after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
width: 50%;
|
||
|
|
height: 100%;
|
||
|
|
top: 0;
|
||
|
|
z-index: 1
|
||
|
|
}
|
||
|
|
.highlight-left:after {
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
.highlight-right:after {
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
.highlight-left .section_wrapper, .highlight-right .section_wrapper {
|
||
|
|
z-index: 2
|
||
|
|
}
|
||
|
|
@media only screen and (max-width: 767px) {
|
||
|
|
.highlight-left:after, .highlight-right:after {
|
||
|
|
content: none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
body:not(.template-slider) #Header_wrapper {
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: top center
|
||
|
|
}
|
||
|
|
body:not(.template-slider) #Header_wrapper.bg-fixed {
|
||
|
|
background-attachment: fixed
|
||
|
|
}
|
||
|
|
#Header_wrapper {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#Header {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
body:not(.template-slider) #Header {
|
||
|
|
min-height: 250px
|
||
|
|
}
|
||
|
|
.single-template-intro #Header {
|
||
|
|
min-height: 0!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* .header_placeholder */
|
||
|
|
|
||
|
|
.header-empty .header_placeholder, .header-fixed .header_placeholder, .header-modern .header_placeholder, .header-semi .header_placeholder, .header-transparent .header_placeholder {
|
||
|
|
height: 0!important
|
||
|
|
}
|
||
|
|
.tr-menu .header_placeholder {
|
||
|
|
height: 0!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* .minimalist-header */
|
||
|
|
|
||
|
|
body.minimalist-header:not(.template-slider) #Header {
|
||
|
|
min-height: 0;
|
||
|
|
background-image: none!important
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-modern:not(.template-slider) #Header {
|
||
|
|
min-height: 147px
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-simple:not(.template-slider) #Header {
|
||
|
|
min-height: 130px
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-stack:not(.template-slider) #Header {
|
||
|
|
min-height: 0
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-fixed:not(.template-slider) #Header {
|
||
|
|
min-height: 60px
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-below:not(.template-slider) #Header {
|
||
|
|
min-height: 90px;
|
||
|
|
padding-top: 0
|
||
|
|
}
|
||
|
|
.minimalist-header-no #Header {
|
||
|
|
min-height: 0!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Action Bar ------------------------------------------------------------------------ */
|
||
|
|
|
||
|
|
#Action_bar {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 30;
|
||
|
|
line-height: 21px;
|
||
|
|
}
|
||
|
|
#Action_bar .column {
|
||
|
|
margin-bottom: 0;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
#Action_bar .contact_details {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
#Action_bar .contact_details li {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 10px;
|
||
|
|
padding: 20px 0;
|
||
|
|
color: rgba(255, 255, 255, 0.5)
|
||
|
|
}
|
||
|
|
#Action_bar .contact_details li>i {
|
||
|
|
margin-right: 2px
|
||
|
|
}
|
||
|
|
#Action_bar .contact_details li:last-child {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
#Action_bar .social {
|
||
|
|
float: right;
|
||
|
|
padding: 20px 0
|
||
|
|
}
|
||
|
|
#Action_bar .social li {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 6px
|
||
|
|
}
|
||
|
|
#Action_bar .social li:last-child {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
#Action_bar .social li a {
|
||
|
|
color: rgba(255, 255, 255, .3);
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 15px;
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
-ms-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
#Action_bar .social li a:hover {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
#Action_bar .social-menu {
|
||
|
|
float: right;
|
||
|
|
padding: 20px 0
|
||
|
|
}
|
||
|
|
#Action_bar .social-menu li {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 6px;
|
||
|
|
padding-right: 6px;
|
||
|
|
border-right: 1px solid rgba(255, 255, 255, .1)
|
||
|
|
}
|
||
|
|
#Action_bar .social-menu li:last-child {
|
||
|
|
margin-right: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
border-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Top Bar --------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#Top_bar {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 61px;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 30
|
||
|
|
}
|
||
|
|
#Top_bar .column {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.layout-full-width.header-fw #Action_bar .container, .layout-full-width.header-fw #Top_bar .container {
|
||
|
|
max-width: 100%
|
||
|
|
}
|
||
|
|
#Top_bar .top_bar_left {
|
||
|
|
position: relative;
|
||
|
|
float: left;
|
||
|
|
width: 990px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Logo */
|
||
|
|
|
||
|
|
#Top_bar .logo {
|
||
|
|
float: left;
|
||
|
|
margin: 0 30px 0 20px
|
||
|
|
}
|
||
|
|
#Top_bar .logo h1 {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
#Top_bar .logo:not(.text-logo) h1 {
|
||
|
|
line-height: 0;
|
||
|
|
font-size: 0;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
#Top_bar #logo {
|
||
|
|
display: block;
|
||
|
|
height: 60px;
|
||
|
|
line-height: 60px;
|
||
|
|
padding: 15px 0
|
||
|
|
}
|
||
|
|
#Top_bar #logo:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
#Top_bar #logo img {
|
||
|
|
vertical-align: middle;
|
||
|
|
max-height: 100%
|
||
|
|
}
|
||
|
|
#Top_bar #logo img.logo-sticky, #Top_bar #logo img.logo-mobile, #Top_bar #logo img.logo-mobile-sticky {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Top_bar .text-logo #logo {
|
||
|
|
font-weight: 300
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Logo | Advanced */
|
||
|
|
|
||
|
|
.logo-valign-top #Top_bar #logo img {
|
||
|
|
vertical-align: top
|
||
|
|
}
|
||
|
|
.logo-valign-bottom #Top_bar #logo img {
|
||
|
|
vertical-align: bottom
|
||
|
|
}
|
||
|
|
.logo-no-margin #Top_bar .logo {
|
||
|
|
margin-left: 0!important;
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
.logo-no-margin.header-plain #Top_bar .logo {
|
||
|
|
margin: 0!important
|
||
|
|
}
|
||
|
|
.logo-no-margin #Header_creative .logo {
|
||
|
|
margin-top: 0!important
|
||
|
|
}
|
||
|
|
.logo-no-margin.header-fw #Top_bar .column {
|
||
|
|
margin: 0;
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar .logo {
|
||
|
|
height: 60px;
|
||
|
|
position: relative;
|
||
|
|
z-index: 198
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar #logo {
|
||
|
|
height: auto!important;
|
||
|
|
margin-top: 0!important;
|
||
|
|
z-index: 199
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar #logo img {
|
||
|
|
max-height: none;
|
||
|
|
z-index: 200
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar.is-sticky #logo {
|
||
|
|
height: auto!important
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar.is-sticky #logo img:not(.svg) {
|
||
|
|
max-height: 110px!important
|
||
|
|
}
|
||
|
|
.logo-overflow.header-creative #Top_bar:not(.is-sticky) .logo, .logo-overflow.header-stack #Top_bar:not(.is-sticky) .logo {
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
.logo-no-sticky-padding #Top_bar.is-sticky #logo {
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
.logo-no-sticky-padding #Top_bar.is-sticky #logo img {
|
||
|
|
max-height: 60px!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Menu wrapper */
|
||
|
|
|
||
|
|
#Top_bar .menu_wrapper {
|
||
|
|
float: left;
|
||
|
|
z-index: 201;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Secondary menu wrapper */
|
||
|
|
|
||
|
|
#Top_bar .secondary_menu_wrapper {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Menu responsive */
|
||
|
|
|
||
|
|
#Top_bar a.responsive-menu-toggle {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
right: 20px;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -17px;
|
||
|
|
width: 34px;
|
||
|
|
height: 34px;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 3px;
|
||
|
|
z-index: 200;
|
||
|
|
}
|
||
|
|
#Top_bar a.responsive-menu-toggle i {
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 34px
|
||
|
|
}
|
||
|
|
#Top_bar a.responsive-menu-toggle span {
|
||
|
|
float: right;
|
||
|
|
padding: 10px 5px;
|
||
|
|
line-height: 14px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Banner */
|
||
|
|
|
||
|
|
#Top_bar .banner_wrapper {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Search wrapper */
|
||
|
|
|
||
|
|
#Top_bar .search_wrapper {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 100%;
|
||
|
|
display: none;
|
||
|
|
z-index: 201;
|
||
|
|
width: 100%;
|
||
|
|
padding: 15px;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box
|
||
|
|
}
|
||
|
|
#Top_bar .search_wrapper input[type="text"] {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
-webkit-box-shadow: 0 0 0;
|
||
|
|
box-shadow: 0 0 0;
|
||
|
|
padding-left: 35px;
|
||
|
|
background: none;
|
||
|
|
border-width: 0 0 1px;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: rgba(255, 255, 255, .08)!important;
|
||
|
|
font-size: 15px
|
||
|
|
}
|
||
|
|
#Top_bar .search_wrapper input[type="text"]:focus {
|
||
|
|
background-color: transparent!important
|
||
|
|
}
|
||
|
|
#Top_bar .search_wrapper .icon_search, #Top_bar .search_wrapper .icon_close {
|
||
|
|
position: absolute;
|
||
|
|
top: 25px;
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 22px;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Top_bar .search_wrapper .icon_search {
|
||
|
|
left: 18px;
|
||
|
|
color: rgba(0, 0, 0, .5)
|
||
|
|
}
|
||
|
|
#Top_bar .search_wrapper .icon_close {
|
||
|
|
right: 18px;
|
||
|
|
color: #fff;
|
||
|
|
opacity: .3;
|
||
|
|
filter: alpha(opacity=30);
|
||
|
|
-webkit-transition: all .2s ease-in-out;
|
||
|
|
-moz-transition: all .2s ease-in-out;
|
||
|
|
-o-transition: all .2s ease-in-out;
|
||
|
|
-ms-transition: all .2s ease-in-out;
|
||
|
|
transition: all .2s ease-in-out
|
||
|
|
}
|
||
|
|
#Top_bar .search_wrapper .icon_close:hover {
|
||
|
|
right: 18px;
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Top Bar | Right */
|
||
|
|
|
||
|
|
#Top_bar .top_bar_right {
|
||
|
|
float: right;
|
||
|
|
height: 90px;
|
||
|
|
position: relative;
|
||
|
|
top: -4px;
|
||
|
|
padding: 0 10px 0 20px
|
||
|
|
}
|
||
|
|
#Top_bar .top_bar_right:before {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 100%;
|
||
|
|
width: 10px;
|
||
|
|
position: absolute;
|
||
|
|
left: -10px;
|
||
|
|
top: 2px;
|
||
|
|
background-image: url(../../images/top_bar_right_shadow.png);
|
||
|
|
background-repeat: repeat-y;
|
||
|
|
-moz-transform: skewX(0deg) skewY(-25deg);
|
||
|
|
-webkit-transform: skewX(0deg) skewY(-25deg);
|
||
|
|
-o-transform: skewX(0deg) skewY(-25deg);
|
||
|
|
-ms-transform: skewX(0deg) skewY(-25deg);
|
||
|
|
transform: skewX(0deg) skewY(-25deg)
|
||
|
|
}
|
||
|
|
.ie #Top_bar .top_bar_right:before {
|
||
|
|
width: 11px
|
||
|
|
}
|
||
|
|
#Top_bar .top_bar_right_wrapper {
|
||
|
|
position: relative;
|
||
|
|
top: 25px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Cart */
|
||
|
|
|
||
|
|
#Top_bar a#header_cart {
|
||
|
|
position: relative;
|
||
|
|
top: 9px;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 22px;
|
||
|
|
margin-right: 5px
|
||
|
|
}
|
||
|
|
#Top_bar a#header_cart span {
|
||
|
|
position: relative;
|
||
|
|
right: 9px;
|
||
|
|
top: -10px;
|
||
|
|
display: inline-block;
|
||
|
|
width: 17px;
|
||
|
|
height: 17px;
|
||
|
|
line-height: 17px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 11px;
|
||
|
|
color: #fff;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
border-radius: 3px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Search */
|
||
|
|
|
||
|
|
#Top_bar a#search_button {
|
||
|
|
position: relative;
|
||
|
|
top: 9px;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
font-size: 23px;
|
||
|
|
line-height: 22px;
|
||
|
|
margin-right: 5px;
|
||
|
|
margin-left: -10px;
|
||
|
|
}
|
||
|
|
#Top_bar a#search_button.has-input input {
|
||
|
|
display: inline-block;
|
||
|
|
margin: -5px 0 0;
|
||
|
|
padding: 8px;
|
||
|
|
position: relative;
|
||
|
|
top: -2px;
|
||
|
|
width: 130px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Action Button */
|
||
|
|
|
||
|
|
#Top_bar a.button.action_button {
|
||
|
|
top: -2px;
|
||
|
|
margin: 0 10px 0 0;
|
||
|
|
line-height: 21px;
|
||
|
|
}
|
||
|
|
body.button-stroke #Top_bar a.button.action_button {
|
||
|
|
top: -4px
|
||
|
|
}
|
||
|
|
body:not(.button-stroke) #Top_bar a.button.action_button {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
/* WPML */
|
||
|
|
|
||
|
|
#Top_bar .wpml-languages {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
z-index: 210;
|
||
|
|
margin-right: 10px;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 21px;
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages a.active {
|
||
|
|
display: block;
|
||
|
|
padding: 10px 6px 10px 10px;
|
||
|
|
height: 17px;
|
||
|
|
border: 1px solid rgba(0, 0, 0, .1);
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius: 5px
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages.disabled a.active {
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages a.active i {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 14px;
|
||
|
|
margin: 0 0 0 5px
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages a.active i:before {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages a:hover.active {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages.enabled:hover a.active {
|
||
|
|
-webkit-border-radius: 5px 5px 0 0;
|
||
|
|
border-radius: 5px 5px 0 0;
|
||
|
|
border-bottom: 0
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages ul.wpml-lang-dropdown {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 100%;
|
||
|
|
width: 100%;
|
||
|
|
-webkit-border-radius: 0 0 5px 5px;
|
||
|
|
border-radius: 0 0 5px 5px;
|
||
|
|
z-index: 205;
|
||
|
|
overflow: hidden;
|
||
|
|
display: none;
|
||
|
|
border-width: 0 1px 1px;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: rgba(0, 0, 0, .1);
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages ul.wpml-lang-dropdown li {
|
||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05)
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages ul.wpml-lang-dropdown li:last-child {
|
||
|
|
border-bottom: 0
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages ul.wpml-lang-dropdown li a {
|
||
|
|
font-size: 12px;
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
padding: 4px 0;
|
||
|
|
opacity: .75;
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages ul.wpml-lang-dropdown li a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages:hover {
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages:hover ul.wpml-lang-dropdown {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages a.active, #Top_bar .wpml-languages ul.wpml-lang-dropdown {
|
||
|
|
background: #fff
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages.horizontal {
|
||
|
|
display: block;
|
||
|
|
padding: 8px 10px;
|
||
|
|
border: 1px solid #e8e8e8;
|
||
|
|
background: #fff;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius: 5px
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages.horizontal ul li {
|
||
|
|
float: left;
|
||
|
|
margin-right: 6px
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages.horizontal ul li:last-child {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Main Menu ------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
/* 1st level */
|
||
|
|
|
||
|
|
#Top_bar #menu {
|
||
|
|
z-index: 201
|
||
|
|
}
|
||
|
|
#Top_bar .menu {
|
||
|
|
z-index: 202
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li {
|
||
|
|
margin: 0;
|
||
|
|
z-index: 203;
|
||
|
|
display: block;
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li:not(.mfn-megamenu-parent) {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li.hover {
|
||
|
|
z-index: 204
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>a {
|
||
|
|
display: block;
|
||
|
|
line-height: 60px;
|
||
|
|
padding: 15px 0;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#Top_bar .page-menu>li>a {
|
||
|
|
padding: 15px 20px
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>a:after {
|
||
|
|
content: "";
|
||
|
|
height: 4px;
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: -4px;
|
||
|
|
z-index: 203;
|
||
|
|
opacity: 0;
|
||
|
|
filter: alpha(opacity=0)
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>a span:not(.description) {
|
||
|
|
display: block;
|
||
|
|
line-height: 60px;
|
||
|
|
padding: 0 20px;
|
||
|
|
white-space: nowrap;
|
||
|
|
border-right-width: 1px;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>a span.description {
|
||
|
|
font-size: 11px;
|
||
|
|
line-height: 12px!important;
|
||
|
|
margin: -12px -15px 0;
|
||
|
|
color: #aaa;
|
||
|
|
font-weight: 300;
|
||
|
|
text-align: center;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li:last-child>a span {
|
||
|
|
border: 0
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>a:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description) {
|
||
|
|
padding-right: 30px
|
||
|
|
}
|
||
|
|
.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description):after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
right: 10px;
|
||
|
|
margin-top: -2px;
|
||
|
|
border-top: 5px solid #ccc;
|
||
|
|
border-left: 5px solid transparent;
|
||
|
|
border-right: 5px solid transparent;
|
||
|
|
opacity: .6
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
|
||
|
|
#Top_bar .menu>li>a, #Top_bar .menu>li>a:after, .menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description)::after {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
-ms-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li.current-menu-item>a:after, #Top_bar .menu>li.current_page_item>a:after, #Top_bar .menu>li.current-menu-parent>a:after, #Top_bar .menu>li.current-page-parent>a:after, #Top_bar .menu>li.current-menu-ancestor>a:after, #Top_bar .menu>li.current_page_ancestor>a:after, #Top_bar .menu>li.hover>a:after {
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100);
|
||
|
|
}
|
||
|
|
#Top_bar .menu.page-menu>li>a {
|
||
|
|
border-right: 1px solid rgba(0, 0, 0, 0.05);
|
||
|
|
margin: 15px 0;
|
||
|
|
padding: 0 20px;
|
||
|
|
}
|
||
|
|
#Top_bar .menu.page-menu>li:last-child>a {
|
||
|
|
border-right: none;
|
||
|
|
}
|
||
|
|
#Top_bar .menu.page-menu>li>a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .menu_wrapper .menu.page-menu>li>a {
|
||
|
|
margin: 0;
|
||
|
|
padding-left: 20px;
|
||
|
|
padding-right: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 2nd level */
|
||
|
|
|
||
|
|
#Top_bar .menu li ul {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 100%;
|
||
|
|
z-index: 205;
|
||
|
|
margin: 0;
|
||
|
|
display: none;
|
||
|
|
background-image: url(../../images/box_shadow.png);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
background-position: left top
|
||
|
|
}
|
||
|
|
#Top_bar .menu li>ul {
|
||
|
|
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03);
|
||
|
|
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03)
|
||
|
|
}
|
||
|
|
#Top_bar .menu li ul li {
|
||
|
|
padding: 0;
|
||
|
|
width: 190px;
|
||
|
|
position: relative;
|
||
|
|
font-weight: 400
|
||
|
|
}
|
||
|
|
#Top_bar .menu li ul li a {
|
||
|
|
padding: 10px 10px 10px 20px;
|
||
|
|
display: block;
|
||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05)
|
||
|
|
}
|
||
|
|
#Top_bar .menu li ul li a span {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#Top_bar .menu li ul li a .menu-arrow {
|
||
|
|
position: absolute;
|
||
|
|
right: 7px;
|
||
|
|
top: 11px;
|
||
|
|
font-size: 12px;
|
||
|
|
color: rgba(0, 0, 0, 0.35)
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li ul li a:hover, #Top_bar .menu>li ul li.hover>a {
|
||
|
|
text-decoration: none;
|
||
|
|
background: rgba(0, 0, 0, .06)
|
||
|
|
}
|
||
|
|
.menuo-sub-active #Top_bar .menu>li ul li.current-menu-item>a, .menuo-sub-active #Top_bar .menu>li ul li.current-menu-ancestor>a {
|
||
|
|
background: rgba(0, 0, 0, .06)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 3rd level */
|
||
|
|
|
||
|
|
#Top_bar .menu li ul li ul {
|
||
|
|
position: absolute;
|
||
|
|
left: 190px;
|
||
|
|
top: 0;
|
||
|
|
z-index: 204
|
||
|
|
}
|
||
|
|
.menuo-last #Top_bar .menu>li.last ul:not(.mfn-megamenu) {
|
||
|
|
right: 0;
|
||
|
|
left: auto;
|
||
|
|
-webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.03);
|
||
|
|
box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.03)
|
||
|
|
}
|
||
|
|
.menuo-last #Top_bar .menu>li.last ul:not(.mfn-megamenu) li ul {
|
||
|
|
right: 190px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
|
||
|
|
#Top_bar .menu li ul li a {
|
||
|
|
-webkit-transition: all .2s ease-in-out;
|
||
|
|
-moz-transition: all .2s ease-in-out;
|
||
|
|
-o-transition: all .2s ease-in-out;
|
||
|
|
-ms-transition: all .2s ease-in-out;
|
||
|
|
transition: all .2s ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Secondary Menu ------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#Header #menu-secondary-menu {
|
||
|
|
z-index: 220
|
||
|
|
}
|
||
|
|
#Header .secondary-menu {
|
||
|
|
z-index: 221
|
||
|
|
}
|
||
|
|
#Header .secondary-menu>li {
|
||
|
|
margin: 0;
|
||
|
|
z-index: 222;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
padding: 8px 9px;
|
||
|
|
line-height: 100%;
|
||
|
|
-webkit-border-radius: 4px;
|
||
|
|
border-radius: 4px
|
||
|
|
}
|
||
|
|
#Header .secondary-menu>li.submenu {
|
||
|
|
-webkit-border-radius: 4px 4px 0 0;
|
||
|
|
border-radius: 4px 4px 0 0
|
||
|
|
}
|
||
|
|
#Header .secondary-menu>li>a {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
#Header .secondary-menu>li>a:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
#Header .secondary-menu li ul {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
padding: 7px;
|
||
|
|
top: 100%;
|
||
|
|
z-index: 223;
|
||
|
|
margin: 0;
|
||
|
|
display: none;
|
||
|
|
-webkit-border-radius: 0 4px 4px 4px;
|
||
|
|
border-radius: 0 4px 4px 4px
|
||
|
|
}
|
||
|
|
#Header .secondary-menu li ul li:last-child {
|
||
|
|
border-bottom: 0
|
||
|
|
}
|
||
|
|
#Header .secondary-menu li ul li a {
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
white-space: nowrap;
|
||
|
|
padding: 6px 8px
|
||
|
|
}
|
||
|
|
#Header .secondary-menu li ul li a:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
#Header .secondary-menu>li>a {
|
||
|
|
color: #A8A8A8
|
||
|
|
}
|
||
|
|
#Header .secondary-menu>li.hover, #Header .secondary-menu li ul {
|
||
|
|
background: #F9F9F9
|
||
|
|
}
|
||
|
|
#Header .secondary-menu li ul li {
|
||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05)
|
||
|
|
}
|
||
|
|
#Header .secondary-menu li ul li a {
|
||
|
|
color: #8B8B8B
|
||
|
|
}
|
||
|
|
#Header .secondary-menu li ul li a:hover {
|
||
|
|
color: #5F5F5F;
|
||
|
|
background: rgba(255, 255, 255, 0.8)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header styles --------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.tr-menu .top_bar_left, .tr-menu .top_bar_right, .tr-menu .top_bar_right:before {
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Classic */
|
||
|
|
|
||
|
|
.header-classic #Header .top_bar_left, .header-classic #Header .top_bar_right {
|
||
|
|
background-color: transparent
|
||
|
|
}
|
||
|
|
.header-classic #Top_bar {
|
||
|
|
position: static;
|
||
|
|
background-color: #fff
|
||
|
|
}
|
||
|
|
.header-classic #Top_bar .top_bar_right {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.header-classic #Top_bar .top_bar_right:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-classic #Action_bar {
|
||
|
|
position: static;
|
||
|
|
background-color: #2C2C2C
|
||
|
|
}
|
||
|
|
.header-classic #Action_bar .contact_details li, .header-classic #Action_bar .social, .header-classic #Action_bar .social-menu {
|
||
|
|
padding: 12px 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Fixed */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 768px) {
|
||
|
|
.header-fixed #Action_bar {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
background-color: #2c2c2c
|
||
|
|
}
|
||
|
|
.header-fixed.admin-bar #Action_bar {
|
||
|
|
top: 32px
|
||
|
|
}
|
||
|
|
.header-fixed #Action_bar .contact_details li, .header-fixed #Action_bar .social, .header-fixed #Action_bar .social-menu {
|
||
|
|
padding: 5px 0
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar {
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
left: 0;
|
||
|
|
top: 0!important;
|
||
|
|
z-index: 701;
|
||
|
|
background: #fff;
|
||
|
|
opacity: .97;
|
||
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1)
|
||
|
|
}
|
||
|
|
.header-fixed.admin-bar #Top_bar {
|
||
|
|
top: 32px!important
|
||
|
|
}
|
||
|
|
.header-fixed.ab-show #Top_bar {
|
||
|
|
top: 31px!important
|
||
|
|
}
|
||
|
|
.header-fixed.admin-bar.ab-show #Top_bar {
|
||
|
|
top: 63px!important
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar .top_bar_right {
|
||
|
|
top: 1px
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar .top_bar_left, .header-fixed #Top_bar .top_bar_right, .header-fixed #Top_bar .top_bar_right:before {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar .logo {
|
||
|
|
width: auto;
|
||
|
|
margin: 0 30px 0 20px;
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar #logo {
|
||
|
|
padding: 5px 0;
|
||
|
|
height: 50px;
|
||
|
|
line-height: 50px
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar .menu_wrapper {
|
||
|
|
clear: none
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar .menu>li>a {
|
||
|
|
padding: 15px 0
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar .menu>li>a, .header-fixed #Top_bar .menu>li>a span {
|
||
|
|
line-height: 30px
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar .menu>li>a:after {
|
||
|
|
top: auto;
|
||
|
|
bottom: -4px
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar .menu>li>a span.description {
|
||
|
|
margin-top: -5px
|
||
|
|
}
|
||
|
|
.header-fixed #Top_bar .secondary_menu_wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.tr-menu.header-fixed #Top_bar:not(.is-sticky) {
|
||
|
|
background: none!important;
|
||
|
|
box-shadow: 0 0 0 0 transparent
|
||
|
|
}
|
||
|
|
.tr-menu.header-fixed.minimalist-header:not(.template-slider) #Header {
|
||
|
|
min-height: 91px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Below */
|
||
|
|
|
||
|
|
.header-below #Header .top_bar_left, .header-below #Header .top_bar_right {
|
||
|
|
background-color: transparent
|
||
|
|
}
|
||
|
|
body.header-below:not(.template-slider) #Header {
|
||
|
|
min-height: 90px;
|
||
|
|
padding-top: 160px
|
||
|
|
}
|
||
|
|
.header-below #Top_bar {
|
||
|
|
position: static;
|
||
|
|
background-color: #fff
|
||
|
|
}
|
||
|
|
.header-below #Top_bar .top_bar_right {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.header-below #Top_bar .top_bar_right:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-below #Action_bar {
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Plain */
|
||
|
|
|
||
|
|
.header-plain #Top_bar {
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
.header-plain.layout-boxed #Top_bar .container {
|
||
|
|
max-width: 100%
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .one.column {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
.header-plain #Header .top_bar_left, .header-plain #Header .top_bar_right {
|
||
|
|
background-color: transparent
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .top_bar_right, .header-plain #Top_bar .top_bar_right_wrapper {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .top_bar_right:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-plain #Action_bar {
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
.header-plain #Action_bar .contact_details li, .header-plain #Action_bar .social, .header-plain #Action_bar .social-menu {
|
||
|
|
padding: 12px 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header plain | Logo */
|
||
|
|
|
||
|
|
.header-plain #Top_bar #logo {
|
||
|
|
height: 50px;
|
||
|
|
line-height: 50px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header plain | Menu */
|
||
|
|
|
||
|
|
.header-plain #Top_bar .menu_wrapper {
|
||
|
|
float: right
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .menu>li>a {
|
||
|
|
padding-top: 0!important;
|
||
|
|
padding-bottom: 0!important
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .menu>li>a:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .menu>li>a span:not(.description) {
|
||
|
|
line-height: 80px;
|
||
|
|
padding: 0 30px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .menu>li:first-child>a span:not(.description) {
|
||
|
|
border-left-width: 1px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .top_bar_right {
|
||
|
|
height: 80px;
|
||
|
|
padding: 0;
|
||
|
|
margin-left: -1px;
|
||
|
|
}
|
||
|
|
.header-plain.menu-highlight #Top_bar .menu>li, .header-plain.menu-highlight #Top_bar .menu>li>a {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header plain | Top bar right */
|
||
|
|
|
||
|
|
.header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button {
|
||
|
|
margin-right: 0;
|
||
|
|
top: 0;
|
||
|
|
border-left-width: 1px;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar a#header_cart span {
|
||
|
|
margin-right: -9px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .wpml-languages {
|
||
|
|
top: 0;
|
||
|
|
margin: 0;
|
||
|
|
border-left-width: 1px;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .wpml-languages a.active {
|
||
|
|
border: 0;
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown li a {
|
||
|
|
line-height: 40px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .wpml-languages a.active {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown {
|
||
|
|
border: 0;
|
||
|
|
border-radius: 0
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar a.button.action_button {
|
||
|
|
margin: 0;
|
||
|
|
top: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
border-left-width: 1px;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .menu>li>a span:not(.description) {
|
||
|
|
line-height: 80px;
|
||
|
|
padding: 0 30px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button {
|
||
|
|
padding: 0 25px;
|
||
|
|
line-height: 80px;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .wpml-languages {
|
||
|
|
padding: 0 25px;
|
||
|
|
line-height: 80px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar a.button.action_button {
|
||
|
|
line-height: 80px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar a.button.action_button .button_label {
|
||
|
|
padding: 0 30px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header plain | Sticky */
|
||
|
|
|
||
|
|
.header-plain #Top_bar.is-sticky .menu>li>a span:not(.description) {
|
||
|
|
line-height: 60px!important
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar.is-sticky a#header_cart, .header-plain #Top_bar.is-sticky a#search_button {
|
||
|
|
padding: 0 25px;
|
||
|
|
line-height: 60px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar.is-sticky .wpml-languages {
|
||
|
|
padding: 0 25px;
|
||
|
|
height: 60px;
|
||
|
|
line-height: 60px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar.is-sticky a.button.action_button {
|
||
|
|
height: 60px;
|
||
|
|
line-height: 60px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar.is-sticky a.button.action_button .button_label {
|
||
|
|
padding: 0 25px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar.is-sticky .top_bar_right {
|
||
|
|
padding: 0;
|
||
|
|
height: 60px;
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar.is-sticky .wpml-languages {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar.is-sticky a.button.action_button {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header plain | Colors */
|
||
|
|
|
||
|
|
.header-plain #Action_bar {
|
||
|
|
background-color: #2C2C2C
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar {
|
||
|
|
background-color: #fff
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar, .header-plain #Top_bar .menu>li>a span:not(.description), .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button, .header-plain #Top_bar .wpml-languages, .header-plain #Top_bar a.button.action_button {
|
||
|
|
border-color: #f2f2f2
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Split */
|
||
|
|
|
||
|
|
.header-split #Header .top_bar_left {
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
.header-split #Header .top_bar_left, .header-split #Header .top_bar_right {
|
||
|
|
background-color: transparent
|
||
|
|
}
|
||
|
|
.header-split #Header .top_bar_left .menu_wrapper {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.header-split #Header .top_bar_left .menu_left {
|
||
|
|
float: left;
|
||
|
|
width: 38%;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.header-split #Header .top_bar_left .menu_right {
|
||
|
|
float: right;
|
||
|
|
width: 38%;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.header-split #Header .top_bar_left .menu>li {
|
||
|
|
display: inline-block;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.header-split #Header .top_bar_left .menu li ul li a {
|
||
|
|
padding: 10px
|
||
|
|
}
|
||
|
|
.header-split #Header .top_bar_left .logo {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
@media only screen and (min-width: 1240px) {
|
||
|
|
.header-split #Header .top_bar_left .logo {
|
||
|
|
position: absolute;
|
||
|
|
left: 38%;
|
||
|
|
width: 24%
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.header-split #Top_bar .top_bar_right {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: -28px;
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.header-split #Top_bar a.action_button, .header-split #Top_bar a#header_cart, .header-split #Top_bar .wpml-languages {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-split #Top_bar .top_bar_right:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-split #Top_bar {
|
||
|
|
position: static;
|
||
|
|
background-color: #fff
|
||
|
|
}
|
||
|
|
.header-split #Action_bar {
|
||
|
|
position: static;
|
||
|
|
background-color: #2C2C2C
|
||
|
|
}
|
||
|
|
.header-split #Action_bar .contact_details li, .header-split #Action_bar .social, .header-split #Action_bar .social-menu {
|
||
|
|
padding: 12px 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Stack */
|
||
|
|
|
||
|
|
.header-stack #Top_bar:not(.is-sticky) .top_bar_left {
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
.header-stack #Header .top_bar_left, .header-stack #Header .top_bar_right {
|
||
|
|
background-color: transparent
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar {
|
||
|
|
position: static;
|
||
|
|
background-color: #fff
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .logo {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 30px;
|
||
|
|
text-align: left;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box
|
||
|
|
}
|
||
|
|
.header-stack.header-center #Top_bar .logo {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.header-stack.header-center #Top_bar .menu_wrapper {
|
||
|
|
text-align: center;
|
||
|
|
line-height: 0
|
||
|
|
}
|
||
|
|
.header-stack.header-center #Top_bar #menu {
|
||
|
|
line-height: 21px;
|
||
|
|
line-height: initial;
|
||
|
|
text-align: left;
|
||
|
|
text-align: initial
|
||
|
|
}
|
||
|
|
.header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.header-stack.header-right #Top_bar .logo {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .logo #logo {
|
||
|
|
display: inline-block;
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .menu_wrapper {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .menu_wrapper .menu>li>a {
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .menu>li>a span.description {
|
||
|
|
margin-bottom: 10px
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .top_bar_right {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
top: auto;
|
||
|
|
height: 60px
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .top_bar_right_wrapper {
|
||
|
|
top: 10px
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .top_bar_right:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .secondary_menu_wrapper {
|
||
|
|
position: absolute;
|
||
|
|
right: 20px;
|
||
|
|
top: 35px;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
.header-stack.header-right #Top_bar .secondary_menu_wrapper {
|
||
|
|
left: 20px;
|
||
|
|
right: auto
|
||
|
|
}
|
||
|
|
.header-stack #Action_bar {
|
||
|
|
position: static;
|
||
|
|
background-color: #2C2C2C
|
||
|
|
}
|
||
|
|
.header-stack #Action_bar .contact_details li, .header-stack #Action_bar .social, .header-stack #Action_bar .social-menu {
|
||
|
|
padding: 12px 0
|
||
|
|
}
|
||
|
|
body.header-stack:not(.template-slider) #Header {
|
||
|
|
min-height: 315px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Magazine */
|
||
|
|
|
||
|
|
.header-magazine #Top_bar .logo {
|
||
|
|
border: 0
|
||
|
|
}
|
||
|
|
.header-magazine #Top_bar .top_bar_right:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-magazine #Top_bar .secondary_menu_wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-magazine #Top_bar .banner_wrapper {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 20px;
|
||
|
|
top: 20px;
|
||
|
|
width: 468px;
|
||
|
|
height: 60px;
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
.header-magazine #Top_bar .banner_wrapper a {
|
||
|
|
display: block;
|
||
|
|
line-height: 0
|
||
|
|
}
|
||
|
|
.header-magazine #Top_bar .banner_wrapper img {
|
||
|
|
display: inline-block;
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
max-height: 60px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Simple */
|
||
|
|
|
||
|
|
.header-simple #Top_bar .top_bar_left {
|
||
|
|
width: 100%!important;
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar:not(.is-sticky) .top_bar_left {
|
||
|
|
top: -60px
|
||
|
|
}
|
||
|
|
.header-simple.ab-show #Top_bar:not(.is-sticky) .top_bar_left {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar .top_bar_right, .header-simple #Top_bar .top_bar_right:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar .menu>li>a span.description {
|
||
|
|
margin: 0 0 0 5px
|
||
|
|
}
|
||
|
|
.header-simple.ab-hide #Action_bar {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Empty */
|
||
|
|
|
||
|
|
.header-empty #Header {
|
||
|
|
position: static;
|
||
|
|
min-height: 0!important
|
||
|
|
}
|
||
|
|
.header-empty #Subheader {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-empty #Content {
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Transparent */
|
||
|
|
|
||
|
|
.header-transparent #Top_bar .top_bar_left, .header-transparent #Top_bar .top_bar_right, .header-transparent #Top_bar .top_bar_right:before {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar .top_bar_right {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar #logo {
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar .menu>li>a:after {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar .menu>li>a span {
|
||
|
|
border-color: rgba(0, 0, 0, 0.03)
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar .menu li>ul:not(.mfn-megamenu-bg) {
|
||
|
|
background-image: none
|
||
|
|
}
|
||
|
|
.header-transparent.ab-hide #Top_bar {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar.is-sticky .menu_wrapper .menu>li>a {
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.header-transparent #Top_bar.is-sticky .menu>li>a span:not(.description) {
|
||
|
|
line-height: 60px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Header | Overlay */
|
||
|
|
|
||
|
|
.header-overlay.ab-hide #Top_bar {
|
||
|
|
top: 40px
|
||
|
|
}
|
||
|
|
.header-overlay #Top_bar #logo {
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
.header-overlay .top_bar_right {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-overlay .overlay-menu-toggle {
|
||
|
|
position: absolute;
|
||
|
|
right: 40px;
|
||
|
|
top: 40px;
|
||
|
|
height: 45px;
|
||
|
|
width: 45px;
|
||
|
|
line-height: 45px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 29px;
|
||
|
|
z-index: 9911
|
||
|
|
}
|
||
|
|
.header-overlay .overlay-menu-toggle.focus {
|
||
|
|
color: #fff;
|
||
|
|
-webkit-transition: all .3s;
|
||
|
|
-moz-transition: all .3s;
|
||
|
|
transition: all .3s
|
||
|
|
}
|
||
|
|
.header-overlay .overlay-menu-toggle .close {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-overlay .overlay-menu-toggle.focus .open {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-overlay .overlay-menu-toggle.focus .close {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
.header-overlay.sticky-header .overlay-menu-toggle {
|
||
|
|
position: fixed;
|
||
|
|
margin-right: 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Overlay | Menu Overlay */
|
||
|
|
|
||
|
|
#Overlay {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
z-index: 9910;
|
||
|
|
background: rgba(41, 145, 214, .95);
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#overlay-menu {
|
||
|
|
position: absolute;
|
||
|
|
width: 700px;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -350px;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -150px
|
||
|
|
}
|
||
|
|
#overlay-menu ul li {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
#overlay-menu ul li a {
|
||
|
|
color: #fff;
|
||
|
|
font-size: 34px;
|
||
|
|
line-height: 52px;
|
||
|
|
letter-spacing: 3px;
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
#overlay-menu ul li a:hover {
|
||
|
|
opacity: .8
|
||
|
|
}
|
||
|
|
#overlay-menu ul li a:before, #overlay-menu ul li a:after {
|
||
|
|
display: inline-block;
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: -webkit-transform 0.3s, opacity .2s;
|
||
|
|
-moz-transition: -moz-transform 0.3s, opacity .2s;
|
||
|
|
transition: transform 0.3s, opacity .2s
|
||
|
|
}
|
||
|
|
#overlay-menu ul li a:before {
|
||
|
|
margin-right: 20px;
|
||
|
|
content: '[';
|
||
|
|
-webkit-transform: translateX(20px);
|
||
|
|
-moz-transform: translateX(20px);
|
||
|
|
transform: translateX(20px)
|
||
|
|
}
|
||
|
|
#overlay-menu ul li a:after {
|
||
|
|
margin-left: 20px;
|
||
|
|
content: ']';
|
||
|
|
-webkit-transform: translateX(-20px);
|
||
|
|
-moz-transform: translateX(-20px);
|
||
|
|
transform: translateX(-20px)
|
||
|
|
}
|
||
|
|
#overlay-menu ul li a:hover:before, #overlay-menu ul li a:hover:after, #overlay-menu ul li a:hover:before, #overlay-menu ul li a:hover:after {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateX(0px);
|
||
|
|
-moz-transform: translateX(0px);
|
||
|
|
transform: translateX(0px)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Side Slide ------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#body_overlay {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 120%;
|
||
|
|
background: rgba(0, 0, 0, .6);
|
||
|
|
z-index: 9002;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* height +20% - mobile fallback */
|
||
|
|
|
||
|
|
body.mobile-side-slide {
|
||
|
|
position: relative;
|
||
|
|
overflow-x: visible;
|
||
|
|
}
|
||
|
|
#Side_slide {
|
||
|
|
display: block;
|
||
|
|
position: fixed;
|
||
|
|
top: 0px;
|
||
|
|
right: -250px;
|
||
|
|
width: 250px;
|
||
|
|
height: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
border-bottom-width: 60px;
|
||
|
|
border-bottom-style: solid;
|
||
|
|
z-index: 9003;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* border-bottom:60px - mobile fallback */
|
||
|
|
|
||
|
|
#Side_slide.left {
|
||
|
|
left: -250px;
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
.admin-bar #Side_slide {
|
||
|
|
border-top-width: 32px;
|
||
|
|
border-top-style: solid;
|
||
|
|
}
|
||
|
|
#Side_slide .close-wrapper {
|
||
|
|
height: 60px
|
||
|
|
}
|
||
|
|
#Side_slide .close-wrapper a.close {
|
||
|
|
height: 34px;
|
||
|
|
width: 34px;
|
||
|
|
display: block;
|
||
|
|
float: right;
|
||
|
|
margin: 13px 13px 0 0
|
||
|
|
}
|
||
|
|
#Side_slide .close-wrapper a.close i {
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
#Side_slide .extras {
|
||
|
|
padding: 0 20px
|
||
|
|
}
|
||
|
|
#Side_slide .extras .action_button {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 0 20px;
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
#Side_slide .extras .action_button .button_label {
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper a {
|
||
|
|
display: inline-block;
|
||
|
|
text-decoration: none;
|
||
|
|
vertical-align: middle;
|
||
|
|
padding: 5px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
line-height: 22px
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper .icon {
|
||
|
|
font-size: 22px
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper .cart {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper .cart span {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 31px;
|
||
|
|
font-size: 11px;
|
||
|
|
border-radius: 2px
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper a.lang-active img {
|
||
|
|
position: relative;
|
||
|
|
top: 2px;
|
||
|
|
}
|
||
|
|
#Side_slide .extras .extras-wrapper a.lang-active i:before {
|
||
|
|
width: auto;
|
||
|
|
margin-left: 5px
|
||
|
|
}
|
||
|
|
#Side_slide #menu {
|
||
|
|
display: block!important;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
max-height: none!important
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul {
|
||
|
|
width: 100%!important;
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li {
|
||
|
|
width: 100%;
|
||
|
|
position: relative;
|
||
|
|
border-top: 1px solid rgba(255, 255, 255, .03)
|
||
|
|
}
|
||
|
|
#Side_slide #menu>ul:last-child>li:last-child {
|
||
|
|
border-bottom: 1px solid rgba(255, 255, 255, .03)
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li a {
|
||
|
|
display: block;
|
||
|
|
padding: 11px 5px 10px 20px;
|
||
|
|
margin-right: 50px;
|
||
|
|
text-decoration: none;
|
||
|
|
line-height: 19px
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li a .menu-arrow {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li ul {
|
||
|
|
display: none;
|
||
|
|
background: rgba(255, 255, 255, .025)
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li ul li a {
|
||
|
|
padding-left: 35px
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li ul li ul li a {
|
||
|
|
padding-left: 50px
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.submenu .menu-toggle {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 5px;
|
||
|
|
top: 0;
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;
|
||
|
|
line-height: 40px;
|
||
|
|
font-size: 22px;
|
||
|
|
font-weight: 100;
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.submenu .menu-toggle:after {
|
||
|
|
content: "+"
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.hover>.menu-toggle {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.hover>.menu-toggle:after {
|
||
|
|
content: "-"
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu-bg {
|
||
|
|
background-image: none!important
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu li .menu-toggle {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu>li>ul {
|
||
|
|
display: block!important
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu>li>ul:first-child {
|
||
|
|
background-color: transparent
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul.mfn-megamenu>li>ul:first-child>li:first-child {
|
||
|
|
border-top-width: 0
|
||
|
|
}
|
||
|
|
#Side_slide .lang-wrapper {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
text-align: center;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Side_slide .lang-wrapper ul li {
|
||
|
|
border-top: 1px solid rgba(255, 255, 255, .03)
|
||
|
|
}
|
||
|
|
#Side_slide .lang-wrapper ul li:last-child {
|
||
|
|
border-bottom: 1px solid rgba(255, 255, 255, .03)
|
||
|
|
}
|
||
|
|
#Side_slide .lang-wrapper ul li a {
|
||
|
|
display: block;
|
||
|
|
padding: 11px 20px 10px 20px;
|
||
|
|
text-decoration: none;
|
||
|
|
line-height: 19px
|
||
|
|
}
|
||
|
|
#Side_slide .search-wrapper {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
position: relative;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Side_slide .search-wrapper input.field {
|
||
|
|
width: 100%;
|
||
|
|
background: none!important;
|
||
|
|
border-width: 1px 0 1px 0;
|
||
|
|
border-color: rgba(255, 255, 255, .05);
|
||
|
|
line-height: 20px;
|
||
|
|
padding: 10px 55px 10px 20px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
box-shadow: 0 0 0 0 transparent;
|
||
|
|
}
|
||
|
|
#Side_slide .search-wrapper a.submit {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 5px;
|
||
|
|
font-size: 20px;
|
||
|
|
padding: 10px
|
||
|
|
}
|
||
|
|
#Side_slide .social {
|
||
|
|
text-align: center;
|
||
|
|
margin: 0 20px 13px
|
||
|
|
}
|
||
|
|
#Side_slide .social li {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
#Side_slide .social li a {
|
||
|
|
display: block;
|
||
|
|
padding: 3px 5px;
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Side Slide | Color */
|
||
|
|
|
||
|
|
#Side_slide {
|
||
|
|
background-color: #191919;
|
||
|
|
border-color: #191919
|
||
|
|
}
|
||
|
|
|
||
|
|
/* border-bottom:60px - mobile fallback */
|
||
|
|
|
||
|
|
#Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button), #Side_slide #menu ul li.submenu .menu-toggle {
|
||
|
|
color: #a6a6a6
|
||
|
|
}
|
||
|
|
#Side_slide a:not(.button):hover, #Side_slide a.active, #Side_slide #menu ul li.hover>.menu-toggle {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
#Side_slide #menu ul li.current-menu-item>a, #Side_slide #menu ul li.current_page_item>a, #Side_slide #menu ul li.current-menu-parent>a, #Side_slide #menu ul li.current-page-parent>a, #Side_slide #menu ul li.current-menu-ancestor>a, #Side_slide #menu ul li.current-page-ancestor>a, #Side_slide #menu ul li.current_page_ancestor>a, #Side_slide #menu ul li.hover>a, #Side_slide #menu ul li:hover>a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Side Slide | Light */
|
||
|
|
|
||
|
|
#Side_slide.light #menu ul li {
|
||
|
|
border-top-color: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
#Side_slide.light #menu>ul:last-child>li:last-child {
|
||
|
|
border-bottom-color: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
#Side_slide.light #menu ul li ul {
|
||
|
|
background: rgba(0, 0, 0, .02)
|
||
|
|
}
|
||
|
|
#Side_slide.light .lang-wrapper ul li {
|
||
|
|
border-top-color: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
#Side_slide.light .lang-wrapper ul li:last-child {
|
||
|
|
border-bottom-color: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
#Side_slide.light .search-wrapper input.field {
|
||
|
|
border-color: rgba(0, 0, 0, .05)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Subheader ------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#Subheader {
|
||
|
|
background-color: rgba(0, 0, 0, .02);
|
||
|
|
background-position: center top;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
padding: 30px 0;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.subheader-transparent #Subheader {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.hide-title-area #Subheader {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Subheader .column {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
#Subheader .title {
|
||
|
|
margin-bottom: 0;
|
||
|
|
width: 70%;
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
#Subheader ul.breadcrumbs {
|
||
|
|
display: block;
|
||
|
|
width: 30%;
|
||
|
|
margin: 1px 0 0;
|
||
|
|
font-size: 1em!important;
|
||
|
|
float: right;
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
#Subheader ul.breadcrumbs li {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
|
||
|
|
color: rgba(0, 0, 0, .3)
|
||
|
|
}
|
||
|
|
#Subheader ul.breadcrumbs li span {
|
||
|
|
margin: 0 10px;
|
||
|
|
opacity: .4;
|
||
|
|
filter: alpha(opacity=40)
|
||
|
|
}
|
||
|
|
#Subheader:after {
|
||
|
|
content: "";
|
||
|
|
height: 3px;
|
||
|
|
width: 100%;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: -3px;
|
||
|
|
z-index: 1;
|
||
|
|
background: url(../../images/box_shadow.png) repeat-x left top
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
#Subheader ul.woocommerce-breadcrumb li:last-child span {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* style */
|
||
|
|
|
||
|
|
.subheader-title-right #Subheader .title {
|
||
|
|
float: right;
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
.subheader-title-right #Subheader .breadcrumbs {
|
||
|
|
float: left;
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
.subheader-both-left #Subheader .title {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.subheader-both-left #Subheader .breadcrumbs {
|
||
|
|
width: 100%;
|
||
|
|
text-align: left;
|
||
|
|
margin-top: 10px
|
||
|
|
}
|
||
|
|
.subheader-both-right #Subheader .title {
|
||
|
|
width: 100%;
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
.subheader-both-right #Subheader .breadcrumbs {
|
||
|
|
width: 100%;
|
||
|
|
text-align: right;
|
||
|
|
margin-top: 10px
|
||
|
|
}
|
||
|
|
.subheader-both-center #Subheader .title {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.subheader-both-center #Subheader .breadcrumbs {
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Intro ------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#Intro {
|
||
|
|
text-align: center;
|
||
|
|
position: relative;
|
||
|
|
background-color: #000119;
|
||
|
|
background-position: center top;
|
||
|
|
}
|
||
|
|
#Intro .intro-inner {
|
||
|
|
position: relative;
|
||
|
|
padding: 250px 10%
|
||
|
|
}
|
||
|
|
#Intro .intro-title {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
word-wrap: break-word
|
||
|
|
}
|
||
|
|
#Intro .intro-meta>div {
|
||
|
|
display: inline-block;
|
||
|
|
margin: 0 10px
|
||
|
|
}
|
||
|
|
#Intro .intro-next {
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 38px;
|
||
|
|
height: 50px;
|
||
|
|
left: 50%;
|
||
|
|
bottom: 30px;
|
||
|
|
line-height: 50px;
|
||
|
|
margin: 0 0 0 -25px;
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
width: 50px;
|
||
|
|
z-index: 1;
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
#Intro.parallax {
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
#Intro.parallax .mfn-parallax {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
max-width: auto!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Light */
|
||
|
|
|
||
|
|
#Intro .intro-title {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
#Intro .intro-meta, #Intro .intro-meta a {
|
||
|
|
color: rgba(255, 255, 255, .7)
|
||
|
|
}
|
||
|
|
#Intro .intro-next {
|
||
|
|
color: rgba(255, 255, 255, 0.2)
|
||
|
|
}
|
||
|
|
#Intro .intro-next:hover {
|
||
|
|
color: rgba(255, 255, 255, 0.5)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Dark */
|
||
|
|
|
||
|
|
#Intro.light .intro-title {
|
||
|
|
color: #212121
|
||
|
|
}
|
||
|
|
#Intro.light .intro-meta, #Intro.light .intro-meta a {
|
||
|
|
color: rgba(33, 33, 33, .7)
|
||
|
|
}
|
||
|
|
#Intro.light .intro-next {
|
||
|
|
color: rgba(33, 33, 33, 0.2)
|
||
|
|
}
|
||
|
|
#Intro.light .intro-next:hover {
|
||
|
|
color: rgba(33, 33, 33, 0.5)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Post ------------------------------------------------------------------------------ */
|
||
|
|
|
||
|
|
.post-item {
|
||
|
|
margin-bottom: 40px;
|
||
|
|
position: relative;
|
||
|
|
float: left;
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.post-item .date_label {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 7px;
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.post-photo-wrapper {
|
||
|
|
width: 37%;
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.post-photo-wrapper iframe {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.post-desc-wrapper {
|
||
|
|
width: 63%;
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.post-desc {
|
||
|
|
padding: 15px 0 0 20px
|
||
|
|
}
|
||
|
|
.post.no-img .post-photo-wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.post.no-img .post-desc-wrapper {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.search-results .no-img .post-desc {
|
||
|
|
padding-left: 0
|
||
|
|
}
|
||
|
|
.search-results .no-img .post-desc-wrapper {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.post-meta {
|
||
|
|
margin-bottom: 8px
|
||
|
|
}
|
||
|
|
.post-meta .author-date {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.post-meta .author-date a {
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-style: dotted;
|
||
|
|
text-decoration: none!important
|
||
|
|
}
|
||
|
|
.post-meta .category {
|
||
|
|
float: right;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.post-meta .category.mata-tags {
|
||
|
|
margin-right: 10px
|
||
|
|
}
|
||
|
|
.post-meta .category .cat-btn {
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
.post-meta .category .cat-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 100%;
|
||
|
|
display: none;
|
||
|
|
z-index: 21
|
||
|
|
}
|
||
|
|
.post-meta .category:hover .cat-wrapper {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
.post-meta .category .cat-wrapper ul {
|
||
|
|
padding: 7px;
|
||
|
|
min-width: 70px;
|
||
|
|
background: #F9F9F9
|
||
|
|
}
|
||
|
|
.post-meta .category .cat-wrapper ul li {
|
||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.05)
|
||
|
|
}
|
||
|
|
.post-meta .category .cat-wrapper ul li:last-child {
|
||
|
|
border-bottom: 0
|
||
|
|
}
|
||
|
|
.post-meta .category .cat-wrapper ul li a {
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
padding: 1px 5px;
|
||
|
|
color: #8B8B8B
|
||
|
|
}
|
||
|
|
.post-meta .category .cat-wrapper ul li a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #5F5F5F;
|
||
|
|
background: rgba(255, 255, 255, 0.8)
|
||
|
|
}
|
||
|
|
.post-excerpt {
|
||
|
|
margin-bottom: 15px
|
||
|
|
}
|
||
|
|
.cat_description {
|
||
|
|
margin-bottom: 40px
|
||
|
|
}
|
||
|
|
.post-footer {
|
||
|
|
background: rgba(0, 0, 0, .02);
|
||
|
|
padding: 7px 15px;
|
||
|
|
overflow: hidden;
|
||
|
|
line-height: 30px
|
||
|
|
}
|
||
|
|
.post-footer .button-love {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.post-footer .button-love a.mfn-love {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
padding-left: 24px;
|
||
|
|
margin-left: 5px
|
||
|
|
}
|
||
|
|
.post-footer .button-love a.mfn-love i {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
font-size: 16px
|
||
|
|
}
|
||
|
|
.post-footer .button-love a.mfn-love:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
.post-footer .button-love a.mfn-love i:last-child {
|
||
|
|
opacity: 0;
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
-ms-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
.post-footer .button-love a:hover.mfn-love i:last-child, .post-footer .button-love a.loved.mfn-love i:last-child {
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100)
|
||
|
|
}
|
||
|
|
.post-footer .post-links {
|
||
|
|
float: right;
|
||
|
|
border-left-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
padding-left: 10px
|
||
|
|
}
|
||
|
|
.post-footer .post-links .post-comments {
|
||
|
|
margin-right: 10px
|
||
|
|
}
|
||
|
|
.hide-more .post-footer .post-links .icon-doc-text, .hide-more .post-footer .post-links .post-more {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.blog_slider.hide-more .item_wrapper .hr_color, .blog_slider.hide-more .item_wrapper .button {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Grid */
|
||
|
|
|
||
|
|
.grid .post-item {
|
||
|
|
width: 31.33%;
|
||
|
|
margin: 0 1% 20px;
|
||
|
|
background: #fff !important;
|
||
|
|
}
|
||
|
|
.grid .post-photo-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.grid .post-desc-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.grid .post-desc-wrapper .post-desc {
|
||
|
|
padding: 20px 20px 0;
|
||
|
|
}
|
||
|
|
.grid .post-footer {
|
||
|
|
margin: 0 -20px;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.grid .post-meta .author-date .author span.label {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.grid .post-desc-wrapper .post-meta .category .cat-btn {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.grid .post-desc-wrapper .post-footer .button-love .love-text {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Columns 2-6 */
|
||
|
|
|
||
|
|
.posts_group.grid.col-2 .post-item {
|
||
|
|
width: 47.99%;
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-3 .post-item {
|
||
|
|
width: 31.33%;
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-4 .post-item {
|
||
|
|
width: 22.99%;
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-5 .post-item {
|
||
|
|
width: 18.99%;
|
||
|
|
margin: 0 0.5% 20px;
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-6 .post-item {
|
||
|
|
width: 15.66%;
|
||
|
|
margin: 0 0.5% 20px;
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-2 .post-item:nth-child(2n+1) {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-3 .post-item:nth-child(3n+1) {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-4 .post-item:nth-child(4n+1) {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-5 .post-item:nth-child(5n+1) {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-6 .post-item:nth-child(6n+1) {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Masonry */
|
||
|
|
|
||
|
|
.masonry:not(.tiles) .post-item {
|
||
|
|
width: 31.33%;
|
||
|
|
margin: 0 1% 20px;
|
||
|
|
background: #fff !important;
|
||
|
|
}
|
||
|
|
.masonry .post-photo-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.masonry .post-desc-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.masonry .post-desc-wrapper .post-desc {
|
||
|
|
padding: 20px 20px 0;
|
||
|
|
}
|
||
|
|
.masonry .post-footer {
|
||
|
|
margin: 0 -20px;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.masonry .post-meta .author-date .author span.label {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.masonry .post-desc-wrapper .post-meta .category .cat-btn {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.masonry .post-desc-wrapper .post-footer .button-love .love-text {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Columns 2-6 */
|
||
|
|
|
||
|
|
.posts_group.masonry.col-2 .post-item {
|
||
|
|
width: 47.99%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.col-3 .post-item {
|
||
|
|
width: 31.33%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.col-4 .post-item {
|
||
|
|
width: 22.99%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.col-5 .post-item {
|
||
|
|
width: 18.99%;
|
||
|
|
margin: 0 0.5% 20px;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.col-6 .post-item {
|
||
|
|
width: 15.66%;
|
||
|
|
margin: 0 0.5% 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Masonry tiles */
|
||
|
|
|
||
|
|
.masonry.tiles {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item {
|
||
|
|
margin: 0 !important;
|
||
|
|
overflow: hidden;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 4;
|
||
|
|
left: 0;
|
||
|
|
bottom: -20px;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc {
|
||
|
|
background: url(../images/blog_masonry_tile_gradient.png) top left repeat-x;
|
||
|
|
padding: 70px 30px 30px;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item .post-desc-wrapper .post-desc {
|
||
|
|
padding: 50% 30px 10px;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links {
|
||
|
|
display: inline-block;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Photo wrapper */
|
||
|
|
|
||
|
|
.masonry.tiles .post-item:not(.no-img) .post-photo-wrapper {
|
||
|
|
line-height: 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
z-index: 2;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background: rgba(0, 0, 0, .2);
|
||
|
|
opacity: 0;
|
||
|
|
transition: all 0.6s ease-out;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item:not(.no-img):hover .post-photo-wrapper:after {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Posts */
|
||
|
|
|
||
|
|
.masonry.tiles .format-link .post-title .icon-link {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.masonry.tiles .format-link .post-title .link-wrapper {
|
||
|
|
margin-left: 0;
|
||
|
|
padding-top: 5px;
|
||
|
|
}
|
||
|
|
.masonry.tiles .format-quote blockquote {
|
||
|
|
margin-left: 0;
|
||
|
|
top: 0;
|
||
|
|
margin-bottom: 25px;
|
||
|
|
}
|
||
|
|
.masonry.tiles .format-quote blockquote:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.masonry.tiles .format-quote blockquote a {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Post icon */
|
||
|
|
|
||
|
|
.masonry.tiles .post-item .post-format-icon {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 3;
|
||
|
|
left: 25px;
|
||
|
|
top: 25px;
|
||
|
|
font-size: 35px;
|
||
|
|
line-height: 35px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Line */
|
||
|
|
|
||
|
|
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
height: 3px;
|
||
|
|
margin-top: 20px;
|
||
|
|
width: 0;
|
||
|
|
transition: all 0.4s ease-out;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title:after {
|
||
|
|
width: 40%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Desc wrapper animation */
|
||
|
|
|
||
|
|
.masonry.tiles .post-item .post-desc-wrapper {
|
||
|
|
transition: all 0.4s ease-out;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item:hover .post-desc-wrapper {
|
||
|
|
transform: translateY(-20px);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Columns 2-6 */
|
||
|
|
|
||
|
|
.posts_group.masonry.tiles.col-2 .post-item {
|
||
|
|
width: 49.99%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.tiles.col-3 .post-item {
|
||
|
|
width: 33.33%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.tiles.col-4 .post-item {
|
||
|
|
width: 24.99%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.tiles.col-5 .post-item {
|
||
|
|
width: 19.99%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.tiles.col-6 .post-item {
|
||
|
|
width: 16.66%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* With margin */
|
||
|
|
|
||
|
|
.posts_group.masonry.margin .post-item {
|
||
|
|
margin: 0 1% 25px !important;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.margin.col-2 .post-item {
|
||
|
|
width: 47.99%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.margin.col-3 .post-item {
|
||
|
|
width: 31.33%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.margin.col-4 .post-item {
|
||
|
|
width: 22.99%;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.margin.col-5 .post-item {
|
||
|
|
width: 18.99%;
|
||
|
|
margin: 0 0.5% 12px !important;
|
||
|
|
}
|
||
|
|
.posts_group.masonry.margin.col-6 .post-item {
|
||
|
|
width: 15.66%;
|
||
|
|
margin: 0 0.5% 12px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Colors */
|
||
|
|
|
||
|
|
.masonry.tiles .post-item.format-quote blockquote, .masonry.tiles .post-item.format-quote blockquote a, .masonry.tiles .post-item.format-link .post-title .icon-link, .masonry.tiles .post-item.format-link .post-title .link-wrapper h4, .masonry.tiles .post-item.format-link .post-title .link-wrapper a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title .entry-title a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item.no-img .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-quote .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-link .post-desc-wrapper .post-desc .post-title:after {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt {
|
||
|
|
color: rgba(255, 255, 255, .7);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Timeline */
|
||
|
|
|
||
|
|
.timeline .post-item {
|
||
|
|
float: none;
|
||
|
|
width: auto;
|
||
|
|
padding-left: 200px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-bottom: 40px;
|
||
|
|
background: url(../../images/timeline_right.png) no-repeat 90px top;
|
||
|
|
}
|
||
|
|
.timeline .post-item:last-child {
|
||
|
|
padding-bottom: 20px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.timeline .format-quote .post-meta, .timeline .format-link .post-meta {
|
||
|
|
padding-top: 7px;
|
||
|
|
}
|
||
|
|
.timeline .post-item:before {
|
||
|
|
content: "";
|
||
|
|
width: 7px;
|
||
|
|
height: 7px;
|
||
|
|
border-width: 4px;
|
||
|
|
border-style: solid;
|
||
|
|
-webkit-border-radius: 100%;
|
||
|
|
border-radius: 100%;
|
||
|
|
position: absolute;
|
||
|
|
left: 126px;
|
||
|
|
top: 11px;
|
||
|
|
display: block;
|
||
|
|
visibility: visible;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.timeline .date_label {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.timeline .post-meta .author-date .date {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Photo */
|
||
|
|
|
||
|
|
.photo .post-item {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.photo .post-photo-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.photo .post-desc-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head {}
|
||
|
|
.photo .post-desc .post-head .post-meta {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-footer {
|
||
|
|
display: inline-block;
|
||
|
|
background: none;
|
||
|
|
padding: 0;
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-title {}
|
||
|
|
.photo .post-desc .post-excerpt {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-meta .author-date, .photo .post-desc .post-head .post-meta .category, .photo .post-desc .post-head .post-footer .button-love, .photo .post-desc .post-head .post-footer .post-links {
|
||
|
|
float: none;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-meta .author-date {
|
||
|
|
margin-right: 20px;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-meta .author-date .label {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-footer .button-love {
|
||
|
|
margin-right: 20px;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-footer .button-love .love-text {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-footer .post-links {
|
||
|
|
border: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-footer .post-links .icon-doc-text, .photo .post-desc .post-head .post-footer .post-links .post-more {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.photo .format-image {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.photo .format-image .post-photo-wrapper {
|
||
|
|
display: inline-block;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.photo .format-link .post-title {
|
||
|
|
display: inline-block;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Post types */
|
||
|
|
|
||
|
|
.format-quote .post-photo-wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.format-quote .post-desc {
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.format-quote .post-desc-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.format-video .image_frame .image_wrapper img {
|
||
|
|
margin-bottom: 0!important
|
||
|
|
}
|
||
|
|
.format-video .image_frame:hover .image_wrapper img {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.format-link .post-photo-wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.format-link .post-desc-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.format-link .post-desc {
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.format-link .post-title {
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.format-link .post-title .icon-link {
|
||
|
|
display: block;
|
||
|
|
width: 80px;
|
||
|
|
height: 80px;
|
||
|
|
font-size: 60px;
|
||
|
|
line-height: 80px;
|
||
|
|
border-right-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
float: left;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.format-link .post-title .link-wrapper {
|
||
|
|
margin-left: 100px;
|
||
|
|
padding-top: 14px
|
||
|
|
}
|
||
|
|
.format-link .post-title .link-wrapper h4 {
|
||
|
|
margin-bottom: 7px;
|
||
|
|
font-size: 20px;
|
||
|
|
line-height: 22px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Single Post ----------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.post-nav {
|
||
|
|
padding: 10px 10px 4px 130px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
background-image: url(../../images/stripes/stripes_5_b.png);
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.post-nav .next-prev-nav {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.post-nav .next-prev-nav li {
|
||
|
|
float: left;
|
||
|
|
margin-right: 5px
|
||
|
|
}
|
||
|
|
.post-nav .next-prev-nav a.button {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
.post-nav .list-nav {
|
||
|
|
float: right;
|
||
|
|
line-height: 49px
|
||
|
|
}
|
||
|
|
.post-nav.minimal.column {
|
||
|
|
padding: 0;
|
||
|
|
background: none;
|
||
|
|
position: relative;
|
||
|
|
height: 40px!important;
|
||
|
|
}
|
||
|
|
.post-nav.minimal a {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
opacity: .6;
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out;
|
||
|
|
}
|
||
|
|
.post-nav.minimal a:hover {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
.post-nav.minimal a.prev {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.post-nav.minimal a.next {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.post-nav.minimal a.home {
|
||
|
|
left: 50%;
|
||
|
|
margin: 3px 0 0 -13px;
|
||
|
|
}
|
||
|
|
.post-nav.minimal a i {
|
||
|
|
font-size: 25px;
|
||
|
|
line-height: 30px;
|
||
|
|
color: #626262
|
||
|
|
}
|
||
|
|
.post-nav.minimal a svg {
|
||
|
|
fill: #626262
|
||
|
|
}
|
||
|
|
.post-header {
|
||
|
|
margin-bottom: 20px
|
||
|
|
}
|
||
|
|
.post-header .button-love {
|
||
|
|
width: 99px;
|
||
|
|
float: left;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.post-header .button-love a.mfn-love {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
padding-left: 28px;
|
||
|
|
font-size: 17px;
|
||
|
|
margin-top: 25px
|
||
|
|
}
|
||
|
|
.no-title .post-header .button-love a.mfn-love {
|
||
|
|
margin-top: 0
|
||
|
|
}
|
||
|
|
.post-header .button-love a.mfn-love i {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
font-size: 18px
|
||
|
|
}
|
||
|
|
.post-header .button-love a.mfn-love:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
.post-header .button-love a.mfn-love i:last-child {
|
||
|
|
opacity: 0;
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
-ms-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
.post-header .button-love a:hover.mfn-love i:last-child, .post-header .button-love a.loved.mfn-love i:last-child {
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100)
|
||
|
|
}
|
||
|
|
.post-header .title_wrapper {
|
||
|
|
margin-left: 99px;
|
||
|
|
border-left-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
padding-left: 30px
|
||
|
|
}
|
||
|
|
.post-header .title_wrapper h1 {
|
||
|
|
font-size: 35px;
|
||
|
|
line-height: 35px
|
||
|
|
}
|
||
|
|
.single-photo-wrapper .share_wrapper {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.single-photo-wrapper .image_frame {
|
||
|
|
margin-left: 120px
|
||
|
|
}
|
||
|
|
.single-photo-wrapper .image_frame iframe {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.no-share .single-photo-wrapper .image_frame {
|
||
|
|
margin-left: 0
|
||
|
|
}
|
||
|
|
.single-photo-wrapper.image {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.single-photo-wrapper.image .image_frame {
|
||
|
|
margin-left: 0;
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
.section-post-header .single-photo-wrapper.image .image_frame {
|
||
|
|
max-width: 80%;
|
||
|
|
max-width: calc(100% - 130px)
|
||
|
|
}
|
||
|
|
.no-share .section-post-header .single-photo-wrapper.image .image_frame {
|
||
|
|
max-width: 100%
|
||
|
|
}
|
||
|
|
.share_wrapper {
|
||
|
|
background: #fff;
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
width: 98px;
|
||
|
|
text-align: center;
|
||
|
|
padding: 10px 0 5px
|
||
|
|
}
|
||
|
|
.share_wrapper .stButton {
|
||
|
|
margin-bottom: 10px
|
||
|
|
}
|
||
|
|
.section-post-intro-share .share_wrapper {
|
||
|
|
float: right;
|
||
|
|
background: none;
|
||
|
|
border: none;
|
||
|
|
width: unset;
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.section-post-intro-share .share_wrapper>span {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.section-post-intro-share .share_wrapper .stButton .stBubble {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
.author-box .avatar-wrapper {
|
||
|
|
width: 64px;
|
||
|
|
height: 64px;
|
||
|
|
float: left;
|
||
|
|
border-width: 8px;
|
||
|
|
border-style: solid;
|
||
|
|
display: block;
|
||
|
|
line-height: 0;
|
||
|
|
-webkit-border-radius: 100%;
|
||
|
|
border-radius: 100%;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.author-box .desc-wrapper {
|
||
|
|
background: rgba(0, 0, 0, .02);
|
||
|
|
padding: 20px;
|
||
|
|
position: relative;
|
||
|
|
margin-left: 105px
|
||
|
|
}
|
||
|
|
.author-box .desc-wrapper:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: -6px;
|
||
|
|
top: 35px;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 6px 6px 6px 0;
|
||
|
|
border-color: transparent rgba(0, 0, 0, .02) transparent transparent
|
||
|
|
}
|
||
|
|
.author-box .desc-wrapper h5 {
|
||
|
|
margin-bottom: 5px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hide Love */
|
||
|
|
|
||
|
|
.hide-love .button-love {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.hide-love .post-header .title_wrapper {
|
||
|
|
margin-left: 0;
|
||
|
|
padding-left: 10px;
|
||
|
|
border-left: none
|
||
|
|
}
|
||
|
|
.hide-love .post-nav {
|
||
|
|
padding-left: 10px
|
||
|
|
}
|
||
|
|
.hide-love .portfolio_group .portfolio-item .desc .title_wrapper {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Post related */
|
||
|
|
|
||
|
|
.section-post-related .section-related-adjustment {
|
||
|
|
border-top-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
padding-top: 20px
|
||
|
|
}
|
||
|
|
.section-post-related .post-related {
|
||
|
|
position: relative;
|
||
|
|
width: 31.333%
|
||
|
|
}
|
||
|
|
.section-post-related .col-2 .post-related {
|
||
|
|
width: 48%
|
||
|
|
}
|
||
|
|
.section-post-related .col-3 .post-related {
|
||
|
|
width: 31.333%
|
||
|
|
}
|
||
|
|
.section-post-related .col-4 .post-related {
|
||
|
|
width: 23%
|
||
|
|
}
|
||
|
|
.section-post-related .col-5 .post-related {
|
||
|
|
width: 18%
|
||
|
|
}
|
||
|
|
.section-post-related .col-6 .post-related {
|
||
|
|
width: 14.666%
|
||
|
|
}
|
||
|
|
.section-post-related .col-2 .post-related:nth-child(2n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.section-post-related .col-3 .post-related:nth-child(3n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.section-post-related .col-4 .post-related:nth-child(4n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.section-post-related .col-5 .post-related:nth-child(5n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.section-post-related .col-6 .post-related:nth-child(6n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.section-post-related .post-related .image_frame {
|
||
|
|
margin-left: 30px;
|
||
|
|
margin-bottom: 15px
|
||
|
|
}
|
||
|
|
.section-post-related .post-related .fullscreen-container {
|
||
|
|
height: 180px!important
|
||
|
|
}
|
||
|
|
.section-post-related .post-related .date_label {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 30px;
|
||
|
|
z-index: 20
|
||
|
|
}
|
||
|
|
.section-post-related .post-related hr {
|
||
|
|
margin-left: 30px;
|
||
|
|
width: 40%
|
||
|
|
}
|
||
|
|
.section-post-related .post-related a.button {
|
||
|
|
margin-left: 30px;
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.section-post-related .format-quote blockquote {
|
||
|
|
margin-top: 70px;
|
||
|
|
margin-left: 40px
|
||
|
|
}
|
||
|
|
.section-post-related .format-link .image_frame {
|
||
|
|
height: 180px;
|
||
|
|
background-color: rgba(255, 255, 255, .5);
|
||
|
|
background-image: url(../../images/link.png);
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat
|
||
|
|
}
|
||
|
|
.section-post-related .format-standard.no-img .image_frame {
|
||
|
|
display: block;
|
||
|
|
height: 180px;
|
||
|
|
background-color: rgba(255, 255, 255, .5);
|
||
|
|
background-image: url(../../images/photo.png);
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat
|
||
|
|
}
|
||
|
|
.section-post-related .post-related .image_frame iframe {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section post related - simple */
|
||
|
|
|
||
|
|
.section-post-related .simple .post-related .image_frame {
|
||
|
|
margin-left: 0px;
|
||
|
|
}
|
||
|
|
.section-post-related .simple .post-related .date_label {
|
||
|
|
margin-bottom: 5px;
|
||
|
|
position: static;
|
||
|
|
padding: 0;
|
||
|
|
background-color: transparent;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.section-post-related .simple .post-related .date_label:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.section-post-related .simple .post-related hr {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.section-post-related .simple .post-related a.button {
|
||
|
|
margin-left: 0px;
|
||
|
|
}
|
||
|
|
.section-post-related .simple .post-related.format-quote .date_label {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.section-post-related .simple .format-quote blockquote {
|
||
|
|
margin-top: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Format | Link */
|
||
|
|
|
||
|
|
.single-format-link .single-photo-wrapper .share_wrapper {
|
||
|
|
float: none;
|
||
|
|
width: auto;
|
||
|
|
padding: 10px 15px 15px
|
||
|
|
}
|
||
|
|
.single-format-link .single-photo-wrapper .share_wrapper .stButton {
|
||
|
|
margin: 0 10px 0 0
|
||
|
|
}
|
||
|
|
.single-format-link .section-post-header .single-photo-wrapper .image_frame {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Format | Quote */
|
||
|
|
|
||
|
|
.single-format-quote #Subheader .title {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.single-format-quote #Subheader ul.breadcrumbs {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.single-format-quote .single-photo-wrapper .share_wrapper {
|
||
|
|
float: none;
|
||
|
|
width: auto;
|
||
|
|
padding: 10px 15px 15px
|
||
|
|
}
|
||
|
|
.single-format-quote .single-photo-wrapper .share_wrapper .stButton {
|
||
|
|
margin: 0 10px 0 0
|
||
|
|
}
|
||
|
|
.single-format-quote .section-post-header .single-photo-wrapper .image_frame {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NO img */
|
||
|
|
|
||
|
|
.portfolio.no-img .single-photo-wrapper .share_wrapper, .format-image.no-img .single-photo-wrapper .share_wrapper, .format-standard.no-img .single-photo-wrapper .share_wrapper {
|
||
|
|
float: none;
|
||
|
|
width: auto;
|
||
|
|
padding: 10px 15px 15px
|
||
|
|
}
|
||
|
|
.portfolio.no-img .single-photo-wrapper .share_wrapper .stButton, .format-image.no-img .single-photo-wrapper .share_wrapper .stButton, .format-standard.no-img .single-photo-wrapper .share_wrapper .stButton {
|
||
|
|
margin: 0 10px 0 0
|
||
|
|
}
|
||
|
|
.portfolio.no-img .section-post-header .single-photo-wrapper .image_frame, .format-image.no-img .section-post-header .single-photo-wrapper .image_frame, .format-standard.no-img .section-post-header .single-photo-wrapper .image_frame {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Project decription */
|
||
|
|
|
||
|
|
.project-description li {
|
||
|
|
width: 99.9%;
|
||
|
|
clear: both;
|
||
|
|
padding: 7px 10px;
|
||
|
|
background: rgba(0, 0, 0, .01);
|
||
|
|
border-style: solid;
|
||
|
|
border-color: rgba(0, 0, 0, .03);
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box
|
||
|
|
}
|
||
|
|
.project-description li .label {
|
||
|
|
font-weight: 700;
|
||
|
|
min-width: 50px;
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
.project-description li.one-third {
|
||
|
|
float: left;
|
||
|
|
width: 33.3%;
|
||
|
|
clear: none;
|
||
|
|
padding-right: 15px;
|
||
|
|
border-width: 0 1px 1px 0
|
||
|
|
}
|
||
|
|
.project-description li:nth-child(3) {
|
||
|
|
border-right-color: transparent
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Share Item */
|
||
|
|
|
||
|
|
.share_item {
|
||
|
|
float: none;
|
||
|
|
width: auto;
|
||
|
|
padding: 10px 15px 15px
|
||
|
|
}
|
||
|
|
.share_item .stButton {
|
||
|
|
margin: 0 10px 0 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Templates | Preview --------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.single-template .section-post-header, .single-template .section-post-about, .single-template .section-post-related, .single-template .section-post-comments {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Widget Area ----------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.widget-area {
|
||
|
|
border-style: solid;
|
||
|
|
padding: 30px 20px 20px;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.widget-area:before {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
width: 1500px;
|
||
|
|
height: 100%;
|
||
|
|
background: rgba(0, 0, 0, .01);
|
||
|
|
visibility: visible
|
||
|
|
}
|
||
|
|
.aside_left .widget-area {
|
||
|
|
border-right-width: 1px
|
||
|
|
}
|
||
|
|
.aside_left .widget-area:before {
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
.aside_right .widget-area {
|
||
|
|
border-left-width: 1px
|
||
|
|
}
|
||
|
|
.aside_right .widget-area:before {
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
.widget-area.lines-boxed .widget:after {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.widget-area.lines-hidden .widget:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.widget {
|
||
|
|
padding-bottom: 30px;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.widget:last-child {
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-bottom: 0
|
||
|
|
}
|
||
|
|
.widget:last-child:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.widget:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
width: 1500px;
|
||
|
|
height: 0;
|
||
|
|
visibility: visible;
|
||
|
|
border-width: 1px 0 0;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
.widget>h3 {
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 22px
|
||
|
|
}
|
||
|
|
.aside_left .widget:after {
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
.aside_right .widget:after {
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
.with_aside.aside_both .sidebar-1 .widget-area {
|
||
|
|
border-right-width: 1px
|
||
|
|
}
|
||
|
|
.with_aside.aside_both .sidebar-1 .widget-area:before {
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
.with_aside.aside_both .sidebar-1 .widget-area .widget:after {
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
.with_aside.aside_both .sidebar-2 .widget-area {
|
||
|
|
border-left-width: 1px
|
||
|
|
}
|
||
|
|
.with_aside.aside_both .sidebar-2 .widget-area:before {
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
.with_aside.aside_both .sidebar-2 .widget-area .widget:after {
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Recent posts */
|
||
|
|
|
||
|
|
.Recent_posts ul {
|
||
|
|
margin: 0!important
|
||
|
|
}
|
||
|
|
.Recent_posts ul li {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
list-style: none!important
|
||
|
|
}
|
||
|
|
.Recent_posts ul li:last-child {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.Recent_posts ul li a {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .desc {
|
||
|
|
margin-right: 80px;
|
||
|
|
padding: 5px 15px;
|
||
|
|
background: #fff;
|
||
|
|
position: relative;
|
||
|
|
min-height: 70px
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .desc:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 4px;
|
||
|
|
height: 100%
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .desc h6 {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .desc .date {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .desc .date i {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 2px
|
||
|
|
}
|
||
|
|
.Recent_posts ul li.no-img {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.Recent_posts ul li.no-img .photo {
|
||
|
|
width: 0;
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
.Recent_posts ul li.no-img .desc {
|
||
|
|
margin-right: 0;
|
||
|
|
min-height: inherit
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .photo {
|
||
|
|
width: 80px;
|
||
|
|
height: 80px;
|
||
|
|
line-height: 0;
|
||
|
|
text-align: center;
|
||
|
|
float: right;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .photo .c {
|
||
|
|
width: 25px;
|
||
|
|
height: 25px;
|
||
|
|
line-height: 25px;
|
||
|
|
z-index: 3;
|
||
|
|
text-align: center;
|
||
|
|
color: #fff;
|
||
|
|
position: absolute;
|
||
|
|
right: -12px;
|
||
|
|
bottom: 12px;
|
||
|
|
font-size: 11px;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
border-radius: 3px
|
||
|
|
}
|
||
|
|
.Recent_posts ul li a:hover h6, .Recent_posts ul li a:hover .desc .date {
|
||
|
|
color: #fff!important
|
||
|
|
}
|
||
|
|
.Recent_posts ul li a:hover .desc:after {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Formats */
|
||
|
|
|
||
|
|
.Recent_posts ul li.format-link .photo {
|
||
|
|
background-color: #eee;
|
||
|
|
background-image: url(../../images/link.png);
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat
|
||
|
|
}
|
||
|
|
.Recent_posts ul li.format-quote .photo {
|
||
|
|
background-color: #eee;
|
||
|
|
background-image: url(../../images/blockquote.png);
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 40% auto
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
|
||
|
|
.Recent_posts ul li a h6, .Recent_posts ul li a .desc .date, .Recent_posts ul li a .desc:after {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Recent posts | WordPress */
|
||
|
|
|
||
|
|
.widget_recent_entries ul li {
|
||
|
|
padding: 5px 15px;
|
||
|
|
background: #fff;
|
||
|
|
position: relative;
|
||
|
|
margin-bottom: 10px
|
||
|
|
}
|
||
|
|
.widget_recent_entries ul li a {
|
||
|
|
display: block;
|
||
|
|
text-decoration: none;
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
.widget_recent_entries ul li:last-child {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.widget_recent_entries ul li:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 4px;
|
||
|
|
height: 100%
|
||
|
|
}
|
||
|
|
.widget_recent_entries ul li:hover:after {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.widget_recent_entries ul li .post-date {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
z-index: 2
|
||
|
|
}
|
||
|
|
.widget_recent_entries ul li:hover a, .widget_recent_entries ul li:hover .post-date {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.widget_recent_entries ul li:hover a, .widget_recent_entries ul li:hover .post-date, .widget_recent_entries ul li:hover:after {
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Categories */
|
||
|
|
|
||
|
|
.widget_categories ul {
|
||
|
|
list-style-type: square;
|
||
|
|
color: #fff;
|
||
|
|
padding: 5px 10px 5px 30px
|
||
|
|
}
|
||
|
|
.widget_categories ul li {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.widget_categories ul li:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 70px;
|
||
|
|
border-width: 0 0 1px;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: rgba(255, 255, 255, .2);
|
||
|
|
position: absolute;
|
||
|
|
left: -30px;
|
||
|
|
bottom: 0
|
||
|
|
}
|
||
|
|
.widget_categories ul li:last-child:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.widget_categories ul li a {
|
||
|
|
color: #fff!important;
|
||
|
|
display: block;
|
||
|
|
padding: 7px 0 7px 3px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Archives, Custom menu */
|
||
|
|
|
||
|
|
.widget_archive ul, .widget_nav_menu ul {
|
||
|
|
list-style-type: square;
|
||
|
|
padding: 5px 10px 5px 30px;
|
||
|
|
background: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
.widget_archive ul li, .widget_nav_menu ul li {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.widget_archive ul li:after, .widget_nav_menu ul li:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 70px;
|
||
|
|
border-width: 0 0 1px;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: rgba(0, 0, 0, .1);
|
||
|
|
position: absolute;
|
||
|
|
left: -30px;
|
||
|
|
bottom: 0
|
||
|
|
}
|
||
|
|
.widget_archive ul li:last-child:after, .widget_nav_menu ul li:last-child:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.widget_archive ul li a, .widget_nav_menu ul li a {
|
||
|
|
display: block;
|
||
|
|
padding: 8px 0 9px 3px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Meta, Pages, RSS */
|
||
|
|
|
||
|
|
.widget_meta ul, .widget_pages ul, .widget_rss ul {
|
||
|
|
list-style-type: square;
|
||
|
|
padding: 0 0 0 30px
|
||
|
|
}
|
||
|
|
.widget_meta ul li a, .widget_pages ul li a, .widget_rss ul li a {
|
||
|
|
display: block;
|
||
|
|
padding: 4px 0 7px 4px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Recent comments */
|
||
|
|
|
||
|
|
.widget_mfn_recent_comments ul {
|
||
|
|
margin: 0!important
|
||
|
|
}
|
||
|
|
.widget_mfn_recent_comments ul li {
|
||
|
|
padding-bottom: 15px;
|
||
|
|
margin-bottom: 0!important;
|
||
|
|
background: url(../../images/recent_comments.png) no-repeat 4px top;
|
||
|
|
padding-left: 40px;
|
||
|
|
position: relative;
|
||
|
|
list-style: none!important
|
||
|
|
}
|
||
|
|
.widget_mfn_recent_comments ul li:last-child {
|
||
|
|
padding-bottom: 5px
|
||
|
|
}
|
||
|
|
.widget_mfn_recent_comments ul li .date_label {
|
||
|
|
background-color: rgba(0, 0, 0, .03);
|
||
|
|
margin-top: 7px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.widget_mfn_recent_comments ul li .date_label:after {
|
||
|
|
border-left-color: rgba(0, 0, 0, .03)
|
||
|
|
}
|
||
|
|
.widget_mfn_recent_comments ul li:after {
|
||
|
|
content: "";
|
||
|
|
width: 7px;
|
||
|
|
height: 7px;
|
||
|
|
border-width: 4px;
|
||
|
|
border-style: solid;
|
||
|
|
-webkit-border-radius: 100%;
|
||
|
|
border-radius: 100%;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 11px;
|
||
|
|
display: block;
|
||
|
|
z-index: 1
|
||
|
|
}
|
||
|
|
.widget_mfn_recent_comments ul li p {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Recent comments wordpress */
|
||
|
|
|
||
|
|
.widget_recent_comments ul li {
|
||
|
|
padding-bottom: 5px;
|
||
|
|
padding-top: 6px;
|
||
|
|
background: url(../../images/recent_comments.png) no-repeat 4px top;
|
||
|
|
padding-left: 40px;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.widget_recent_comments ul li:last-child {
|
||
|
|
padding-bottom: 5px
|
||
|
|
}
|
||
|
|
.widget_recent_comments ul li:after {
|
||
|
|
content: "";
|
||
|
|
width: 7px;
|
||
|
|
height: 7px;
|
||
|
|
border-width: 4px;
|
||
|
|
border-style: solid;
|
||
|
|
-webkit-border-radius: 100%;
|
||
|
|
border-radius: 100%;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 11px;
|
||
|
|
display: block;
|
||
|
|
z-index: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Search */
|
||
|
|
|
||
|
|
.widget_search input[type="text"] {
|
||
|
|
margin-bottom: 0;
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.widget_search .icon_close, .widget_search .icon_search {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Calendar */
|
||
|
|
|
||
|
|
.widget_calendar td, .widget_calendar th {
|
||
|
|
padding: 4px 3px
|
||
|
|
}
|
||
|
|
.widget_calendar caption {
|
||
|
|
padding: 5px;
|
||
|
|
font-size: 14px
|
||
|
|
}
|
||
|
|
.widget_calendar table tfoot tr:hover td {
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Flickr */
|
||
|
|
|
||
|
|
.Flickr {
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.Flickr .flickr_badge_image {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
float: left;
|
||
|
|
margin: 0 1% 2% 1%;
|
||
|
|
width: 23%
|
||
|
|
}
|
||
|
|
.Flickr .flickr_badge_image a {
|
||
|
|
display: block;
|
||
|
|
line-height: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Recent tweets */
|
||
|
|
|
||
|
|
.widget_tp_widget_recent_tweets .tp_recent_tweets {
|
||
|
|
clear: none;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.widget_tp_widget_recent_tweets ul {
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.widget_tp_widget_recent_tweets ul li:last-child {
|
||
|
|
padding-bottom: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Tag cloud */
|
||
|
|
|
||
|
|
.widget_mfn_tag_cloud ul {
|
||
|
|
margin-bottom: 0;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.widget_mfn_tag_cloud ul li {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
float: left;
|
||
|
|
margin: 0 5px 2px 0
|
||
|
|
}
|
||
|
|
.widget_mfn_tag_cloud a {
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
display: inline-block;
|
||
|
|
height: 22px;
|
||
|
|
font-size: 12px;
|
||
|
|
padding-right: 8px;
|
||
|
|
margin-right: 1px
|
||
|
|
}
|
||
|
|
.widget_mfn_tag_cloud a:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
.widget_mfn_tag_cloud a span {
|
||
|
|
padding-left: 8px;
|
||
|
|
height: 22px;
|
||
|
|
line-height: 22px;
|
||
|
|
display: block;
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Muffin menu */
|
||
|
|
|
||
|
|
.widget_mfn_menu ul li a {
|
||
|
|
display: block;
|
||
|
|
padding: 7px 10px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
background: #fff;
|
||
|
|
border: 1px solid rgba(0, 0, 0, .04);
|
||
|
|
color: #858585
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor)>a, .widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor)>a {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #fff!important
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul li ul li a {
|
||
|
|
padding-left: 20px
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul li ul li a:before {
|
||
|
|
content: "-";
|
||
|
|
margin-right: 5px
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul li ul li ul li a {
|
||
|
|
padding-left: 40px
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul li ul li ul li ul li a {
|
||
|
|
padding-left: 60px
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul.submenus-hover li ul {
|
||
|
|
overflow: hidden;
|
||
|
|
max-height: 0;
|
||
|
|
-webkit-transition: max-height 1s ease-in-out;
|
||
|
|
-moz-transition: max-height 1s ease-in-out;
|
||
|
|
-o-transition: max-height 1s ease-in-out;
|
||
|
|
transition: max-height 1s ease-in-out
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul.submenus-hover li.current_page_item>ul, .widget_mfn_menu ul.submenus-hover li:hover>ul {
|
||
|
|
max-height: 10000px
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul.submenu-active li.current-menu-parent>ul {
|
||
|
|
max-height: 10000px
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul.submenus-click li ul {
|
||
|
|
overflow: hidden;
|
||
|
|
max-height: 0
|
||
|
|
}
|
||
|
|
.widget_mfn_menu ul.submenus-click li.hover>ul {
|
||
|
|
max-height: 10000px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Muffin login */
|
||
|
|
|
||
|
|
.mfn-login {
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.mfn-login form p {
|
||
|
|
margin-bottom: 5px
|
||
|
|
}
|
||
|
|
.mfn-login form input {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.mfn-login .sep {
|
||
|
|
margin: 0 7px
|
||
|
|
}
|
||
|
|
.mfn-login .avatar-wrapper {
|
||
|
|
float: left;
|
||
|
|
width: 64px;
|
||
|
|
margin: 0 10px 10px 0
|
||
|
|
}
|
||
|
|
.mfn-login .author {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.mfn-login .alert {
|
||
|
|
padding: 5px 10px;
|
||
|
|
margin-bottom: 5px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Portfolio ----------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.portfolio_group {
|
||
|
|
margin: 0!important
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item {
|
||
|
|
list-style: none!important;
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item.isotope-grid-sizer {
|
||
|
|
margin: 0!important
|
||
|
|
}
|
||
|
|
.portfolio_group:not(.list) .portfolio-item {
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .list_style_header {
|
||
|
|
display: none;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
position: relative;
|
||
|
|
min-height: 46px;
|
||
|
|
padding-right: 275px
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .list_style_header h3 {
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-top: 7px
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .list_style_header .links_wrapper {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .list_style_header .links_wrapper a {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .image_frame {
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc {
|
||
|
|
padding: 20px;
|
||
|
|
background: #fff;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .title_wrapper {
|
||
|
|
position: relative;
|
||
|
|
padding-right: 43px
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .title_wrapper h5 {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .title_wrapper .button-love {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
padding-left: 24px
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
font-size: 16px
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love:hover {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i:last-child {
|
||
|
|
opacity: 0;
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
-ms-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a:hover.mfn-love i:last-child, .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.loved.mfn-love i:last-child {
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100)
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .desc-wrapper {
|
||
|
|
margin-right: 280px
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .details-wrapper {
|
||
|
|
float: right;
|
||
|
|
width: 240px;
|
||
|
|
padding-left: 19px;
|
||
|
|
border-left-width: 1px;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .details-wrapper dl {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .details-wrapper dl>dt {
|
||
|
|
padding: 2px 0;
|
||
|
|
border: 0;
|
||
|
|
width: 80px
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .details-wrapper dl>dd {
|
||
|
|
padding: 2px 0;
|
||
|
|
border: 0;
|
||
|
|
margin-left: 90px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* List */
|
||
|
|
|
||
|
|
.portfolio_group.list .portfolio-item {
|
||
|
|
width: 100%;
|
||
|
|
border-bottom-width: 0;
|
||
|
|
border-style: solid
|
||
|
|
}
|
||
|
|
.portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
|
||
|
|
background-position: top center;
|
||
|
|
background-repeat: repeat;
|
||
|
|
padding: 35px 0
|
||
|
|
}
|
||
|
|
.portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg {
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
body.with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
|
||
|
|
padding-left: 5%;
|
||
|
|
padding-right: 5%
|
||
|
|
}
|
||
|
|
body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
|
||
|
|
width: 1176px;
|
||
|
|
margin: 0 auto
|
||
|
|
}
|
||
|
|
.portfolio_group.list .portfolio-item .list_style_header {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
.portfolio_group.list .portfolio-item .desc {
|
||
|
|
background: none;
|
||
|
|
padding: 20px 0 0
|
||
|
|
}
|
||
|
|
.portfolio_group.list .portfolio-item .desc .title_wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Flat */
|
||
|
|
|
||
|
|
.portfolio_group.flat .portfolio-item {
|
||
|
|
width: 33.3%
|
||
|
|
}
|
||
|
|
.portfolio_group.flat .portfolio-item .image_frame {
|
||
|
|
border: 0
|
||
|
|
}
|
||
|
|
.portfolio_group.flat .portfolio-item .image_frame .mask {
|
||
|
|
box-shadow: 0 0 0 0;
|
||
|
|
-webkit-box-shadow: 0 0 0 0
|
||
|
|
}
|
||
|
|
.portfolio_group.flat .portfolio-item .desc {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Grid */
|
||
|
|
|
||
|
|
.portfolio_group.grid .portfolio-item {
|
||
|
|
width: 31.2%;
|
||
|
|
margin: 0 1% 20px
|
||
|
|
}
|
||
|
|
.portfolio_group.grid .portfolio-item .desc .desc-wrapper, .portfolio_group.grid .portfolio-item .desc .details-wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Masonry */
|
||
|
|
|
||
|
|
.portfolio_group.masonry .portfolio-item {
|
||
|
|
width: 31.2%;
|
||
|
|
margin: 0 1% 20px
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry .portfolio-item .desc .title_wrapper {
|
||
|
|
margin-bottom: 15px
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry .portfolio-item .desc .desc-wrapper {
|
||
|
|
display: block;
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry .portfolio-item .desc .details-wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Masonry hover */
|
||
|
|
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item {
|
||
|
|
width: 31.2%;
|
||
|
|
margin: 0 1% 20px;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
|
||
|
|
opacity: 0;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
background-color: rgba(0, 0, 0, .3);
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
padding: 10% 10% 50px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
margin: 15px 0;
|
||
|
|
width: 20px;
|
||
|
|
height: 3px;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {
|
||
|
|
height: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper {
|
||
|
|
bottom: 18px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
left: 0;
|
||
|
|
padding: 0 7% 0 8%;
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {
|
||
|
|
font-size: 25px;
|
||
|
|
color: #fff;
|
||
|
|
position: relative;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom {}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .image-wrapper {
|
||
|
|
line-height: 0;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrappper a {
|
||
|
|
color: #444;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after {
|
||
|
|
background: #444;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.external {
|
||
|
|
top: -3px;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc {
|
||
|
|
padding: 10%;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper {
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc {
|
||
|
|
position: static;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper {
|
||
|
|
position: static;
|
||
|
|
padding: 0;
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Animation */
|
||
|
|
|
||
|
|
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
|
||
|
|
-webkit-transition: all 0.3s ease-in-out;
|
||
|
|
-moz-transition: all 0.3s ease-in-out;
|
||
|
|
-o-transition: all 0.3s ease-in-out;
|
||
|
|
transition: all 0.3s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Masonry minimal */
|
||
|
|
|
||
|
|
.portfolio_group.masonry-minimal .portfolio-item {
|
||
|
|
width: 31.2%;
|
||
|
|
margin: 0 1% 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Masonry Flat */
|
||
|
|
|
||
|
|
.portfolio_group.masonry-flat {
|
||
|
|
float: left;
|
||
|
|
width: 100.5%;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item {
|
||
|
|
width: 24.9%;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item.wide {
|
||
|
|
width: 49.8%;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item .portfolio-item-fill {
|
||
|
|
padding-bottom: 78%;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill {
|
||
|
|
padding-bottom: 156%;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item.wide .portfolio-item-fill {
|
||
|
|
padding-bottom: 39%;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item.tall.wide .portfolio-item-fill {
|
||
|
|
padding-bottom: 78%;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item .image_frame {
|
||
|
|
border: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
right: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item .image_frame .image_wrapper {
|
||
|
|
position: static;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item .image_frame .mask {
|
||
|
|
box-shadow: 0 0 0 0;
|
||
|
|
-webkit-box-shadow: 0 0 0 0;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item .image_frame img {
|
||
|
|
margin: 0 !important;
|
||
|
|
top: 0 !important;
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item .desc {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Columns 2-6 */
|
||
|
|
|
||
|
|
|
||
|
|
/* Grid, Masonry, Masonry Hover */
|
||
|
|
|
||
|
|
.portfolio_group.grid.col-2 .portfolio-item, .portfolio_group.masonry.col-2 .portfolio-item, .portfolio_group.masonry-hover.col-2 .portfolio-item, .portfolio_group.masonry-minimal.col-2 .portfolio-item {
|
||
|
|
width: 47.99%;
|
||
|
|
}
|
||
|
|
.portfolio_group.grid.col-3 .portfolio-item, .portfolio_group.masonry.col-3 .portfolio-item, .portfolio_group.masonry-hover.col-3 .portfolio-item, .portfolio_group.masonry-minimal.col-3 .portfolio-item {
|
||
|
|
width: 31.33%;
|
||
|
|
}
|
||
|
|
.portfolio_group.grid.col-4 .portfolio-item, .portfolio_group.masonry.col-4 .portfolio-item, .portfolio_group.masonry-hover.col-4 .portfolio-item, .portfolio_group.masonry-minimal.col-4 .portfolio-item {
|
||
|
|
width: 22.99%;
|
||
|
|
}
|
||
|
|
.portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item, .portfolio_group.masonry-minimal.col-5 .portfolio-item {
|
||
|
|
width: 18.99%;
|
||
|
|
margin: 0 0.5% 20px;
|
||
|
|
}
|
||
|
|
.portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item, .portfolio_group.masonry-minimal.col-6 .portfolio-item {
|
||
|
|
width: 15.66%;
|
||
|
|
margin: 0 0.5% 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Flat */
|
||
|
|
|
||
|
|
.portfolio_group.flat.col-2 .portfolio-item {
|
||
|
|
width: 49.99%;
|
||
|
|
}
|
||
|
|
.portfolio_group.flat.col-3 .portfolio-item {
|
||
|
|
width: 33.33%;
|
||
|
|
}
|
||
|
|
.portfolio_group.flat.col-4 .portfolio-item {
|
||
|
|
width: 24.99%;
|
||
|
|
}
|
||
|
|
.portfolio_group.flat.col-5 .portfolio-item {
|
||
|
|
width: 19.99%;
|
||
|
|
}
|
||
|
|
.portfolio_group.flat.col-6 .portfolio-item {
|
||
|
|
width: 16.66%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Exposure */
|
||
|
|
|
||
|
|
.portfolio_group.exposure {}
|
||
|
|
.portfolio_group.exposure .portfolio-item {
|
||
|
|
width: 100%;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item a.link {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .image-wrapper {
|
||
|
|
line-height: 0;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .image-wrapper .mask {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
z-index: 1;
|
||
|
|
background: rgba(0, 0, 0, .5);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .desc-inner {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 30px;
|
||
|
|
z-index: 2;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner {
|
||
|
|
padding: 0 35px;
|
||
|
|
margin: 0 1%;
|
||
|
|
width: 98%;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.full-width .portfolio_group.exposure .portfolio-item .desc-inner {
|
||
|
|
top: 70px;
|
||
|
|
}
|
||
|
|
.full-width .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .desc-inner .line {
|
||
|
|
display: block;
|
||
|
|
width: 0;
|
||
|
|
height: 4px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .desc-inner .entry-title {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper {
|
||
|
|
width: 75%;
|
||
|
|
opacity: 0.7;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
bottom: 5px;
|
||
|
|
z-index: 2;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner {
|
||
|
|
padding: 0 25px;
|
||
|
|
margin: 0 1%;
|
||
|
|
width: 98%;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.full-width .portfolio_group.exposure .portfolio-item .details-wrapper {
|
||
|
|
bottom: 35px;
|
||
|
|
}
|
||
|
|
.full-width .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper .column {
|
||
|
|
float: right;
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transform: translateY(-7%);
|
||
|
|
transform: translateY(-7%);
|
||
|
|
border-top: 1px solid rgba(255, 255, 255, .4);
|
||
|
|
padding: 20px 10px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper .column h5.label {
|
||
|
|
font-weight: 400;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper .column h5 {
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Colors */
|
||
|
|
|
||
|
|
.portfolio_group.exposure .portfolio-item .desc-inner .entry-title, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h2, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h3, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h4, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h5, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h6, .portfolio_group.exposure .portfolio-item .details-wrapper h5, .portfolio_group.exposure .portfolio-item .details-wrapper h5 a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hover */
|
||
|
|
|
||
|
|
.portfolio_group.exposure .portfolio-item .desc-inner .line, .portfolio_group.exposure .portfolio-item .image-wrapper .mask {
|
||
|
|
-webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||
|
|
transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper .column {
|
||
|
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper .column:first-child {
|
||
|
|
-webkit-transition-delay: 0.2s;
|
||
|
|
transition-delay: 0.2s;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(2) {
|
||
|
|
-webkit-transition-delay: 0.3s;
|
||
|
|
transition-delay: 0.3s;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(3) {
|
||
|
|
-webkit-transition-delay: 0.4s;
|
||
|
|
transition-delay: 0.4s;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item:hover .desc-inner .line {
|
||
|
|
width: 100px;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item:hover .image-wrapper .mask {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item:hover .details-wrapper .column {
|
||
|
|
opacity: 1;
|
||
|
|
-webkit-transform: translateY(0);
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
.section_wrapper .portfolio_wrapper .column.one.pager_wrapper .hover-desc {
|
||
|
|
margin: 40px 0!important
|
||
|
|
}
|
||
|
|
.template-slider .section-portfolio-header {
|
||
|
|
margin-top: 30px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Footer ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#Footer {
|
||
|
|
background-position: center top;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#Footer .footer_action {
|
||
|
|
background: rgba(0, 0, 0, .1)
|
||
|
|
}
|
||
|
|
#Footer .footer_action .one {
|
||
|
|
margin-bottom: 30px;
|
||
|
|
padding-top: 30px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 110%;
|
||
|
|
line-height: 180%
|
||
|
|
}
|
||
|
|
#Footer .widgets_wrapper {
|
||
|
|
padding: 15px 0
|
||
|
|
}
|
||
|
|
#Footer .widgets_wrapper .column {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
#Footer .widgets_wrapper .widget {
|
||
|
|
padding: 15px 0;
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
#Footer .widgets_wrapper .widget:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Footer .footer_copy {
|
||
|
|
border-top: 1px solid rgba(255, 255, 255, .1)
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .one {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
padding-top: 30px;
|
||
|
|
min-height: 33px
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .copyright {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social {
|
||
|
|
float: right;
|
||
|
|
margin-right: 20px
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social li {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 6px
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social li:last-child {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social li a {
|
||
|
|
color: rgba(255, 255, 255, .3);
|
||
|
|
font-size: 15px;
|
||
|
|
line-height: 15px;
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
-ms-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social li a:hover {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social-menu {
|
||
|
|
float: right;
|
||
|
|
margin-right: 20px
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social-menu li {
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 6px;
|
||
|
|
padding-right: 6px;
|
||
|
|
border-right: 1px solid rgba(255, 255, 255, .1)
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social-menu li:last-child {
|
||
|
|
margin-right: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
border-right: 0
|
||
|
|
}
|
||
|
|
.footer-copy-center #Footer .footer_copy {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.footer-copy-center #Footer .footer_copy .copyright {
|
||
|
|
float: none;
|
||
|
|
margin: 0 0 10px
|
||
|
|
}
|
||
|
|
.footer-copy-center #Footer .footer_copy a#back_to_top {
|
||
|
|
float: none;
|
||
|
|
margin: -10px 0 10px
|
||
|
|
}
|
||
|
|
.footer-copy-center #Footer .footer_copy .social {
|
||
|
|
float: none;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
.footer-copy-center #Footer .footer_copy .social-menu {
|
||
|
|
float: none;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Back to top */
|
||
|
|
|
||
|
|
#back_to_top {
|
||
|
|
float: right;
|
||
|
|
margin: -10px 0 0;
|
||
|
|
height: 43px;
|
||
|
|
width: 43px
|
||
|
|
}
|
||
|
|
#back_to_top.hide {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#back_to_top.in_footer {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 20px;
|
||
|
|
right: 75px
|
||
|
|
}
|
||
|
|
.nice-scroll #back_to_top.in_footer {
|
||
|
|
right: 85px
|
||
|
|
}
|
||
|
|
#back_to_top.sticky {
|
||
|
|
position: fixed;
|
||
|
|
right: 75px;
|
||
|
|
bottom: 21px;
|
||
|
|
z-index: 9001;
|
||
|
|
background: #f7f7f7!important;
|
||
|
|
color: rgba(0, 0, 0, 0.5)
|
||
|
|
}
|
||
|
|
.nice-scroll #back_to_top.sticky {
|
||
|
|
right: 85px
|
||
|
|
}
|
||
|
|
#back_to_top.sticky .button_icon {
|
||
|
|
background: none;
|
||
|
|
margin: 1px
|
||
|
|
}
|
||
|
|
#back_to_top.sticky.scroll {
|
||
|
|
opacity: 0;
|
||
|
|
-webkit-transition: all .3s ease-in-out;
|
||
|
|
-moz-transition: all .3s ease-in-out;
|
||
|
|
-o-transition: all .3s ease-in-out;
|
||
|
|
-ms-transition: all .3s ease-in-out;
|
||
|
|
transition: all .3s ease-in-out
|
||
|
|
}
|
||
|
|
#back_to_top.sticky.scroll.focus, #back_to_top.sticky.scroll:hover {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Widgets */
|
||
|
|
|
||
|
|
#Footer .Recent_posts ul li .desc {
|
||
|
|
background: rgba(0, 0, 0, .1)
|
||
|
|
}
|
||
|
|
#Footer .widget_mfn_menu ul li a {
|
||
|
|
background: rgba(0, 0, 0, .1);
|
||
|
|
color: #ccc
|
||
|
|
}
|
||
|
|
#Footer .widget_recent_entries ul li {
|
||
|
|
background: rgba(0, 0, 0, .1)
|
||
|
|
}
|
||
|
|
#Footer ul.list_mixed li:after, #Footer ul.list_check li:after, #Footer ul.list_star li:after, #Footer ul.list_idea li:after {
|
||
|
|
background: rgba(255, 255, 255, .08)
|
||
|
|
}
|
||
|
|
#Footer .widget_mfn_recent_comments ul li .date_label {
|
||
|
|
background-color: rgba(0, 0, 0, .07)
|
||
|
|
}
|
||
|
|
#Footer .widget_mfn_recent_comments ul li .date_label:after {
|
||
|
|
border-left-color: rgba(0, 0, 0, .07)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Styles */
|
||
|
|
|
||
|
|
.footer-fixed #Footer {
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 1
|
||
|
|
}
|
||
|
|
.footer-sliding #Wrapper, .footer-sliding #Content {
|
||
|
|
position: relative;
|
||
|
|
z-index: 0
|
||
|
|
}
|
||
|
|
.footer-sliding #Footer {
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: -1
|
||
|
|
}
|
||
|
|
.footer-stick #Footer.is-sticky {
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Comments -------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.comments {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
#comments .nocomments {
|
||
|
|
margin-bottom: 40px
|
||
|
|
}
|
||
|
|
#comments> :first-child {
|
||
|
|
border-top-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
padding-top: 20px
|
||
|
|
}
|
||
|
|
.page #comments> :first-child {
|
||
|
|
margin-top: 20px
|
||
|
|
}
|
||
|
|
#comments .commentlist {
|
||
|
|
margin-left: 0;
|
||
|
|
list-style-type: none
|
||
|
|
}
|
||
|
|
#comments .commentlist>li {
|
||
|
|
margin-bottom: 30px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-body {
|
||
|
|
position: relative;
|
||
|
|
background: #fff;
|
||
|
|
padding: 20px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
margin-left: 105px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-body:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: -6px;
|
||
|
|
top: 35px;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 6px 6px 6px 0;
|
||
|
|
border-color: transparent #fff transparent transparent
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .children {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
padding-left: 40px;
|
||
|
|
border-left: 1px solid #ddd
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .photo {
|
||
|
|
display: block;
|
||
|
|
width: 64px;
|
||
|
|
height: 64px;
|
||
|
|
overflow: hidden;
|
||
|
|
line-height: 0;
|
||
|
|
position: absolute;
|
||
|
|
left: -105px;
|
||
|
|
top: 0;
|
||
|
|
border-width: 8px;
|
||
|
|
border-style: solid;
|
||
|
|
-webkit-border-radius: 100%;
|
||
|
|
border-radius: 100%
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-author {
|
||
|
|
font-size: 15px;
|
||
|
|
color: #444
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-author .fn {
|
||
|
|
font-weight: 700
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-meta {
|
||
|
|
font-size: 12px;
|
||
|
|
font-style: italic
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-meta a.comment-edit-link {
|
||
|
|
float: right;
|
||
|
|
padding-right: 52px;
|
||
|
|
position: relative;
|
||
|
|
top: -19px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li p {
|
||
|
|
margin: 4px 0 10px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .reply {
|
||
|
|
position: absolute;
|
||
|
|
right: 20px;
|
||
|
|
top: 20px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .reply a.comment-reply-link {
|
||
|
|
font-size: 11px;
|
||
|
|
color: #fff;
|
||
|
|
padding: 3px 6px;
|
||
|
|
-webkit-border-radius: 1px;
|
||
|
|
-moz-border-radius: 1px;
|
||
|
|
border-radius: 3px;
|
||
|
|
background-image: url(../../images/stripes/stripes_10_w.png)
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .reply a:hover.comment-reply-link {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
#comments .commentlist li .comment-body.lastBorder {
|
||
|
|
border-bottom: 0
|
||
|
|
}
|
||
|
|
#comments .commentlist .children {
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-left: 30px;
|
||
|
|
padding-left: 50px
|
||
|
|
}
|
||
|
|
#comments .commentlist .children li {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
#comments #comments-title {
|
||
|
|
margin-bottom: 20px
|
||
|
|
}
|
||
|
|
#comments #comments-title span {
|
||
|
|
font-style: italic
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Respond -------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
#respond {
|
||
|
|
overflow: hidden;
|
||
|
|
margin-bottom: 40px
|
||
|
|
}
|
||
|
|
#respond .comment-reply-title {
|
||
|
|
font-size: 21px;
|
||
|
|
line-height: 25px
|
||
|
|
}
|
||
|
|
#respond p {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
padding-left: 0!important
|
||
|
|
}
|
||
|
|
#respond .comment-notes .required {
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
#respond input[type="text"] {
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
#respond label {
|
||
|
|
margin-bottom: 3px
|
||
|
|
}
|
||
|
|
#respond .comment-form-author {
|
||
|
|
width: 31.3%;
|
||
|
|
margin-right: 2%!important;
|
||
|
|
float: left;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#respond .comment-form-email {
|
||
|
|
width: 31.3%;
|
||
|
|
margin-right: 2%!important;
|
||
|
|
float: left;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#respond .comment-form-url {
|
||
|
|
width: 33.3%;
|
||
|
|
float: left;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
#respond .comment-form-comment {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
#respond .comment-form-comment textarea {
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 10px
|
||
|
|
}
|
||
|
|
#respond .form-submit {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
#respond .form-submit input[type="submit"] {
|
||
|
|
float: right!important;
|
||
|
|
margin: 0!important
|
||
|
|
}
|
||
|
|
#respond .form-allowed-tags {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#respond .form-allowed-tags code {
|
||
|
|
margin-top: 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Testimonials | Single | @you should not see this page ----------------------------- */
|
||
|
|
|
||
|
|
.single-testimonial .post-nav, .single-testimonial .post-meta .category, .single-testimonial .fixed-nav {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Error 404 | #Error_404 ------------------------------------------------------------ */
|
||
|
|
|
||
|
|
body.error404 {
|
||
|
|
height: 100%
|
||
|
|
}
|
||
|
|
body.error404.custom-404, body.error404.events-archive {
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
body.error404:not(.events-archive) #Content {
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
#Error_404 {
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -150px;
|
||
|
|
left: 30px
|
||
|
|
}
|
||
|
|
#Error_404 .error_pic {
|
||
|
|
width: 30%;
|
||
|
|
float: left;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
#Error_404 .error_pic i {
|
||
|
|
font-size: 250px;
|
||
|
|
line-height: 250px
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk {
|
||
|
|
width: 70%;
|
||
|
|
float: left;
|
||
|
|
padding-top: 40px
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk h2 {
|
||
|
|
font-size: 45px;
|
||
|
|
line-height: 45px;
|
||
|
|
color: rgba(0, 0, 0, .7)
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk h4 {
|
||
|
|
font-size: 26px;
|
||
|
|
line-height: 30px;
|
||
|
|
color: rgba(0, 0, 0, .7)
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk p .check {
|
||
|
|
line-height: 45px;
|
||
|
|
font-size: 16px;
|
||
|
|
color: rgba(0, 0, 0, .5)
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk p em {
|
||
|
|
font-style: italic;
|
||
|
|
font-size: 17px;
|
||
|
|
font-family: Georgia, serif;
|
||
|
|
padding: 0 15px
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk p .button {
|
||
|
|
margin: 0;
|
||
|
|
display: inline;
|
||
|
|
margin-left: 20px
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Search Results | .search-not-found ------------------------------------------------ */
|
||
|
|
|
||
|
|
.search-not-found .snf-pic {
|
||
|
|
float: left;
|
||
|
|
text-align: center;
|
||
|
|
width: 275px
|
||
|
|
}
|
||
|
|
.search-not-found .snf-pic i {
|
||
|
|
font-size: 200px;
|
||
|
|
line-height: 200px
|
||
|
|
}
|
||
|
|
.search-not-found .snf-desc {
|
||
|
|
width: 70%;
|
||
|
|
width: calc(100% - 275px);
|
||
|
|
float: left;
|
||
|
|
padding-top: 40px
|
||
|
|
}
|
||
|
|
.search-not-found .snf-desc h2 {
|
||
|
|
font-size: 45px;
|
||
|
|
line-height: 45px;
|
||
|
|
color: rgba(0, 0, 0, .7)
|
||
|
|
}
|
||
|
|
.search-not-found .snf-desc h4 {
|
||
|
|
font-size: 26px;
|
||
|
|
line-height: 30px;
|
||
|
|
color: rgba(0, 0, 0, .7)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Preloaders for sliders ------------------------------------------------------------ */
|
||
|
|
|
||
|
|
|
||
|
|
/* .portfolio_slider_ul,ul.testimonials-slider{background:url(../images/preloader.gif) no-repeat center center}
|
||
|
|
.portfolio_slider_ul li,ul.testimonials-slider > *{visibility:hidden}
|
||
|
|
ul.testimonials-slider{max-height:260px}
|
||
|
|
.caroufredsel_wrapper .portfolio_slider_ul,ul.owl-carousel{background:none;max-height:none}
|
||
|
|
.caroufredsel_wrapper .portfolio_slider_ul li,ul.owl-carousel > *{visibility:visible} */
|
||
|
|
|
||
|
|
|
||
|
|
/* Video Section --------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.section.has-video {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.section.has-video .section_video {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
min-height: 100%;
|
||
|
|
min-width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
z-index: 1
|
||
|
|
}
|
||
|
|
.section.has-video .section_video .mask {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 3;
|
||
|
|
background: url(../../images/videomask.png) repeat center
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
.section.has-video .section_video video {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
min-height: 100%;
|
||
|
|
min-width: 100%;
|
||
|
|
z-index: 2
|
||
|
|
}
|
||
|
|
.section.has-video .section_wrapper {
|
||
|
|
position: relative;
|
||
|
|
z-index: 10
|
||
|
|
}
|
||
|
|
@media only screen and (max-device-width:1024px) {
|
||
|
|
.section.has-video .section_video {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Section Navigation ---------------------------------------------------------------- */
|
||
|
|
|
||
|
|
.section.has-navi .section-nav {
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
z-index: 701;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 38px;
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
line-height: 50px;
|
||
|
|
margin: 0 0 0 -25px;
|
||
|
|
text-align: center;
|
||
|
|
color: rgba(0, 0, 0, .2)
|
||
|
|
}
|
||
|
|
.section.has-navi .section-nav:hover {
|
||
|
|
color: rgba(0, 0, 0, .8)
|
||
|
|
}
|
||
|
|
.section.has-navi .section-nav.prev {
|
||
|
|
top: 25px
|
||
|
|
}
|
||
|
|
.section.has-navi .section-nav.next {
|
||
|
|
bottom: 25px
|
||
|
|
}
|
||
|
|
.section.has-navi:first-child .section-nav.prev, .section.has-navi:nth-last-child(3) .section-nav.next {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.section.has-navi .section-nav {
|
||
|
|
color: rgba(0, 0, 0, .2)
|
||
|
|
}
|
||
|
|
.section.has-navi .section-nav:hover {
|
||
|
|
color: rgba(0, 0, 0, .8)
|
||
|
|
}
|
||
|
|
.section.has-navi.dark .section-nav {
|
||
|
|
color: rgba(255, 255, 255, .2)
|
||
|
|
}
|
||
|
|
.section.has-navi.dark .section-nav:hover {
|
||
|
|
color: rgba(255, 255, 255, .8)
|
||
|
|
}
|
||
|
|
.section.has-navi .section-nav {
|
||
|
|
-webkit-transition: all .5s ease-in-out;
|
||
|
|
-moz-transition: all .5s ease-in-out;
|
||
|
|
-o-transition: all .5s ease-in-out;
|
||
|
|
transition: all .5s ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Dark ------------------------------------------------------------------------------ */
|
||
|
|
|
||
|
|
.dark, .dark ul.timeline_items, .dark .icon_box a .desc, .dark .icon_box a:hover .desc, .dark .feature_list ul li a, .dark .list_item a, .dark .list_item a:hover, .dark .widget_recent_entries ul li a {
|
||
|
|
color: #fff!important
|
||
|
|
}
|
||
|
|
.dark .ui-tabs .ui-tabs-panel, .dark .accordion .question .answer {
|
||
|
|
color: #626262
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Headings font */
|
||
|
|
|
||
|
|
.dark h1, .dark h1 a, .dark h1 a:hover {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark h2, .dark h2 a, .dark h2 a:hover {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark h3, .dark h3 a, .dark h3 a:hover {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark h4, .dark h4 a, .dark h4 a:hover {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark h5, .dark h5 a, .dark h5 a:hover {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark h6, .dark h6 a, .dark h6 a:hover, .dark a.content_link .title {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Borders */
|
||
|
|
|
||
|
|
.dark .idea_box, .dark table th, .dark table td, .dark .list_item .circle, .dark input[type="text"], .dark input[type="tel"], .dark input[type="password"], .dark input[type="email"], .dark textarea, .dark select, .dark .promo_box.has_border:after, .dark dl>dt, .dark dl>dd, .dark .article_box .desc_wrapper p, .dark a.icon_bar, .dark a.content_link, .dark .how_it_works .image, .dark .opening_hours, .dark .opening_hours .opening_hours_wrapper li, .dark .icon_box.has_border:after, .dark .chart_box:before, .dark .pricing-box, .dark .team_list .bq_wrapper, .dark .post-footer .post-links, .dark .format-link .post-title .icon-link, .dark .share_wrapper, .dark .post-header .title_wrapper, .dark .section-post-related .section-related-adjustment, .dark .comments, .dark .widget-area, .dark .widget:after, .dark .fixed-nav .desc h6, .dark .portfolio_group.list .portfolio-item, .dark .portfolio_group .portfolio-item .desc .details-wrapper, .dark .Recent_posts ul li .desc h6, .dark .widget_recent_entries ul li a, .dark .woocommerce .widget_best_sellers li, .dark .woocommerce .widget_featured_products li, .dark .woocommerce .widget_recent_reviews li, .dark .woocommerce .widget_recent_products li, .dark .woocommerce .widget_recently_viewed_products li, .dark .woocommerce .widget_random_products li, .dark .woocommerce .widget_top_rated_products li, .dark .woocommerce .widget_onsale li, .dark .woocommerce .widget_layered_nav li, .dark .woocommerce .widget_shopping_cart ul.product_list_widget li, .dark .woocommerce .widget_products li, .dark .woocommerce .product .related.products, .dark .woocommerce .product div.entry-summary h1.product_title:after, .dark .woocommerce .quantity input.qty {
|
||
|
|
border-color: rgba(255, 255, 255, .08)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Grey */
|
||
|
|
|
||
|
|
.dark .blockquote p.author span, .dark .counter .desc_wrapper .title, .dark .article_box .desc_wrapper p, .dark .team .desc_wrapper p.subtitle, .dark .pricing-box .plan-header p.subtitle, .dark .pricing-box .plan-header .price sup.period, .dark .chart_box p, .dark .fancy_heading .inside, .dark .fancy_heading_line .slogan, .dark .post-meta, .dark .post-meta a, .dark .post-footer, .dark .post-footer a span.label, .dark .pager .pages a, .dark .button-love a .label, .dark .pager-single a, .dark #comments .commentlist>li .comment-author .says, .dark .fixed-nav .desc .date, .dark .filters_buttons li.label, .dark .Recent_posts ul li a .desc .date, .dark .widget_recent_entries ul li .post-date, .dark .tp_recent_tweets .twitter_time, .dark .widget_price_filter .price_label, .dark .shop-filters .woocommerce-result-count, .dark .woocommerce ul.product_list_widget li .quantity, .dark .widget_shopping_cart ul.product_list_widget li dl, .dark .product_meta .posted_in, .dark .woocommerce .shop_table .product-name .variation>dd, .dark .shipping-calculator-button:after, .dark .shop_slider .shop_slider_ul li .item_wrapper .price del, .dark .testimonials_slider .testimonials_slider_ul li .author span, .dark .testimonials_slider .testimonials_slider_ul li .author span a {
|
||
|
|
color: #DEDEDE
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Dividers */
|
||
|
|
|
||
|
|
.dark hr {
|
||
|
|
background-color: rgba(255, 255, 255, .08);
|
||
|
|
color: rgba(255, 255, 255, .08)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Others */
|
||
|
|
|
||
|
|
.dark blockquote {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark .article_box .desc_wrapper h4 {
|
||
|
|
color: #444
|
||
|
|
}
|
||
|
|
.dark .progress_bars .bars_list li h6 .label {
|
||
|
|
color: rgba(255, 255, 255, 0.35);
|
||
|
|
background: rgba(255, 255, 255, 0.05)
|
||
|
|
}
|
||
|
|
.dark .faq .question .title {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark .counter .desc_wrapper .number {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark a.content_link .title {
|
||
|
|
color: #444
|
||
|
|
}
|
||
|
|
.dark .opening_hours, .dark .opening_hours h3 {
|
||
|
|
color: #444
|
||
|
|
}
|
||
|
|
.dark .Recent_posts ul li .desc {
|
||
|
|
background: rgba(0, 0, 0, .1)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Pricing box */
|
||
|
|
|
||
|
|
.dark .pricing-box-box {
|
||
|
|
background: rgba(0, 0, 0, 0.1)
|
||
|
|
}
|
||
|
|
.dark .pricing-box .plan-inside ul li {
|
||
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Lists */
|
||
|
|
|
||
|
|
.dark .column_column ul, .dark .column_column ol, .dark .the_content_wrapper ul, .dark .the_content_wrapper ol {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark .list_item.lists_2 .list_icon i {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Pricing table */
|
||
|
|
|
||
|
|
.dark .pricing-box-table.pricing-box-featured {
|
||
|
|
background: rgba(0, 0, 0, .1)
|
||
|
|
}
|
||
|
|
.dark .pricing-box .plan-header .price sup.period {
|
||
|
|
color: rgba(255, 255, 255, 0.5)!important
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Call to action */
|
||
|
|
|
||
|
|
.dark .call_to_action .call_left h3 {
|
||
|
|
color: rgba(0, 0, 0, .65)
|
||
|
|
}
|
||
|
|
.dark .call_to_action .call_center a {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Fancy heading */
|
||
|
|
|
||
|
|
.dark .fancy_heading_line {
|
||
|
|
background-image: url(../../images/fancy_heading_hr_dark.png)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Content slider */
|
||
|
|
|
||
|
|
.dark .content_slider.flat a.button .button_icon i {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Fancy links */
|
||
|
|
|
||
|
|
.dark a.mfn-link, .dark a:hover.mfn-link {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
.dark a.hover.mfn-link-2 span:before, .dark a.mfn-link-8:after, .dark a.mfn-link-8:before {
|
||
|
|
background: #fff
|
||
|
|
}
|
||
|
|
.dark a.mfn-link-4:hover:before, .dark a.mfn-link-4:hover:after, .dark a.hover.mfn-link-4:before, .dark a.hover.mfn-link-4:after, .dark a.mfn-link-7:after, .dark a.mfn-link-7:before {
|
||
|
|
background: #fff
|
||
|
|
}
|
||
|
|
.dark a.mfn-link-6:before {
|
||
|
|
border-bottom-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Pagination */
|
||
|
|
|
||
|
|
.dark .slider_pagination a {
|
||
|
|
background: rgba(255, 255, 255, 0.3)
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 3.0 Responsive-1240
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
html, body {
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* > 1240
|
||
|
|
===================================================================================================== */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1240px) {
|
||
|
|
body:not(.header-simple) #Top_bar #menu {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
/* main menu 2nd level - MegaMenu */
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu {
|
||
|
|
width: 984px;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-1 {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-2 {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-3 {
|
||
|
|
width: 33.33%;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-4 {
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-5 {
|
||
|
|
width: 20%;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-6 {
|
||
|
|
width: 16.66%;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li>ul {
|
||
|
|
display: block !important;
|
||
|
|
position: inherit;
|
||
|
|
left: auto;
|
||
|
|
top: auto;
|
||
|
|
border-width: 0 1px 0 0;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li:last-child>ul {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li>ul li {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title {
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title:hover {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu a .menu-arrow {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* MegaMenu with Background */
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu-bg {
|
||
|
|
padding: 20px 166px 20px 20px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: bottom right;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu-bg>li {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu-bg>li a {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu-bg>li>ul {
|
||
|
|
background: none !important;
|
||
|
|
-webkit-box-shadow: 0 0 0 0;
|
||
|
|
-moz-box-shadow: 0 0 0 0;
|
||
|
|
box-shadow: 0 0 0 0;
|
||
|
|
}
|
||
|
|
/* #Header.is-sticky */
|
||
|
|
#Top_bar.is-sticky {
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
left: 0;
|
||
|
|
top: -60px;
|
||
|
|
height: 60px;
|
||
|
|
z-index: 701;
|
||
|
|
background: #fff;
|
||
|
|
opacity: .97;
|
||
|
|
filter: alpha(opacity=97);
|
||
|
|
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||
|
|
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||
|
|
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .top_bar_left, #Top_bar.is-sticky .top_bar_right, #Top_bar.is-sticky .top_bar_right:before {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .top_bar_right {
|
||
|
|
top: -4px;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .logo {
|
||
|
|
width: auto;
|
||
|
|
margin: 0 30px 0 20px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky #logo {
|
||
|
|
padding: 5px 0;
|
||
|
|
height: 50px;
|
||
|
|
line-height: 50px;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky #logo img {
|
||
|
|
max-height: 35px;
|
||
|
|
width: auto !important;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky #logo img.logo-main {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky #logo img.logo-sticky {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .menu_wrapper {
|
||
|
|
clear: none;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .menu_wrapper .menu>li>a {
|
||
|
|
padding: 15px 0;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .menu>li>a, #Top_bar.is-sticky .menu>li>a span {
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .menu>li>a:after {
|
||
|
|
top: auto;
|
||
|
|
bottom: -4px;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .menu>li>a span.description {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky #header_cart {
|
||
|
|
top: 27px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#Top_bar.is-sticky .wpml-languages {
|
||
|
|
top: 15px;
|
||
|
|
}
|
||
|
|
#Top_bar.is-sticky .secondary_menu_wrapper, #Top_bar.is-sticky .banner_wrapper {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar.is-sticky .responsive-menu-toggle {
|
||
|
|
top: 12px;
|
||
|
|
}
|
||
|
|
/* Sticky dark */
|
||
|
|
.sticky-dark #Top_bar.is-sticky {
|
||
|
|
background: rgba(0, 0, 0, .8);
|
||
|
|
}
|
||
|
|
.sticky-dark #Top_bar.is-sticky .menu>li>a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.sticky-dark #Top_bar.is-sticky .top_bar_right a {
|
||
|
|
color: rgba(255, 255, 255, .5);
|
||
|
|
}
|
||
|
|
.sticky-dark #Top_bar.is-sticky .wpml-languages a.active, .sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown {
|
||
|
|
background: rgba(0, 0, 0, 0.3);
|
||
|
|
border-color: rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
/* .header-simple | Mobile Menu */
|
||
|
|
.header-simple #Top_bar #menu {
|
||
|
|
display: none;
|
||
|
|
height: auto;
|
||
|
|
width: 300px;
|
||
|
|
bottom: auto;
|
||
|
|
top: 60px;
|
||
|
|
right: 1px;
|
||
|
|
position: absolute;
|
||
|
|
margin: 0px;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.header-simple #Header a.responsive-menu-toggle {
|
||
|
|
display: block;
|
||
|
|
width: 35px;
|
||
|
|
height: 35px;
|
||
|
|
line-height: 35px;
|
||
|
|
font-size: 25px;
|
||
|
|
text-align: center;
|
||
|
|
position: absolute;
|
||
|
|
top: 28px;
|
||
|
|
right: 10px;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.header-simple #Header a:hover.responsive-menu-toggle {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
/* main menu 1st level */
|
||
|
|
.header-simple #Top_bar #menu>ul {
|
||
|
|
width: 100%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li {
|
||
|
|
width: 100%;
|
||
|
|
padding-bottom: 0;
|
||
|
|
border-right: 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li a {
|
||
|
|
padding: 0 20px;
|
||
|
|
margin: 0;
|
||
|
|
display: block;
|
||
|
|
height: auto;
|
||
|
|
line-height: normal;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li a span {
|
||
|
|
border: none;
|
||
|
|
line-height: 48px;
|
||
|
|
display: inline;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li.submenu .menu-toggle {
|
||
|
|
width: 48px;
|
||
|
|
height: 48px;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
border-left: 1px solid rgba(0, 0, 0, 0.03);
|
||
|
|
background: url(../../images/menu-plus.png) center no-repeat;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li.hover>.menu-toggle {
|
||
|
|
background: none !important;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li.hover a {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* main menu 2nd level */
|
||
|
|
.header-simple #Top_bar #menu ul li ul {
|
||
|
|
position: relative !important;
|
||
|
|
left: 0 !important;
|
||
|
|
top: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin-left: 0 !important;
|
||
|
|
width: auto !important;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li ul li {
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li ul li a {
|
||
|
|
padding: 0 20px 0 30px;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li ul li a .menu-arrow {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li ul li a span {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li ul li a span:after {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title {
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar .menu>li>ul.mfn-megamenu>li>ul {
|
||
|
|
display: block !important;
|
||
|
|
position: inherit;
|
||
|
|
left: auto;
|
||
|
|
top: auto;
|
||
|
|
}
|
||
|
|
/* main menu 3rd level */
|
||
|
|
.header-simple #Top_bar #menu ul li ul li ul {
|
||
|
|
border-left: 0 !important;
|
||
|
|
padding: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.header-simple #Top_bar #menu ul li ul li ul li a {
|
||
|
|
padding: 0 20px 0 40px;
|
||
|
|
}
|
||
|
|
/* Header Creative */
|
||
|
|
body.header-creative {
|
||
|
|
padding-left: 50px;
|
||
|
|
}
|
||
|
|
body.header-creative.header-open {
|
||
|
|
padding-left: 250px;
|
||
|
|
}
|
||
|
|
body.error404, body.under-construction, body.template-blank {
|
||
|
|
padding-left: 0 !important;
|
||
|
|
}
|
||
|
|
#Header_creative {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
#Header_creative {
|
||
|
|
position: fixed;
|
||
|
|
width: 250px;
|
||
|
|
height: 100%;
|
||
|
|
left: -200px;
|
||
|
|
top: 0;
|
||
|
|
z-index: 1001;
|
||
|
|
-webkit-box-shadow: 2px 0 4px 2px rgba(0, 0, 0, .15);
|
||
|
|
box-shadow: 2px 0 4px 2px rgba(0, 0, 0, .15);
|
||
|
|
}
|
||
|
|
#Header_creative .container {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#Header_creative .creative-wrapper {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Header_creative a.creative-menu-toggle {
|
||
|
|
display: block;
|
||
|
|
width: 35px;
|
||
|
|
height: 35px;
|
||
|
|
line-height: 35px;
|
||
|
|
font-size: 25px;
|
||
|
|
text-align: center;
|
||
|
|
position: absolute;
|
||
|
|
top: 10px;
|
||
|
|
right: 8px;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.admin-bar #Header_creative a.creative-menu-toggle {
|
||
|
|
top: 42px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar {
|
||
|
|
position: static;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .top_bar_left {
|
||
|
|
width: 100% !important;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .top_bar_right {
|
||
|
|
width: 100% !important;
|
||
|
|
float: none;
|
||
|
|
height: auto;
|
||
|
|
margin-bottom: 35px;
|
||
|
|
text-align: center;
|
||
|
|
padding: 0 20px;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .top_bar_right:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .logo {
|
||
|
|
float: none;
|
||
|
|
text-align: center;
|
||
|
|
margin: 15px 0;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu_wrapper {
|
||
|
|
float: none;
|
||
|
|
margin-bottom: 40px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu>li {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu>li>a {
|
||
|
|
padding: 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu>li>a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu>li>a span {
|
||
|
|
border-right: 0;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
line-height: 38px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu li ul {
|
||
|
|
left: 100%;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu>li>ul.mfn-megamenu {
|
||
|
|
width: 700px !important;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu>li>ul.mfn-megamenu>li>ul {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu li ul li a {
|
||
|
|
padding-top: 9px;
|
||
|
|
padding-bottom: 8px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu li ul li ul {
|
||
|
|
top: 0 !important;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .menu>li>a span.description {
|
||
|
|
display: block;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 28px !important;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .search_wrapper {
|
||
|
|
left: 100%;
|
||
|
|
top: auto;
|
||
|
|
bottom: -90px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar a#header_cart {
|
||
|
|
display: inline-block;
|
||
|
|
float: none;
|
||
|
|
top: 3px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar a#search_button {
|
||
|
|
display: inline-block;
|
||
|
|
float: none;
|
||
|
|
top: 3px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar a.button.action_button {
|
||
|
|
display: inline-block;
|
||
|
|
float: none;
|
||
|
|
top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .wpml-languages {
|
||
|
|
display: inline-block;
|
||
|
|
float: none;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .wpml-languages.enabled:hover a.active {
|
||
|
|
padding-bottom: 9px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .banner_wrapper {
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .banner_wrapper img {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
#Header_creative #Action_bar {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
top: auto;
|
||
|
|
clear: both;
|
||
|
|
padding: 0 20px;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
#Header_creative #Action_bar .social {
|
||
|
|
float: none;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
#Header_creative #Action_bar .social li {
|
||
|
|
margin-bottom: 2px;
|
||
|
|
}
|
||
|
|
#Header_creative .social li a {
|
||
|
|
color: rgba(0, 0, 0, .5);
|
||
|
|
}
|
||
|
|
#Header_creative .social li a:hover {
|
||
|
|
color: rgb(0, 0, 0);
|
||
|
|
}
|
||
|
|
#Header_creative .creative-social {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 10px;
|
||
|
|
right: 0;
|
||
|
|
width: 50px;
|
||
|
|
}
|
||
|
|
#Header_creative .creative-social li {
|
||
|
|
display: block;
|
||
|
|
float: none;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
.header-menu-right #Top_bar .menu_wrapper {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.header-menu-right.header-stack #Top_bar .menu_wrapper {
|
||
|
|
margin-right: 150px;
|
||
|
|
}
|
||
|
|
.header-creative .fixed-nav.fixed-nav-prev {
|
||
|
|
margin-left: 50px;
|
||
|
|
}
|
||
|
|
.header-creative.header-open .fixed-nav.fixed-nav-prev {
|
||
|
|
margin-left: 250px;
|
||
|
|
}
|
||
|
|
/* Always Open */
|
||
|
|
.header-open #Header_creative {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.header-open #Header_creative .creative-wrapper {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.header-open #Header_creative .creative-menu-toggle, .header-open #Header_creative .creative-social {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* Menu highlight */
|
||
|
|
.menu-highlight #Top_bar .menu>li {
|
||
|
|
margin: 0 2px;
|
||
|
|
}
|
||
|
|
.menu-highlight:not(.header-creative) #Top_bar .menu>li>a {
|
||
|
|
margin: 20px 0;
|
||
|
|
padding: 0;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
.menu-highlight #Top_bar .menu>li>a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.menu-highlight #Top_bar .menu>li>a span:not(.description) {
|
||
|
|
border-right-width: 0;
|
||
|
|
line-height: 50px;
|
||
|
|
}
|
||
|
|
.menu-highlight #Top_bar .menu>li>a span.description {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.menu-highlight.header-stack #Top_bar .menu>li>a {
|
||
|
|
margin: 10px 0;
|
||
|
|
}
|
||
|
|
.menu-highlight.header-stack #Top_bar .menu>li>a span:not(.description) {
|
||
|
|
line-height: 40px;
|
||
|
|
}
|
||
|
|
.menu-highlight.header-fixed #Top_bar .menu>li>a {
|
||
|
|
margin: 10px 0;
|
||
|
|
padding: 5px 0;
|
||
|
|
}
|
||
|
|
.menu-highlight.header-fixed #Top_bar .menu>li>a span {
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.menu-highlight.header-transparent #Top_bar .menu>li>a {
|
||
|
|
margin: 5px 0;
|
||
|
|
}
|
||
|
|
.menu-highlight.header-simple #Top_bar #menu ul li, .menu-highlight.header-creative #Top_bar #menu ul li {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.menu-highlight.header-simple #Top_bar #menu ul li>a, .menu-highlight.header-creative #Top_bar #menu ul li>a {
|
||
|
|
-webkit-border-radius: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.menu-highlight:not(.header-simple) #Top_bar.is-sticky .menu>li>a {
|
||
|
|
margin: 10px 0 !important;
|
||
|
|
padding: 5px 0 !important;
|
||
|
|
}
|
||
|
|
.menu-highlight:not(.header-simple) #Top_bar.is-sticky .menu>li>a span {
|
||
|
|
line-height: 30px !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* < 1240
|
||
|
|
===================================================================================================== */
|
||
|
|
|
||
|
|
@media only screen and (max-width: 1239px) {
|
||
|
|
/* Header */
|
||
|
|
#Top_bar #menu {
|
||
|
|
display: none;
|
||
|
|
height: auto;
|
||
|
|
width: 300px;
|
||
|
|
bottom: auto;
|
||
|
|
top: 100%;
|
||
|
|
right: 1px;
|
||
|
|
position: absolute;
|
||
|
|
margin: 0px;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
#Top_bar a.responsive-menu-toggle {
|
||
|
|
display: block;
|
||
|
|
width: 35px;
|
||
|
|
height: 35px;
|
||
|
|
text-align: center;
|
||
|
|
position: absolute;
|
||
|
|
top: 28px;
|
||
|
|
right: 10px;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
#Top_bar a:hover.responsive-menu-toggle {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
#Top_bar a.responsive-menu-toggle i {
|
||
|
|
font-size: 25px;
|
||
|
|
line-height: 35px;
|
||
|
|
}
|
||
|
|
#Top_bar a.responsive-menu-toggle span {
|
||
|
|
float: right;
|
||
|
|
padding: 10px 5px;
|
||
|
|
line-height: 14px;
|
||
|
|
}
|
||
|
|
/* main menu 1st level */
|
||
|
|
#Top_bar #menu>ul {
|
||
|
|
width: 100%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li {
|
||
|
|
width: 100%;
|
||
|
|
padding-bottom: 0;
|
||
|
|
border-right: 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li a {
|
||
|
|
padding: 0 20px;
|
||
|
|
margin: 0;
|
||
|
|
display: block;
|
||
|
|
height: auto;
|
||
|
|
line-height: normal;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li a span {
|
||
|
|
border: none;
|
||
|
|
line-height: 48px;
|
||
|
|
display: inline;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li a span.description {
|
||
|
|
margin: 0 0 0 5px;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li.submenu .menu-toggle {
|
||
|
|
width: 48px;
|
||
|
|
height: 48px;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
border-left: 1px solid rgba(0, 0, 0, 0.03);
|
||
|
|
background: url(../../images/menu-plus.png) center no-repeat;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li.hover>.menu-toggle {
|
||
|
|
background: none !important;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li.hover a {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li a span:after {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul.mfn-megamenu li .menu-toggle {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* main menu 2nd level */
|
||
|
|
#Top_bar #menu ul li ul {
|
||
|
|
position: relative !important;
|
||
|
|
left: 0 !important;
|
||
|
|
top: 0;
|
||
|
|
padding: 0;
|
||
|
|
margin-left: 0 !important;
|
||
|
|
width: auto !important;
|
||
|
|
background-image: none !important;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li ul li {
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li ul li a {
|
||
|
|
padding: 0 20px 0 30px;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li ul li a .menu-arrow {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li ul li a span {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li ul li a span:after {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title {
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
#Top_bar .menu>li>ul.mfn-megamenu>li>ul {
|
||
|
|
display: block !important;
|
||
|
|
position: inherit;
|
||
|
|
left: auto;
|
||
|
|
top: auto;
|
||
|
|
}
|
||
|
|
/* main menu 3rd level */
|
||
|
|
#Top_bar #menu ul li ul li ul {
|
||
|
|
border-left: 0 !important;
|
||
|
|
padding: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
#Top_bar #menu ul li ul li ul li a {
|
||
|
|
padding: 0 20px 0 40px;
|
||
|
|
}
|
||
|
|
/* Header Creative */
|
||
|
|
.header-creative #Wrapper {
|
||
|
|
padding-top: 60px;
|
||
|
|
}
|
||
|
|
#Header_creative {
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
left: 0px !important;
|
||
|
|
z-index: 1001;
|
||
|
|
}
|
||
|
|
#Header_creative .creative-wrapper {
|
||
|
|
display: block !important;
|
||
|
|
opacity: 1 !important;
|
||
|
|
filter: alpha(opacity=100) !important;
|
||
|
|
}
|
||
|
|
#Header_creative .creative-menu-toggle, #Header_creative .creative-social {
|
||
|
|
display: none !important;
|
||
|
|
opacity: 1 !important;
|
||
|
|
filter: alpha(opacity=100) !important;
|
||
|
|
}
|
||
|
|
/*#Header_creative #Top_bar {
|
||
|
|
position: static;
|
||
|
|
margin: 0 8%;
|
||
|
|
width: 84%;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar #logo {
|
||
|
|
height: 50px;
|
||
|
|
line-height: 50px;
|
||
|
|
padding: 5px 0;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar #logo img {
|
||
|
|
max-height: 40px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .responsive-menu-toggle {
|
||
|
|
top: 12px;
|
||
|
|
}*/
|
||
|
|
#Header_creative #Top_bar #header_cart {
|
||
|
|
top: 21px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar #search_button {
|
||
|
|
top: 20px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .wpml-languages {
|
||
|
|
top: 11px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .action_button {
|
||
|
|
top: 9px;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .top_bar_right {
|
||
|
|
height: 60px;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .top_bar_right:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
#Header_creative #Action_bar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.header_placeholder {
|
||
|
|
height: 0 !important;
|
||
|
|
}
|
||
|
|
/* Stack header */
|
||
|
|
.header-stack #Top_bar {}
|
||
|
|
.header-stack .menu_wrapper a.responsive-menu-toggle {
|
||
|
|
position: static !important;
|
||
|
|
margin: 11px 0;
|
||
|
|
}
|
||
|
|
.header-stack .menu_wrapper #menu {
|
||
|
|
left: 0;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
/* Responsive | Hover Effect */
|
||
|
|
.no-hover-tablet a.button:after, .no-hover-tablet a.tp-button:after, .no-hover-tablet button:after, .no-hover-tablet input:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.no-hover-tablet .image_frame .image_wrapper img {
|
||
|
|
top: 0 !important;
|
||
|
|
}
|
||
|
|
.no-hover-tablet .image_frame .image_wrapper .mask, .no-hover-tablet .image_frame .image_wrapper .image_links {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.no-hover-tablet .Recent_posts ul li .desc:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.no-hover-tablet .Recent_posts ul li a:hover h6, .no-hover-tablet .Recent_posts ul li a:hover .desc .date {
|
||
|
|
color: inherit !important;
|
||
|
|
}
|
||
|
|
/* Responsive | Section Background Image */
|
||
|
|
.no-section-bg-tablet .section {
|
||
|
|
background-image: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Desktop 960 - 1239
|
||
|
|
====================================================================================================== */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 960px) and (max-width: 1239px) {
|
||
|
|
body {
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
#Wrapper {
|
||
|
|
width: 960px;
|
||
|
|
}
|
||
|
|
.section_wrapper, .container, .with_aside .content_wrapper {
|
||
|
|
max-width: 940px;
|
||
|
|
}
|
||
|
|
/* ======================================================= */
|
||
|
|
/* Top bar width */
|
||
|
|
#Top_bar .top_bar_left {
|
||
|
|
width: 729px;
|
||
|
|
}
|
||
|
|
/* Google maps */
|
||
|
|
.column_map .google-map-contact-wrapper {
|
||
|
|
width: 921px;
|
||
|
|
margin-left: -460px;
|
||
|
|
}
|
||
|
|
/* Portfolio list */
|
||
|
|
body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
|
||
|
|
width: 921px;
|
||
|
|
}
|
||
|
|
/* Error 404 */
|
||
|
|
#Error_404 .error_pic i {
|
||
|
|
font-size: 220px;
|
||
|
|
line-height: 260px;
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk {
|
||
|
|
padding-top: 40px;
|
||
|
|
}
|
||
|
|
/* Offer slider */
|
||
|
|
.offer .offer_li .desc_wrapper {
|
||
|
|
width: 436px;
|
||
|
|
}
|
||
|
|
/* Recent posts */
|
||
|
|
.Recent_posts ul li .desc {
|
||
|
|
margin-right: 60px;
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .photo {
|
||
|
|
width: 60px;
|
||
|
|
height: 60px;
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .photo .c {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
bottom: 5px;
|
||
|
|
right: -8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Header Creative always Open 1240 - 1489
|
||
|
|
====================================================================================================== */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1240px) and (max-width: 1489px) {
|
||
|
|
body.header-open {
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
.header-open #Wrapper {
|
||
|
|
width: 960px;
|
||
|
|
}
|
||
|
|
.header-open .section_wrapper, .header-open .container, .header-open.with_aside .content_wrapper {
|
||
|
|
width: 940px;
|
||
|
|
}
|
||
|
|
.header-open.with_aside .section_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
/* ======================================================= */
|
||
|
|
/* Google maps */
|
||
|
|
.header-open .column_map .google-map-contact-wrapper {
|
||
|
|
width: 921px;
|
||
|
|
margin-left: -460px;
|
||
|
|
}
|
||
|
|
/* Portfolio list */
|
||
|
|
body.header-open:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
|
||
|
|
width: 921px;
|
||
|
|
}
|
||
|
|
/* Error 404 */
|
||
|
|
.header-open #Error_404 .error_pic i {
|
||
|
|
font-size: 220px;
|
||
|
|
line-height: 260px;
|
||
|
|
}
|
||
|
|
.header-open #Error_404 .error_desk {
|
||
|
|
padding-top: 40px;
|
||
|
|
}
|
||
|
|
/* Offer slider */
|
||
|
|
.header-open .offer .offer_li .desc_wrapper {
|
||
|
|
width: 436px;
|
||
|
|
}
|
||
|
|
/* Recent posts */
|
||
|
|
.header-open .Recent_posts ul li .desc {
|
||
|
|
margin-right: 60px;
|
||
|
|
}
|
||
|
|
.header-open .Recent_posts ul li .photo {
|
||
|
|
width: 60px;
|
||
|
|
height: 60px;
|
||
|
|
}
|
||
|
|
.header-open .Recent_posts ul li .photo .c {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
bottom: 5px;
|
||
|
|
right: -8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| 4.0 Responsive
|
||
|
|
|
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
|
|
||
|
|
|
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
html, body {
|
||
|
|
overflow-x: hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
/* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1240px) {
|
||
|
|
.layout-boxed {
|
||
|
|
padding: 25px
|
||
|
|
}
|
||
|
|
.layout-boxed.nice-scroll {
|
||
|
|
padding: 25px 25px 25px 15px
|
||
|
|
}
|
||
|
|
.layout-boxed.boxed-no-margin {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#Top_bar.loading {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Header Creative always Open 1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 1240px) and (max-width: 1489px) {
|
||
|
|
body.header-open {
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
.header-open .section_wrapper, .header-open .container, .header-open.with_aside .content_wrapper {
|
||
|
|
max-width: 940px;
|
||
|
|
}
|
||
|
|
.header-open.with_aside .section_wrapper {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
/* -------------------- */
|
||
|
|
/* Error 404 */
|
||
|
|
.header-open #Error_404 .error_pic i {
|
||
|
|
font-size: 220px;
|
||
|
|
line-height: 260px
|
||
|
|
}
|
||
|
|
.header-open #Error_404 .error_desk {
|
||
|
|
padding-top: 40px
|
||
|
|
}
|
||
|
|
/* Google maps */
|
||
|
|
.header-open .section.full-width .wrap.one .column_map.one .google-map-contact-wrapper {
|
||
|
|
left: auto;
|
||
|
|
right: 50px;
|
||
|
|
}
|
||
|
|
/* Offer slider */
|
||
|
|
.header-open .offer .offer_li .desc_wrapper {
|
||
|
|
width: 436px;
|
||
|
|
width: calc(50% - 42px)
|
||
|
|
}
|
||
|
|
/* Portfolio list */
|
||
|
|
body.header-open:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
|
||
|
|
width: 921px
|
||
|
|
}
|
||
|
|
/* Recent posts */
|
||
|
|
.header-open .Recent_posts ul li .desc {
|
||
|
|
margin-right: 60px
|
||
|
|
}
|
||
|
|
.header-open .Recent_posts ul li .photo {
|
||
|
|
width: 60px;
|
||
|
|
height: 60px
|
||
|
|
}
|
||
|
|
.header-open .Recent_posts ul li .photo .c {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
bottom: 5px;
|
||
|
|
right: -8px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* < 1240 ------------------------------------------------------------------------------------------------------------- < 1240 */
|
||
|
|
|
||
|
|
@media only screen and (max-width: 1239px) {
|
||
|
|
/* Hover Effect */
|
||
|
|
.no-hover-tablet a.button:after, .no-hover-tablet a.tp-button:after, .no-hover-tablet button:after, .no-hover-tablet input:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
|
||
|
|
margin-bottom: 0!important
|
||
|
|
}
|
||
|
|
.no-hover-tablet .image_frame .image_wrapper img {
|
||
|
|
top: 0!important
|
||
|
|
}
|
||
|
|
.no-hover-tablet .image_frame .image_wrapper .mask, .no-hover-tablet .image_frame .image_wrapper .image_links {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
.no-hover-tablet .Recent_posts ul li .desc:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.no-hover-tablet .Recent_posts ul li a:hover h6, .no-hover-tablet .Recent_posts ul li a:hover .desc .date {
|
||
|
|
color: inherit!important
|
||
|
|
}
|
||
|
|
/* Portfolio masonry hover */
|
||
|
|
.with_aside .portfolio_group.masonry-hover .portfolio-item:not(.no-thumbnail) .masonry-hover-wrapper .hover-desc .desc-inner .desc-wrappper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Section Background Image */
|
||
|
|
.no-section-bg-tablet .section {
|
||
|
|
background-image: none!important
|
||
|
|
}
|
||
|
|
/* Google maps */
|
||
|
|
.section.full-width .wrap.one .column_map.one .google-map-contact-wrapper {
|
||
|
|
left: auto;
|
||
|
|
right: 50px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Desktop 960 - 1239 ---------------------------------------------------------------------------------- #Desktop 960 - 1239 */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 960px) and (max-width: 1239px) {
|
||
|
|
body {
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
.section_wrapper, .container, .with_aside .content_wrapper {
|
||
|
|
max-width: 940px;
|
||
|
|
}
|
||
|
|
/* -------------------- */
|
||
|
|
/* Top bar width */
|
||
|
|
#Top_bar .top_bar_left {
|
||
|
|
width: 729px
|
||
|
|
}
|
||
|
|
/* Blog | Columns | Grid, Masonry */
|
||
|
|
.posts_group.grid.col-5 .post-item, .posts_group.masonry.col-5 .post-item, .posts_group.grid.col-6 .post-item, .posts_group.masonry.col-6 .post-item {
|
||
|
|
width: 22.99%
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-5 .post-item:nth-child(5n+1) {
|
||
|
|
clear: none
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-6 .post-item:nth-child(6n+1) {
|
||
|
|
clear: none
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-5 .post-item:nth-child(4n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-6 .post-item:nth-child(4n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
/* Latest News */
|
||
|
|
.column.one-fourth .Latest_news ul .desc .date i {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.column.one-second .Latest_news.featured ul .desc .date i {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.wrap.two-third .column.three-fifth .Latest_news.featured ul, .wrap.two-third .column.one-second .Latest_news.featured ul, .wrap.three-fifth .column.three-fifth .Latest_news.featured ul, .wrap.three-fifth .column.one-second .Latest_news.featured ul, .wrap.one-second .column.three-fourth .Latest_news.featured ul {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.wrap.two-fifth .Latest_news.featured ul, .wrap.one-third .Latest_news.featured ul, .wrap.one-fourth .Latest_news.featured ul {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
/* Blog Teaser */
|
||
|
|
.blog-teaser li:not(:first-child) .desc-wrapper .desc {
|
||
|
|
padding: 70px 20px 25px;
|
||
|
|
}
|
||
|
|
.column.two-third .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta, .column.three-fifth .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.wrap.two-third .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta, .wrap.three-fifth .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* Portfolio | List */
|
||
|
|
body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
|
||
|
|
width: 921px
|
||
|
|
}
|
||
|
|
/* Portfolio | Columns | Grid, Masonry, Masonry Hover */
|
||
|
|
.portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item, .portfolio_group.masonry-minimal.col-5 .portfolio-item, .portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item, .portfolio_group.masonry-minimal.col-6 .portfolio-item {
|
||
|
|
width: 22.99%
|
||
|
|
}
|
||
|
|
/* Portfolio | Columns | Flat */
|
||
|
|
.portfolio_group.flat.col-5 .portfolio-item, .portfolio_group.flat.col-6 .portfolio-item {
|
||
|
|
width: 24.99%
|
||
|
|
}
|
||
|
|
/* Error 404 */
|
||
|
|
#Error_404 .error_pic i {
|
||
|
|
font-size: 220px;
|
||
|
|
line-height: 260px
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk {
|
||
|
|
padding-top: 40px
|
||
|
|
}
|
||
|
|
/* Offer slider */
|
||
|
|
.offer .offer_li .desc_wrapper {
|
||
|
|
width: 436px;
|
||
|
|
width: calc(50% - 42px)
|
||
|
|
}
|
||
|
|
/* Recent posts */
|
||
|
|
.Recent_posts ul li .desc {
|
||
|
|
margin-right: 60px
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .photo {
|
||
|
|
width: 60px;
|
||
|
|
height: 60px
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .photo .c {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
bottom: 5px;
|
||
|
|
right: -8px
|
||
|
|
}
|
||
|
|
/* Zoom Box */
|
||
|
|
.zoom_box .desc .desc_txt {
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 26px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Desktop > 960 -------------------------------------------------------------------------------------------- #Desktop > 960 */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 960px) {
|
||
|
|
.hide-desktop {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
||
|
|
body {
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
.section_wrapper, .container, .with_aside .content_wrapper {
|
||
|
|
max-width: 708px;
|
||
|
|
}
|
||
|
|
/* -------------------- */
|
||
|
|
.hide-tablet {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
/* Header magazine */
|
||
|
|
.header-magazine #Top_bar .banner_wrapper {
|
||
|
|
width: 300px;
|
||
|
|
top: 27px
|
||
|
|
}
|
||
|
|
/* Top bar width */
|
||
|
|
#Top_bar .top_bar_left {
|
||
|
|
width: 501px
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar #logo img {
|
||
|
|
max-width: 150px!important
|
||
|
|
}
|
||
|
|
/* .footer-sliding */
|
||
|
|
.footer-fixed #Content, .footer-sliding #Content {
|
||
|
|
margin-bottom: 0!important
|
||
|
|
}
|
||
|
|
.footer-fixed #Footer, .footer-sliding #Footer {
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
/* Subheader */
|
||
|
|
#Subheader .title {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
#Subheader ul.breadcrumbs {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Filters */
|
||
|
|
#Filters .filters_wrapper ul li {
|
||
|
|
float: left;
|
||
|
|
width: 24%;
|
||
|
|
margin: .5%
|
||
|
|
}
|
||
|
|
/* Blog */
|
||
|
|
.with_aside .classic .post-meta .author-date .author .label {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.with_aside .classic .post-meta .category {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Grid, Masonry */
|
||
|
|
.grid .post-item, .masonry .post-item {
|
||
|
|
width: 47.9%
|
||
|
|
}
|
||
|
|
/* Timeline */
|
||
|
|
.timeline .post-photo-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.timeline .post-desc-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
/* Blog | Columns | Grid, Masonry */
|
||
|
|
.posts_group.grid.col-4 .post-item, .posts_group.masonry.col-4 .post-item, .posts_group.grid.col-5 .post-item, .posts_group.masonry.col-5 .post-item, .posts_group.grid.col-6 .post-item, .posts_group.masonry.col-6 .post-item {
|
||
|
|
width: 31.33%
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-4 .post-item:nth-child(4n+1) {
|
||
|
|
clear: none
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-5 .post-item:nth-child(5n+1) {
|
||
|
|
clear: none
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-6 .post-item:nth-child(6n+1) {
|
||
|
|
clear: none
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-4 .post-item:nth-child(3n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-5 .post-item:nth-child(3n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.posts_group.grid.col-6 .post-item:nth-child(3n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
/* Blog | Columns | Masonry tiles */
|
||
|
|
.posts_group.masonry.tiles.col-4 .post-item, .posts_group.masonry.tiles.col-5 .post-item, .posts_group.masonry.tiles.col-6 .post-item {
|
||
|
|
width: 49.9%
|
||
|
|
}
|
||
|
|
.posts_group.masonry.margin.col-4 .post-item, .posts_group.masonry.margin.col-5 .post-item, .posts_group.masonry.margin.col-6 .post-item {
|
||
|
|
width: 48.9%
|
||
|
|
}
|
||
|
|
/* Latest News */
|
||
|
|
.column.one-third .Latest_news ul .desc .date i {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.column.one-second .Latest_news.featured ul {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.column.one-third .Latest_news.featured ul .desc .date i, .column.one-fourth .Latest_news.featured ul .desc .date i {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.wrap.five-sixth .column.three-fifth .Latest_news.featured ul, .wrap.four-fifth .column.three-fifth .Latest_news.featured ul, .wrap.three-fourth .column.three-fifth .Latest_news.featured ul, .wrap.two-third .column.three-fifth .Latest_news.featured ul, .wrap.two-third .column.one-second .Latest_news.featured ul, .wrap.two-third .column.three-fourth .Latest_news.featured ul, .wrap.three-fifth .column.three-fifth .Latest_news.featured ul, .wrap.three-fifth .column.one-second .Latest_news.featured ul, .wrap.three-fifth .column.three-fourth .Latest_news.featured ul {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.wrap.one-second .Latest_news.featured ul, .wrap.two-fifth .Latest_news.featured ul, .wrap.one-third .Latest_news.featured ul, .wrap.one-fourth .Latest_news.featured ul {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
/* Blog Teaser */
|
||
|
|
.blog-teaser li .desc-wrapper .desc {
|
||
|
|
padding: 70px 25px 25px;
|
||
|
|
}
|
||
|
|
.blog-teaser li:not(:first-child) .desc-wrapper .desc {
|
||
|
|
padding: 70px 20px 20px;
|
||
|
|
}
|
||
|
|
.blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.column.three-fifth .blog-teaser li .desc-wrapper .desc .post-meta .comments {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.wrap.three-fifth .blog-teaser li .desc-wrapper .desc .post-meta .comments {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* Recent posts */
|
||
|
|
.Recent_posts ul li .desc {
|
||
|
|
margin-right: 40px
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .photo {
|
||
|
|
width: 40px;
|
||
|
|
height: 40px
|
||
|
|
}
|
||
|
|
.Recent_posts ul li.format-link .photo {
|
||
|
|
background-size: 40% auto
|
||
|
|
}
|
||
|
|
.Recent_posts ul li .photo .c {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
bottom: 5px;
|
||
|
|
right: -8px
|
||
|
|
}
|
||
|
|
/* Portfolio list */
|
||
|
|
body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
|
||
|
|
width: 694px
|
||
|
|
}
|
||
|
|
/* Grid, Masonry, Masonry Hover */
|
||
|
|
.portfolio_group.grid.col-4 .portfolio-item, .portfolio_group.masonry.col-4 .portfolio-item, .portfolio_group.masonry-hover.col-4 .portfolio-item, .portfolio_group.masonry-minimal.col-4 .portfolio-item, .portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item, .portfolio_group.masonry-minimal.col-5 .portfolio-item, .portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item, .portfolio_group.masonry-minimal.col-6 .portfolio-item {
|
||
|
|
width: 31.33%
|
||
|
|
}
|
||
|
|
/* Flat */
|
||
|
|
.portfolio_group.flat.col-4 .portfolio-item, .portfolio_group.flat.col-5 .portfolio-item, .portfolio_group.flat.col-6 .portfolio-item {
|
||
|
|
width: 33.33%
|
||
|
|
}
|
||
|
|
/* Tabs */
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-nav {
|
||
|
|
width: 33%!important
|
||
|
|
}
|
||
|
|
.tabs_vertical.ui-tabs .ui-tabs-panel {
|
||
|
|
width: 66.7%!important
|
||
|
|
}
|
||
|
|
/* Counter */
|
||
|
|
.one-fourth .counter.counter_horizontal, .one-fifth .counter.counter_horizontal, .one-sixth .counter.counter_horizontal {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.one-fourth .counter.counter_horizontal .icon_wrapper, .one-fifth .counter.counter_horizontal .icon_wrapper, .one-sixth .counter.counter_horizontal .icon_wrapper {
|
||
|
|
position: static;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-bottom: 15px
|
||
|
|
}
|
||
|
|
.one-fourth .counter.counter_horizontal .desc_wrapper, .one-fifth .counter.counter_horizontal .desc_wrapper, .one-sixth .counter.counter_horizontal .desc_wrapper {
|
||
|
|
padding-left: 0
|
||
|
|
}
|
||
|
|
/* Article box */
|
||
|
|
.one-third .article_box .photo_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.one-third .article_box .desc_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
min-height: auto;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
/* Pricing table */
|
||
|
|
.pricing-box .plan-header h2 {
|
||
|
|
word-wrap: break-word
|
||
|
|
}
|
||
|
|
.pricing-box .plan-header .price sup.period {
|
||
|
|
position: static;
|
||
|
|
top: 0;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
/* Infobox */
|
||
|
|
.infobox {
|
||
|
|
padding-left: 20px;
|
||
|
|
word-wrap: break-word
|
||
|
|
}
|
||
|
|
.infobox ul li {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
.infobox ul li:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.style-simple .infobox ul li {
|
||
|
|
padding-left: 0
|
||
|
|
}
|
||
|
|
/* Portfolio photo */
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details:hover .details {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .more {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Get in touch */
|
||
|
|
.get_in_touch {
|
||
|
|
padding-left: 20px;
|
||
|
|
word-wrap: break-word
|
||
|
|
}
|
||
|
|
.get_in_touch ul li {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
.get_in_touch ul li .icon {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Hover color */
|
||
|
|
.hover_color {
|
||
|
|
word-wrap: break-word
|
||
|
|
}
|
||
|
|
/* How it works */
|
||
|
|
.how_it_works .image {
|
||
|
|
width: 120px;
|
||
|
|
height: 120px;
|
||
|
|
line-height: 120px
|
||
|
|
}
|
||
|
|
.how_it_works .image img {
|
||
|
|
max-width: 66px!important;
|
||
|
|
max-height: 66px!important
|
||
|
|
}
|
||
|
|
.how_it_works .image .number {
|
||
|
|
bottom: 0;
|
||
|
|
right: 0
|
||
|
|
}
|
||
|
|
.how_it_works.has_border:after {
|
||
|
|
top: 60px
|
||
|
|
}
|
||
|
|
/* Opening Hours */
|
||
|
|
.opening_hours {
|
||
|
|
padding-left: 20px;
|
||
|
|
word-wrap: break-word
|
||
|
|
}
|
||
|
|
.opening_hours .opening_hours_wrapper li span {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 16px
|
||
|
|
}
|
||
|
|
/* Icon box */
|
||
|
|
.icon_box.icon_position_left {
|
||
|
|
min-height: auto;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
.icon_box.icon_position_left .icon_wrapper {
|
||
|
|
position: static;
|
||
|
|
margin-bottom: 15px
|
||
|
|
}
|
||
|
|
.icon_box.icon_position_left .desc_wrapper {
|
||
|
|
text-align: center;
|
||
|
|
padding-top: 0
|
||
|
|
}
|
||
|
|
.icon_box.icon_position_left .image_wrapper {
|
||
|
|
position: static;
|
||
|
|
left: 0;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
width: auto;
|
||
|
|
height: auto
|
||
|
|
}
|
||
|
|
/* List item */
|
||
|
|
/* .list_item:not(.lists_3) .list_left{font-size:25px;height:40px;line-height:40px;width:40px}
|
||
|
|
.list_item .circle{height:40px;line-height:40px;width:40px}
|
||
|
|
.list_item:not(.lists_3) .list_right{margin-left:50px;padding-top:5px} */
|
||
|
|
/* Flat box */
|
||
|
|
.flat_box .photo_wrapper .icon {
|
||
|
|
width: 50px
|
||
|
|
}
|
||
|
|
.flat_box .photo_wrapper .icon i {
|
||
|
|
height: 40px;
|
||
|
|
line-height: 40px;
|
||
|
|
font-size: 30px;
|
||
|
|
margin-top: -20px
|
||
|
|
}
|
||
|
|
.flat_box a:hover .photo_wrapper .icon {
|
||
|
|
-webkit-transform: translateX(-50px);
|
||
|
|
transform: translateX(-50px)
|
||
|
|
}
|
||
|
|
.flat_box .desc_wrapper {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
.rtl .flat_box a:hover .photo_wrapper .icon {
|
||
|
|
-webkit-transform: translateX(50px);
|
||
|
|
transform: translateX(50px)
|
||
|
|
}
|
||
|
|
/* Offer thumb */
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .image_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
|
||
|
|
margin-right: 0;
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
/* Trailer box */
|
||
|
|
.trailer_box .desc h2 {
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 22px
|
||
|
|
}
|
||
|
|
/* Offer slider */
|
||
|
|
.offer .offer_li .desc_wrapper {
|
||
|
|
width: 324px;
|
||
|
|
width: calc(50% - 42px)
|
||
|
|
}
|
||
|
|
/* Error 404 */
|
||
|
|
#Error_404 {
|
||
|
|
position: static;
|
||
|
|
padding-top: 50px;
|
||
|
|
margin-top: 0
|
||
|
|
}
|
||
|
|
#Error_404 .error_pic {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#Error_404 .error_pic i {
|
||
|
|
font-size: 260px;
|
||
|
|
line-height: 260px
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
padding-top: 20px;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
/* Buttons */
|
||
|
|
a.kill_the_icon .button_icon, .widget-area a.button .button_icon {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.button-stroke a.button_left.button.kill_the_icon .button_label {
|
||
|
|
padding-left: 20px
|
||
|
|
}
|
||
|
|
.button-stroke a.button_left.button_large.kill_the_icon .button_label {
|
||
|
|
padding-left: 30px
|
||
|
|
}
|
||
|
|
.button-stroke a.button_right.button.kill_the_icon .button_label {
|
||
|
|
padding-right: 20px
|
||
|
|
}
|
||
|
|
.button-stroke a.button_right.button_large.kill_the_icon .button_label {
|
||
|
|
padding-right: 30px
|
||
|
|
}
|
||
|
|
.button-flat a.button_left.button.kill_the_icon .button_label {
|
||
|
|
padding-left: 20px
|
||
|
|
}
|
||
|
|
.button-flat a.button_left.button_large.kill_the_icon .button_label {
|
||
|
|
padding-left: 30px
|
||
|
|
}
|
||
|
|
.button-flat a.button_right.button.kill_the_icon .button_label {
|
||
|
|
padding-right: 20px
|
||
|
|
}
|
||
|
|
.button-flat a.button_right.button_large.kill_the_icon .button_label {
|
||
|
|
padding-right: 30px
|
||
|
|
}
|
||
|
|
/* Zoom Box */
|
||
|
|
.zoom_box .desc .desc_txt {
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 22px
|
||
|
|
}
|
||
|
|
/* Easy Digital Downloads */
|
||
|
|
.edd_downloads_list .edd_download {
|
||
|
|
width: 50%!important
|
||
|
|
}
|
||
|
|
.edd_downloads_list .edd_download:nth-child(5n+3) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.edd_downloads_list .edd_download .edd_download_inner {
|
||
|
|
margin: 0 5% 20px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Desktop & Tablet (Landscape) > 768 --------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 768px) {
|
||
|
|
.section.full-width-ex-mobile>.section_wrapper {
|
||
|
|
max-width: 100%!important
|
||
|
|
}
|
||
|
|
.section.full-width-ex-mobile>.one.column, .section.full-width-ex-mobile>.section_wrapper>.one.column, .section.full-width-ex-mobile .one.wrap .one.column {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
/* Transparent ---------- */
|
||
|
|
.tr-menu #Top_bar .wpml-languages a.active, .tr-menu #Top_bar .wpml-languages ul.wpml-lang-dropdown {
|
||
|
|
background-color: transparent
|
||
|
|
}
|
||
|
|
/* Header | Classic */
|
||
|
|
.tr-menu.header-classic #Top_bar {
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
.tr-menu.header-classic #Top_bar:not(.is-sticky) {
|
||
|
|
top: 0!important;
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
.tr-menu.header-classic.ab-show #Top_bar:not(.is-sticky) {
|
||
|
|
top: 45px!important
|
||
|
|
}
|
||
|
|
.tr-menu.header-classic.minimalist-header:not(.template-slider) #Header {
|
||
|
|
min-height: 135px
|
||
|
|
}
|
||
|
|
/* Header | Plain */
|
||
|
|
.tr-menu.header-plain #Top_bar {
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
.tr-menu.header-plain #Top_bar:not(.is-sticky) {
|
||
|
|
top: 0!important;
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
.tr-menu.header-plain.ab-show #Top_bar:not(.is-sticky) {
|
||
|
|
top: 45px!important
|
||
|
|
}
|
||
|
|
.tr-menu.header-plain.minimalist-header:not(.template-slider) #Header {
|
||
|
|
min-height: 125px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar, .header-plain #Top_bar .menu>li>a span:not(.description), .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button, .header-plain #Top_bar .wpml-languages, .header-plain #Top_bar a.button.action_button {
|
||
|
|
border-color: rgba(255, 255, 255, .1)
|
||
|
|
}
|
||
|
|
/* Header | Split */
|
||
|
|
.tr-menu.header-split #Top_bar {
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
.tr-menu.header-split #Top_bar:not(.is-sticky) {
|
||
|
|
top: 0!important;
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
.tr-menu.header-split.ab-show #Top_bar:not(.is-sticky) {
|
||
|
|
top: 45px!important
|
||
|
|
}
|
||
|
|
.tr-menu.header-split.minimalist-header:not(.template-slider) #Header {
|
||
|
|
min-height: 135px
|
||
|
|
}
|
||
|
|
/* Header | Semitransparent */
|
||
|
|
.header-semi #Top_bar:not(.is-sticky) {
|
||
|
|
position: absolute;
|
||
|
|
background-color: rgba(255, 255, 255, 0.8)
|
||
|
|
}
|
||
|
|
.header-semi.ab-show #Top_bar:not(.is-sticky) {
|
||
|
|
top: 45px!important
|
||
|
|
}
|
||
|
|
.header-semi.ab-hide #Top_bar:not(.is-sticky) {
|
||
|
|
top: 0!important
|
||
|
|
}
|
||
|
|
/* Header | Stack */
|
||
|
|
.tr-menu.header-stack #Top_bar {
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
.tr-menu.header-stack #Top_bar:not(.is-sticky) {
|
||
|
|
top: 0!important;
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
.tr-menu.header-stack.ab-show #Top_bar:not(.is-sticky) {
|
||
|
|
top: 45px!important
|
||
|
|
}
|
||
|
|
.tr-menu.header-stack.minimalist-header:not(.template-slider) #Header {
|
||
|
|
min-height: 196px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */
|
||
|
|
|
||
|
|
@media only screen and (max-width: 767px) {
|
||
|
|
body {
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
.section_wrapper .mcb-wrap, .section_wrapper .column, .container .column, .sections_group, .four.columns {
|
||
|
|
margin: 0;
|
||
|
|
width: 100%!important;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.aside_both .sections_group {
|
||
|
|
margin: 0 auto!important;
|
||
|
|
}
|
||
|
|
.section_wrapper, .container, .four.columns .widget-area {
|
||
|
|
max-width: 90%;
|
||
|
|
max-width: calc(100% - 67px)!important;
|
||
|
|
}
|
||
|
|
.left-sidebar .items_group, .right-sidebar .items_group, .with_aside .content_wrapper {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.section_wrapper .column {
|
||
|
|
margin: 0 0 20px;
|
||
|
|
height: auto!important;
|
||
|
|
}
|
||
|
|
.four.columns {
|
||
|
|
margin: auto 0!important;
|
||
|
|
}
|
||
|
|
/* -------------------- */
|
||
|
|
.hide-mobile {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
.boxed2fw {
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
.boxed2fw #Wrapper {
|
||
|
|
margin: 0!important;
|
||
|
|
max-width: 100%!important;
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
.column_placeholder>.placeholder {
|
||
|
|
height: 0
|
||
|
|
}
|
||
|
|
/* Sections */
|
||
|
|
.section {
|
||
|
|
background-attachment: scroll!important;
|
||
|
|
height: auto!important
|
||
|
|
}
|
||
|
|
.highlight-left .section_wrapper, .highlight-right .section_wrapper {
|
||
|
|
max-width: 100%!important
|
||
|
|
}
|
||
|
|
.highlight-left .section_wrapper .wrap, .highlight-right .section_wrapper .wrap {
|
||
|
|
padding: 0 33px
|
||
|
|
}
|
||
|
|
.highlight-left.full-screen>.section_wrapper, .highlight-right.full-screen>.section_wrapper {
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
.equal-height-wrap .mcb-wrap {
|
||
|
|
height: auto!important
|
||
|
|
}
|
||
|
|
.equal-height-wrap .mcb-wrap .mcb-wrap-inner {
|
||
|
|
top: 0!important;
|
||
|
|
-webkit-transform: none!important;
|
||
|
|
-moz-transform: none!important;
|
||
|
|
-ms-transform: none!important;
|
||
|
|
-o-transform: none!important;
|
||
|
|
transform: none!important
|
||
|
|
}
|
||
|
|
.section.has-navi .section-nav.prev {
|
||
|
|
top: 10px
|
||
|
|
}
|
||
|
|
.section.has-navi .section-nav.next {
|
||
|
|
bottom: 10px
|
||
|
|
}
|
||
|
|
/* Sidebar */
|
||
|
|
.widget-area {
|
||
|
|
border: 0!important;
|
||
|
|
padding: 0!important;
|
||
|
|
margin: 30px auto!important;
|
||
|
|
min-height: 0!important
|
||
|
|
}
|
||
|
|
.widget-area:after, .widget-area:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.widget:after {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
/* Header --------------- */
|
||
|
|
#Top_bar, #Action_bar {
|
||
|
|
background: #fff!important;
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
#Top_bar .container {
|
||
|
|
max-width: 100%!important;
|
||
|
|
}
|
||
|
|
#Top_bar .top_bar_left {
|
||
|
|
float: none;
|
||
|
|
width: 100%!important;
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
#Top_bar a.responsive-menu-toggle {
|
||
|
|
right: 20px;
|
||
|
|
}
|
||
|
|
#Top_bar a.responsive-menu-toggle.is-sticky {
|
||
|
|
position: fixed;
|
||
|
|
top: 30px;
|
||
|
|
left: 10px;
|
||
|
|
}
|
||
|
|
.admin-bar #Top_bar a.responsive-menu-toggle.is-sticky {
|
||
|
|
top: 56px
|
||
|
|
}
|
||
|
|
#Top_bar .menu_wrapper {
|
||
|
|
float: left!important;
|
||
|
|
width: 100%;
|
||
|
|
margin: 0!important
|
||
|
|
}
|
||
|
|
#Top_bar #menu {
|
||
|
|
float: left;
|
||
|
|
position: static!important;
|
||
|
|
width: 100%!important;
|
||
|
|
padding-bottom: 20px
|
||
|
|
}
|
||
|
|
#Top_bar .logo {
|
||
|
|
position: static;
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
#Top_bar .logo #logo {
|
||
|
|
padding: 0!important;
|
||
|
|
margin: 10px 50px
|
||
|
|
}
|
||
|
|
#Top_bar .logo #logo img {
|
||
|
|
height: auto!important
|
||
|
|
}
|
||
|
|
#Top_bar #logo img.logo-main {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Top_bar #logo img.logo-mobile {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
#Top_bar #logo img.logo-mobile-sticky {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
.logo-overflow #Top_bar .logo {
|
||
|
|
height: auto!important
|
||
|
|
}
|
||
|
|
#Top_bar .search_wrapper {
|
||
|
|
top: auto;
|
||
|
|
bottom: -129px
|
||
|
|
}
|
||
|
|
#Top_bar .top_bar_right {
|
||
|
|
float: none;
|
||
|
|
top: 0;
|
||
|
|
height: 60px!important;
|
||
|
|
padding: 0 10px
|
||
|
|
}
|
||
|
|
#Top_bar .top_bar_right .top_bar_right_wrapper {
|
||
|
|
float: right;
|
||
|
|
margin-right: -10px
|
||
|
|
}
|
||
|
|
#Top_bar .top_bar_right:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Top_bar .top_bar_right_wrapper {
|
||
|
|
top: 0!important
|
||
|
|
}
|
||
|
|
#Top_bar a#header_cart {
|
||
|
|
top: 20px
|
||
|
|
}
|
||
|
|
#Top_bar a#search_button {
|
||
|
|
top: 19px
|
||
|
|
}
|
||
|
|
#Top_bar a.button.action_button {
|
||
|
|
top: 9px
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages {
|
||
|
|
top: 11px
|
||
|
|
}
|
||
|
|
#Top_bar .wpml-languages a.active {
|
||
|
|
height: 15px;
|
||
|
|
line-height: 17px
|
||
|
|
}
|
||
|
|
.mobile-tb-left #Top_bar .top_bar_right .top_bar_right_wrapper {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
.mobile-tb-center #Top_bar .top_bar_right {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.mobile-tb-center #Top_bar .top_bar_right .top_bar_right_wrapper {
|
||
|
|
display: inline-block;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.mobile-tb-hide #Top_bar .top_bar_right {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Header | Below */
|
||
|
|
body.header-below:not(.template-slider) #Header {
|
||
|
|
padding-top: 0
|
||
|
|
}
|
||
|
|
/* Header | Creative */
|
||
|
|
.header-creative #Header_creative {
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
.header-creative.layout-boxed {
|
||
|
|
padding-top: 0
|
||
|
|
}
|
||
|
|
.header-creative.layout-boxed #Wrapper {
|
||
|
|
margin-top: 25px
|
||
|
|
}
|
||
|
|
.header-creative.layout-full-width #Wrapper {
|
||
|
|
padding-top: 60px
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .responsive-menu-toggle {
|
||
|
|
top: 35px
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .responsive-menu-toggle.is-sticky {
|
||
|
|
position: fixed;
|
||
|
|
top: 10px;
|
||
|
|
left: 10px;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
.admin-bar #Header_creative #Top_bar .responsive-menu-toggle.is-sticky {
|
||
|
|
top: 56px
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .top_bar_left {
|
||
|
|
margin-top: 0;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .logo #logo {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar .logo #logo img {
|
||
|
|
max-height: 50px
|
||
|
|
}
|
||
|
|
#Header_creative #Top_bar #menu {
|
||
|
|
position: static;
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
/* Header | Intro */
|
||
|
|
#Intro {
|
||
|
|
min-height: auto!important
|
||
|
|
}
|
||
|
|
#Intro .intro-inner {
|
||
|
|
padding: 100px 30px!important
|
||
|
|
}
|
||
|
|
#Intro .intro-next {
|
||
|
|
font-size: 25px;
|
||
|
|
bottom: 10px
|
||
|
|
}
|
||
|
|
/* Header | Magazine */
|
||
|
|
.header-magazine #Top_bar .banner_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
text-align: center;
|
||
|
|
position: static;
|
||
|
|
margin-bottom: 20px
|
||
|
|
}
|
||
|
|
/* Header | Minimalist */
|
||
|
|
body.minimalist-header.header-classic:not(.template-slider) #Header, body.minimalist-header.header-creative:not(.template-slider) #Header, body.minimalist-header.header-plain:not(.template-slider) #Header, body.minimalist-header.header-split:not(.template-slider) #Header {
|
||
|
|
min-height: 0
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-simple:not(.template-slider) #Header {
|
||
|
|
min-height: 90px
|
||
|
|
}
|
||
|
|
body.minimalist-header.header-transparent #Header {
|
||
|
|
min-height: 0!important
|
||
|
|
}
|
||
|
|
.minimalist-header-no #Subheader {
|
||
|
|
padding: 80px 0!important
|
||
|
|
}
|
||
|
|
/* Header | Overlay */
|
||
|
|
.header-overlay .overlay-menu-toggle {
|
||
|
|
top: 10px;
|
||
|
|
right: 5px
|
||
|
|
}
|
||
|
|
#overlay-menu ul li a {
|
||
|
|
font-size: 22px;
|
||
|
|
line-height: 36px
|
||
|
|
}
|
||
|
|
/* Header | Plain */
|
||
|
|
.header-plain #Top_bar .logo {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .logo #logo {
|
||
|
|
padding: 5px 42px 15px 15px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .top_bar_right .top_bar_right_wrapper {
|
||
|
|
line-height: 0
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .top_bar_right {
|
||
|
|
height: 50px!important
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button {
|
||
|
|
padding: 0 10px;
|
||
|
|
line-height: 50px!important
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .wpml-languages {
|
||
|
|
padding: 0 10px;
|
||
|
|
height: 50px!important
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .wpml-languages a.active {
|
||
|
|
line-height: 50px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar a.button.action_button {
|
||
|
|
height: 50px!important;
|
||
|
|
line-height: 50px!important
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar a.button.action_button .button_label {
|
||
|
|
padding: 0 12px
|
||
|
|
}
|
||
|
|
.header-plain #Top_bar .top_bar_right_wrapper>*:last-child {
|
||
|
|
border-right-width: 1px;
|
||
|
|
}
|
||
|
|
/* Header | Simple */
|
||
|
|
.header-simple #Top_bar .top_bar_left {
|
||
|
|
top: 0!important
|
||
|
|
}
|
||
|
|
/* Header | Split */
|
||
|
|
.header-split #Top_bar a#search_button {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Header | Stack */
|
||
|
|
.header-stack #Top_bar .logo {
|
||
|
|
padding: 0;
|
||
|
|
text-align: center!important
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .logo #logo {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar a.responsive-menu-toggle {
|
||
|
|
position: absolute!important;
|
||
|
|
margin-top: -17px!important
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar a.responsive-menu-toggle.is-sticky {
|
||
|
|
position: fixed!important;
|
||
|
|
margin-top: 0!important
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .secondary_menu_wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.header-stack #Top_bar .top_bar_right {
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
/* Header mobile | minimal */
|
||
|
|
.mobile-header-mini #Action_bar {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar .container {
|
||
|
|
max-width: 100%!important;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar .top_bar_left {
|
||
|
|
float: left;
|
||
|
|
position: static;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar .logo {
|
||
|
|
width: auto;
|
||
|
|
float: left;
|
||
|
|
margin-left: 15px;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar #logo {
|
||
|
|
height: 60px!important;
|
||
|
|
line-height: 60px!important;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar a.responsive-menu-toggle {
|
||
|
|
top: 30px!important;
|
||
|
|
left: auto;
|
||
|
|
right: 10px;
|
||
|
|
margin-top: -17px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar .top_bar_right {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 54px;
|
||
|
|
background: none;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar a.button.action_button {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar #header_cart {
|
||
|
|
margin-right: -1px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar #search_button {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar .wpml-languages {
|
||
|
|
top: 13px;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar .wpml-languages a.active, .mobile-header-mini #Top_bar .wpml-languages ul.wpml-lang-dropdown {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar #menu {
|
||
|
|
padding-bottom: 10px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar #menu ul li a span {
|
||
|
|
line-height: 44px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar #menu ul li.submenu .menu-toggle {
|
||
|
|
line-height: 44px;
|
||
|
|
right: 3px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar .search_wrapper {
|
||
|
|
bottom: -59px;
|
||
|
|
padding: 10px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar .search_wrapper .icon_search {
|
||
|
|
left: 10px;
|
||
|
|
top: 17px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Top_bar .search_wrapper .icon_close {
|
||
|
|
top: 17px;
|
||
|
|
}
|
||
|
|
/* Header mobile | minimal | style */
|
||
|
|
.mobile-header-mini.mobile-mini-mr-lr #Top_bar .logo {
|
||
|
|
float: right;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 54px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-mr-lr #Top_bar .top_bar_right {
|
||
|
|
left: 10px;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-mr-lc #Top_bar .logo {
|
||
|
|
float: none;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-mr-lc #Top_bar .top_bar_right {
|
||
|
|
left: 10px;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-ml-ll #Top_bar a.responsive-menu-toggle {
|
||
|
|
left: 10px;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-ml-ll #Top_bar .logo {
|
||
|
|
margin-left: 54px
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-ml-ll #Top_bar .top_bar_right {
|
||
|
|
right: 15px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-ml-lc #Top_bar a.responsive-menu-toggle {
|
||
|
|
left: 10px;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-ml-lc #Top_bar .logo {
|
||
|
|
float: none;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-ml-lc #Top_bar .top_bar_right {
|
||
|
|
right: 15px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-ml-lr #Top_bar a.responsive-menu-toggle {
|
||
|
|
left: 10px;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-ml-lr #Top_bar .logo {
|
||
|
|
float: right;
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-mini-ml-lr #Top_bar .top_bar_right {
|
||
|
|
left: 49px;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
/* Header mobile | minimal | headers compatibility */
|
||
|
|
.mobile-header-mini.header-plain #Top_bar .top_bar_right {
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.header-plain #Top_bar a#header_cart {
|
||
|
|
line-height: 60px!important;
|
||
|
|
border: none;
|
||
|
|
padding: 0 5px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.header-plain #Top_bar a#search_button {
|
||
|
|
line-height: 60px!important;
|
||
|
|
border: none;
|
||
|
|
padding: 0 3px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.header-plain #Top_bar .wpml-languages {
|
||
|
|
height: 60px!important;
|
||
|
|
border: none;
|
||
|
|
padding: 0 5px 0 10px;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.header-plain #Top_bar .wpml-languages a.active {
|
||
|
|
line-height: 60px!important
|
||
|
|
}
|
||
|
|
.mobile-header-mini.header-plain #Top_bar .wpml-languages:hover a.active {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Header_creative #Top_bar {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Header_creative #Top_bar #header_cart {
|
||
|
|
top: 20px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Header_creative #Top_bar #search_button {
|
||
|
|
top: 19px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini #Header_creative #Top_bar .wpml-languages {
|
||
|
|
top: 13px;
|
||
|
|
}
|
||
|
|
.mobile-header-mini .overlay-menu-toggle {
|
||
|
|
font-size: 22px;
|
||
|
|
top: 8px;
|
||
|
|
margin: 0!important;
|
||
|
|
}
|
||
|
|
/* Header mobile | sticky */
|
||
|
|
.mobile-sticky #Top_bar.is-sticky {
|
||
|
|
position: fixed !important;
|
||
|
|
}
|
||
|
|
.mobile-sticky #Top_bar.is-sticky #logo {
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
height: 60px!important;
|
||
|
|
line-height: 60px!important;
|
||
|
|
}
|
||
|
|
.mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle {
|
||
|
|
top: 30px!important;
|
||
|
|
}
|
||
|
|
.mobile-sticky #Top_bar.is-sticky .top_bar_right {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mobile-sticky #Top_bar #menu {
|
||
|
|
overflow: auto;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.mobile-header-mini.mobile-sticky #Top_bar .top_bar_right {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
/* Header mobile | transparent */
|
||
|
|
.mobile-tr-header #Action_bar, .mobile-tr-header #Top_bar, .mobile-tr-header #Top_bar .top_bar_right {
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
.mobile-tr-header #Top_bar {
|
||
|
|
position: absolute;
|
||
|
|
top: 50px
|
||
|
|
}
|
||
|
|
.mobile-tr-header.ab-hide #Top_bar {
|
||
|
|
top: 0
|
||
|
|
}
|
||
|
|
.mobile-tr-header #Action_bar {
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
.mobile-tr-header #Action_bar .contact_details li, .mobile-tr-header #Action_bar .social li a, .mobile-tr-header #Top_bar .top_bar_right a {
|
||
|
|
color: rgba(255, 255, 255, 0.3)
|
||
|
|
}
|
||
|
|
.mobile-tr-header #Action_bar .social li a:hover, .mobile-tr-header #Top_bar .top_bar_right a:hover {
|
||
|
|
color: #fff!important
|
||
|
|
}
|
||
|
|
.mobile-tr-header #Top_bar .wpml-languages a.active, .mobile-tr-header #Top_bar .wpml-languages ul.wpml-lang-dropdown {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.mobile-tr-header.header-creative.layout-full-width #Wrapper {
|
||
|
|
padding-top: 0
|
||
|
|
}
|
||
|
|
/* Header mobile | transparent | plain */
|
||
|
|
.mobile-tr-header.header-plain #Top_bar, .mobile-tr-header.header-plain #Top_bar .top_bar_right_wrapper>* {
|
||
|
|
border: none!important;
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
/* Header mobile | transparent | creative */
|
||
|
|
.mobile-tr-header #Header_creative {
|
||
|
|
background: none!important;
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
/* Action Bar */
|
||
|
|
#Action_bar .contact_details li, #Action_bar .social {
|
||
|
|
padding: 0!important
|
||
|
|
}
|
||
|
|
#Action_bar .contact_details {
|
||
|
|
float: none;
|
||
|
|
text-align: center;
|
||
|
|
padding: 5px 0
|
||
|
|
}
|
||
|
|
#Action_bar .contact_details li {
|
||
|
|
color: #000;
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
#Action_bar .contact_details li.slogan {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Action_bar .social {
|
||
|
|
float: none;
|
||
|
|
text-align: center;
|
||
|
|
padding: 5px 0 0
|
||
|
|
}
|
||
|
|
#Action_bar .social li {
|
||
|
|
margin-right: 5px
|
||
|
|
}
|
||
|
|
#Action_bar .social li a {
|
||
|
|
color: rgba(0, 0, 0, .3)
|
||
|
|
}
|
||
|
|
#Action_bar .social li a:hover {
|
||
|
|
color: rgba(0, 0, 0, .8)
|
||
|
|
}
|
||
|
|
#Action_bar .social-menu {
|
||
|
|
float: none;
|
||
|
|
text-align: center;
|
||
|
|
padding: 5px 0 0
|
||
|
|
}
|
||
|
|
/* Subheader */
|
||
|
|
body:not(.template-slider):not(.header-simple) #Header {
|
||
|
|
min-height: 350px;
|
||
|
|
background-position: center 202px
|
||
|
|
}
|
||
|
|
#Subheader .title {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
#Subheader ul.breadcrumbs {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Footer --------------- */
|
||
|
|
#Footer .footer_copy {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .copyright {
|
||
|
|
float: none;
|
||
|
|
margin: 0 0 10px
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social {
|
||
|
|
float: none;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
#Footer .footer_copy .social-menu {
|
||
|
|
float: none;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
/* Footer | Sliding */
|
||
|
|
.footer-fixed #Content, .footer-sliding #Content {
|
||
|
|
margin-bottom: 0!important
|
||
|
|
}
|
||
|
|
.footer-fixed #Footer, .footer-sliding #Footer {
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
/* Back to top */
|
||
|
|
#back_to_top {
|
||
|
|
float: none;
|
||
|
|
margin: -10px 0 10px
|
||
|
|
}
|
||
|
|
#back_to_top.in_footer, #back_to_top.sticky {
|
||
|
|
right: 20px!important;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
/* Blog --------------- */
|
||
|
|
.classic .post-photo-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.classic .post-desc-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.classic .post-meta .author-date .author .label {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.classic .post-meta .category {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.classic .post-desc-wrapper .post-footer .button-love .love-text {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.classic .post-desc-wrapper .post-desc {
|
||
|
|
padding: 15px 0 0
|
||
|
|
}
|
||
|
|
/* Blog | Timeline */
|
||
|
|
.timeline .post-item {
|
||
|
|
padding-left: 0;
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.timeline .post-item:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.timeline .post-photo-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.timeline .post-desc-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.timeline .post-item .date_label {
|
||
|
|
display: inline-block;
|
||
|
|
position: static;
|
||
|
|
margin-bottom: 10px
|
||
|
|
}
|
||
|
|
.timeline .post-meta .category {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.timeline .post-desc-wrapper .post-footer .button-love .love-text {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.timeline .post-desc-wrapper .post-desc {
|
||
|
|
padding: 15px 0 0
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li {
|
||
|
|
width: 100%;
|
||
|
|
padding: 0!important;
|
||
|
|
background: none!important
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li h3 span {
|
||
|
|
display: block;
|
||
|
|
position: static
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li:nth-child(even) {
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.style-simple .timeline_items li:nth-child(even) .desc {
|
||
|
|
text-align: right
|
||
|
|
}
|
||
|
|
/* Blog | Masonry */
|
||
|
|
.grid .post-item, .masonry .post-item {
|
||
|
|
width: 98%!important;
|
||
|
|
margin: 0 1% 20px!important
|
||
|
|
}
|
||
|
|
/* Blog | Masonry tiles */
|
||
|
|
.masonry.tiles .post-item {
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
/* Blog | Photo */
|
||
|
|
.photo .post-desc .post-head {
|
||
|
|
margin-bottom: 5px
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-meta .category {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.photo .post-desc .post-head .post-meta .author-date {
|
||
|
|
margin-right: 10px
|
||
|
|
}
|
||
|
|
/* Blog single */
|
||
|
|
.single-post .format-image .single-photo-wrapper .image_frame {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
.single-post .format-link .single-photo-wrapper, .single-post .format-quote .single-photo-wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Post header */
|
||
|
|
.post-header .button-love {
|
||
|
|
width: 69px
|
||
|
|
}
|
||
|
|
.post-header .title_wrapper {
|
||
|
|
margin-left: 69px;
|
||
|
|
padding-left: 20px
|
||
|
|
}
|
||
|
|
.post-header .title_wrapper h1 {
|
||
|
|
font-size: 27px;
|
||
|
|
line-height: 27px
|
||
|
|
}
|
||
|
|
.post-header .post-meta .category {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Single photo wrapper */
|
||
|
|
.single-photo-wrapper .image_frame {
|
||
|
|
max-width: 100%!important;
|
||
|
|
margin-left: 0
|
||
|
|
}
|
||
|
|
.single-photo-wrapper .share_wrapper {
|
||
|
|
float: none;
|
||
|
|
padding: 5px 15px 0;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
width: auto
|
||
|
|
}
|
||
|
|
.no-share-mobile .single-photo-wrapper .share_wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.wp-caption-text.hide-mobile {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Post nav */
|
||
|
|
.post-nav {
|
||
|
|
padding: 10px 10px 4px 90px
|
||
|
|
}
|
||
|
|
/* Portfolio --------------- */
|
||
|
|
.portfolio_group .portfolio-item {
|
||
|
|
width: 100%!important;
|
||
|
|
margin: 0 0 20px!important;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.section.full-width .portfolio_group .portfolio-item {
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .list_style_header {
|
||
|
|
padding-right: 0;
|
||
|
|
min-height: inherit
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .list_style_header h3 {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .list_style_header .links_wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .desc-wrapper {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
.portfolio_group .portfolio-item .desc .details-wrapper {
|
||
|
|
float: none;
|
||
|
|
width: 100%;
|
||
|
|
padding-left: 0;
|
||
|
|
border-left-width: 0;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
padding-bottom: 15px;
|
||
|
|
margin-bottom: 15px
|
||
|
|
}
|
||
|
|
.portfolio_group.list .portfolio-item .desc {
|
||
|
|
padding-top: 10px
|
||
|
|
}
|
||
|
|
.portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
|
||
|
|
background-image: none!important;
|
||
|
|
padding-bottom: 0
|
||
|
|
}
|
||
|
|
body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
|
||
|
|
width: 380px
|
||
|
|
}
|
||
|
|
/* Project decription */
|
||
|
|
.project-description li, .project-description li.one-third {
|
||
|
|
width: 100%;
|
||
|
|
border-width: 0 0 1px
|
||
|
|
}
|
||
|
|
.project-description li:last-child {
|
||
|
|
border-bottom: 0
|
||
|
|
}
|
||
|
|
/* Portfolio | Exposure */
|
||
|
|
.portfolio_group.exposure .portfolio-item {
|
||
|
|
margin: 0!important;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner {
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .details-wrapper {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.portfolio_group.exposure .portfolio-item .image-wrapper {
|
||
|
|
margin: 0 -100px
|
||
|
|
}
|
||
|
|
.full-width .portfolio_group.exposure .portfolio-item .desc-inner {
|
||
|
|
top: 30px
|
||
|
|
}
|
||
|
|
/* Portfolio | Flat */
|
||
|
|
.portfolio_group.flat .portfolio-item {
|
||
|
|
margin-bottom: 0!important
|
||
|
|
}
|
||
|
|
/* Portfolio | Grid */
|
||
|
|
ul.portfolio_grid li {
|
||
|
|
width: 100%!important;
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
/* Portfolio | Masonry Flat */
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item {
|
||
|
|
width: 49.9%!important;
|
||
|
|
margin: 0!important
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item.wide {
|
||
|
|
width: 99.8%!important
|
||
|
|
}
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill {
|
||
|
|
padding-bottom: calc(156% - 1px)
|
||
|
|
}
|
||
|
|
/* Portfolio | Photo */
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .details {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.portfolio-photo .portfolio-item .portfolio-details .more {
|
||
|
|
opacity: 1
|
||
|
|
}
|
||
|
|
/* Shortcodes --------------- */
|
||
|
|
/* Blog Teaser */
|
||
|
|
.blog-teaser li {
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
.blog-teaser li:not(:first-child) {
|
||
|
|
margin-top: 10px
|
||
|
|
}
|
||
|
|
.blog-teaser.margin-no li {
|
||
|
|
margin-top: 0
|
||
|
|
}
|
||
|
|
/* Call to action */
|
||
|
|
.call_to_action .call_left, .call_to_action .call_center, .call_to_action .call_right {
|
||
|
|
display: block;
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.call_to_action .call_left {
|
||
|
|
margin-bottom: 20px
|
||
|
|
}
|
||
|
|
.call_to_action .call_center {
|
||
|
|
margin-bottom: 20px
|
||
|
|
}
|
||
|
|
.call_to_action .call_right {
|
||
|
|
margin-bottom: 0;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
/* Clients */
|
||
|
|
ul.clients:not(.clients_slider_ul) li {
|
||
|
|
width: 50%!important
|
||
|
|
}
|
||
|
|
/* Content slider */
|
||
|
|
.content_slider {
|
||
|
|
padding: 0!important;
|
||
|
|
margin: 10px 0
|
||
|
|
}
|
||
|
|
.content_slider .slider_pagination {
|
||
|
|
padding: 0 20%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.content_slider a.button {
|
||
|
|
top: auto!important;
|
||
|
|
bottom: -60px;
|
||
|
|
}
|
||
|
|
.content_slider a.slider_prev {
|
||
|
|
left: 0!important
|
||
|
|
}
|
||
|
|
.content_slider a.slider_next {
|
||
|
|
right: 0!important
|
||
|
|
}
|
||
|
|
.content_slider a.button .button_icon {
|
||
|
|
padding: 7px 9px
|
||
|
|
}
|
||
|
|
.content_slider.flat a.button, .content_slider.carousel a.button {
|
||
|
|
bottom: -50px
|
||
|
|
}
|
||
|
|
.content_slider.flat a.button .button_icon {
|
||
|
|
font-size: 30px
|
||
|
|
}
|
||
|
|
/* Divider */
|
||
|
|
.hr_full hr, .aside_left .hr_full hr, .aside_right .hr_full hr {
|
||
|
|
position: absolute;
|
||
|
|
left: -1000px;
|
||
|
|
top: 0;
|
||
|
|
width: 3000px
|
||
|
|
}
|
||
|
|
/* Fancy headings */
|
||
|
|
.fancy_heading h2 {
|
||
|
|
font-size: 30px;
|
||
|
|
line-height: 30px
|
||
|
|
}
|
||
|
|
/* Features lists */
|
||
|
|
.feature_list ul li {
|
||
|
|
width: 100%!important;
|
||
|
|
float: none;
|
||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.08)
|
||
|
|
}
|
||
|
|
.feature_list hr {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Flat Box */
|
||
|
|
.flat_box .desc_wrapper {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
/* Google maps */
|
||
|
|
.google-map-contact-wrapper {
|
||
|
|
position: static;
|
||
|
|
margin-left: 0!important;
|
||
|
|
}
|
||
|
|
.google-map-contact-wrapper .get_in_touch {
|
||
|
|
float: none;
|
||
|
|
width: 100%;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
box-sizing: border-box
|
||
|
|
}
|
||
|
|
.google-map-contact-wrapper .get_in_touch:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* How it works */
|
||
|
|
.how_it_works .image, .with_aside .how_it_works .image {
|
||
|
|
width: 200px;
|
||
|
|
height: 200px;
|
||
|
|
line-height: 200px
|
||
|
|
}
|
||
|
|
.how_it_works .image img {
|
||
|
|
max-width: 116px!important;
|
||
|
|
max-height: 116px!important
|
||
|
|
}
|
||
|
|
.how_it_works .image .number, .with_aside .how_it_works .image .number {
|
||
|
|
bottom: 10px;
|
||
|
|
right: 10px
|
||
|
|
}
|
||
|
|
.how_it_works.has_border:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Offer slider */
|
||
|
|
.offer .offer_li .image_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.offer .offer_li .desc_wrapper {
|
||
|
|
width: 90%;
|
||
|
|
width: calc(100% - 67px)!important;
|
||
|
|
margin: 0 auto;
|
||
|
|
float: none;
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.offer .offer_li .desc_wrapper .title {
|
||
|
|
padding-right: 0;
|
||
|
|
margin-bottom: 15px
|
||
|
|
}
|
||
|
|
.offer .offer_li .desc_wrapper .title h3 {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
font-size: 27px;
|
||
|
|
line-height: 27px
|
||
|
|
}
|
||
|
|
.offer .offer_li .desc_wrapper .title a.button {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.offer a.slider_prev {
|
||
|
|
left: 20px;
|
||
|
|
top: 20px;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
.offer .slider_pagination {
|
||
|
|
left: 20px;
|
||
|
|
top: 65px;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
.offer a.slider_next {
|
||
|
|
left: 20px;
|
||
|
|
top: 111px;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
.button-stroke .offer a.slider_prev {
|
||
|
|
margin-top: -8px
|
||
|
|
}
|
||
|
|
.button-stroke .offer a.slider_next {
|
||
|
|
margin-top: 6px
|
||
|
|
}
|
||
|
|
/* Icon box */
|
||
|
|
.icon_box.has_border:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Image Frame */
|
||
|
|
.image_frame {
|
||
|
|
margin-top: 0!important
|
||
|
|
}
|
||
|
|
/* Offer thumb */
|
||
|
|
.offer_thumb {
|
||
|
|
padding-left: 0
|
||
|
|
}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li {
|
||
|
|
padding-left: 0
|
||
|
|
}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .image_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title {
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
|
||
|
|
margin-bottom: 15px
|
||
|
|
}
|
||
|
|
.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.offer_thumb .slider_pagination {
|
||
|
|
margin-top: 20px;
|
||
|
|
line-height: inherit
|
||
|
|
}
|
||
|
|
/* Offer thumb bottom */
|
||
|
|
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
.offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
|
||
|
|
margin-right: 0;
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
/* Pricing table */
|
||
|
|
.pricing-box-label .plan-header, .pricing-box-label .plan-footer {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.pricing-box-label ul li {
|
||
|
|
text-align: center!important
|
||
|
|
}
|
||
|
|
/* Promo box */
|
||
|
|
.promo_box.has_border:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.promo_box_wrapper {
|
||
|
|
overflow: visible
|
||
|
|
}
|
||
|
|
.promo_box_wrapper .photo_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
line-height: 0;
|
||
|
|
margin-bottom: 15px
|
||
|
|
}
|
||
|
|
.promo_box_wrapper .desc_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0!important;
|
||
|
|
float: none;
|
||
|
|
padding-top: 0
|
||
|
|
}
|
||
|
|
/* Story Box */
|
||
|
|
.story_box {
|
||
|
|
padding: 0 11%!important
|
||
|
|
}
|
||
|
|
.story_box .desc_wrapper {
|
||
|
|
margin-right: 0!important
|
||
|
|
}
|
||
|
|
/* Table */
|
||
|
|
.table-responsive table {
|
||
|
|
overflow-x: auto;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
.table-responsive table a.kill_the_icon .button_icon {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Tabs */
|
||
|
|
.ui-tabs .ui-tabs-nav {
|
||
|
|
background: none
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li {
|
||
|
|
float: none!important;
|
||
|
|
width: 100%!important;
|
||
|
|
border-width: 0 0 1px
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li:last-child {
|
||
|
|
border-bottom: 0
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li a {
|
||
|
|
text-align: center;
|
||
|
|
background-image: url(../../images/bg_panel.png);
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
background-position: left top
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-active a {
|
||
|
|
background-image: none
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Tabs: simple-style */
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav li a {
|
||
|
|
background-image: none
|
||
|
|
}
|
||
|
|
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
/* Tabs vertical: simple-style */
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a {
|
||
|
|
text-align: center;
|
||
|
|
padding-right: 20px
|
||
|
|
}
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-panel {
|
||
|
|
border-width: 1px 0 0!important
|
||
|
|
}
|
||
|
|
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 2px;
|
||
|
|
left: 0;
|
||
|
|
top: auto;
|
||
|
|
bottom: 0;
|
||
|
|
right: auto
|
||
|
|
}
|
||
|
|
/* Testimonials list */
|
||
|
|
.testimonials_list .item {
|
||
|
|
margin-bottom: 30px
|
||
|
|
}
|
||
|
|
.testimonials_list .item .photo {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
margin-bottom: 10px
|
||
|
|
}
|
||
|
|
.testimonials_list .item .desc {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
margin-bottom: 0
|
||
|
|
}
|
||
|
|
/* Timeline */
|
||
|
|
.timeline_items {
|
||
|
|
background-position: 91px top
|
||
|
|
}
|
||
|
|
.timeline_items li {
|
||
|
|
padding: 0 0 25px 150px !important;
|
||
|
|
background: url(../../images/timeline_right.png) no-repeat!important;
|
||
|
|
background-position: 50px top!important;
|
||
|
|
width: auto
|
||
|
|
}
|
||
|
|
.timeline_items li h3 span {
|
||
|
|
left: 0!important;
|
||
|
|
right: auto
|
||
|
|
}
|
||
|
|
.timeline_items li h3, .timeline_items li:nth-child(even) h3 {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
.timeline_items li h3:before {
|
||
|
|
left: 93px
|
||
|
|
}
|
||
|
|
.timeline_items li .desc, .timeline_items li:nth-child(even) .desc {
|
||
|
|
text-align: left
|
||
|
|
}
|
||
|
|
.timeline_items li .desc:before {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.timeline_items:after {
|
||
|
|
left: 93px
|
||
|
|
}
|
||
|
|
/* General -------------------- */
|
||
|
|
/* Error 404 */
|
||
|
|
#Error_404 {
|
||
|
|
position: static;
|
||
|
|
padding-top: 20px;
|
||
|
|
margin-top: 0
|
||
|
|
}
|
||
|
|
#Error_404 .error_pic {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#Error_404 .error_pic i {
|
||
|
|
font-size: 160px;
|
||
|
|
line-height: 160px
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
padding-top: 20px;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk h2 {
|
||
|
|
font-size: 30px;
|
||
|
|
line-height: 30px
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk h4 {
|
||
|
|
font-size: 19px;
|
||
|
|
line-height: 25px
|
||
|
|
}
|
||
|
|
#Error_404 .error_desk p .check {
|
||
|
|
line-height: 22px;
|
||
|
|
font-size: 16px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
/* Filters */
|
||
|
|
#Filters .filters_wrapper ul li {
|
||
|
|
float: left;
|
||
|
|
width: 49%;
|
||
|
|
margin: .5%
|
||
|
|
}
|
||
|
|
/* Fixed nav */
|
||
|
|
.fixed-nav {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
/* Popup contact */
|
||
|
|
#popup_contact {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Search Results */
|
||
|
|
.search-not-found .snf-pic {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.search-not-found .snf-pic i {
|
||
|
|
font-size: 260px;
|
||
|
|
line-height: 260px
|
||
|
|
}
|
||
|
|
.search-not-found .snf-desc {
|
||
|
|
width: 100%;
|
||
|
|
float: none;
|
||
|
|
padding-top: 20px;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
/* Video */
|
||
|
|
/* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */
|
||
|
|
.content_video.iframe {
|
||
|
|
position: relative;
|
||
|
|
padding-bottom: 56.25%;
|
||
|
|
height: 0;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.content_video.iframe iframe {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%
|
||
|
|
}
|
||
|
|
/* WordPress Admin Bar */
|
||
|
|
html #wpadminbar {
|
||
|
|
z-index: 9999!important;
|
||
|
|
position: fixed
|
||
|
|
}
|
||
|
|
/* Plugins --------------- */
|
||
|
|
/* bbPress */
|
||
|
|
.bbpress ul {
|
||
|
|
font-size: 13px
|
||
|
|
}
|
||
|
|
.bbpress li.bbp-forum-info, .bbpress li.bbp-topic-title {
|
||
|
|
width: 44%
|
||
|
|
}
|
||
|
|
.bbpress li.bbp-forum-topic-count, .bbpress li.bbp-topic-voice-count, .bbpress li.bbp-forum-reply-count, .bbpress li.bbp-topic-reply-count {
|
||
|
|
width: 15%
|
||
|
|
}
|
||
|
|
.bbpress .bbp-body li.bbp-forum-freshness, .bbpress .bbp-body li.bbp-topic-freshness {
|
||
|
|
line-height: 16px;
|
||
|
|
font-size: 11px
|
||
|
|
}
|
||
|
|
/* Easy Digital Downloads */
|
||
|
|
.edd_downloads_list .edd_download {
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
.edd_downloads_list .edd_download .edd_download_inner {
|
||
|
|
margin: 0 8% 20px
|
||
|
|
}
|
||
|
|
/* Pretty Photo Popup */
|
||
|
|
/* Tiny popup on mobile | fix */
|
||
|
|
.pp_pic_holder {
|
||
|
|
width: 90%!important;
|
||
|
|
left: 5%!important;
|
||
|
|
overflow: hidden
|
||
|
|
}
|
||
|
|
.pp_content {
|
||
|
|
width: 98%!important;
|
||
|
|
height: auto!important
|
||
|
|
}
|
||
|
|
.pp_fade {
|
||
|
|
width: 100%!important;
|
||
|
|
height: 100%!important
|
||
|
|
}
|
||
|
|
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
#pp_full_res img {
|
||
|
|
width: 100%!important;
|
||
|
|
height: auto!important
|
||
|
|
}
|
||
|
|
.pp_details {
|
||
|
|
width: 100%!important;
|
||
|
|
position: static!important;
|
||
|
|
min-height: 25px
|
||
|
|
}
|
||
|
|
.pp_details a.pp_close {
|
||
|
|
top: auto;
|
||
|
|
right: 25px
|
||
|
|
}
|
||
|
|
/* Theme Options size | fix */
|
||
|
|
div.pp_pic_holder, div.pp_content, div.pp_details {
|
||
|
|
max-width: 100%
|
||
|
|
}
|
||
|
|
div.pp_content {
|
||
|
|
overflow: auto
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ----------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */
|
||
|
|
|
||
|
|
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||
|
|
/* Respond */
|
||
|
|
#respond .comment-form-author {
|
||
|
|
width: 100%;
|
||
|
|
margin-right: 0;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#respond .comment-form-email {
|
||
|
|
width: 100%;
|
||
|
|
margin-right: 0;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#respond .comment-form-url {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
#respond .comment-form-comment textarea {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
#respond .required {
|
||
|
|
right: 15px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-body {
|
||
|
|
margin-left: 90px;
|
||
|
|
padding: 10px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .photo {
|
||
|
|
left: -90px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .children {
|
||
|
|
margin-left: 0;
|
||
|
|
padding-left: 10px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .reply {
|
||
|
|
right: 10px;
|
||
|
|
top: 10px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-meta a.comment-edit-link {
|
||
|
|
padding-right: 45px
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .comment-body {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 90px
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .photo {
|
||
|
|
left: auto;
|
||
|
|
right: -90px
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .children {
|
||
|
|
margin-right: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 10px
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .reply {
|
||
|
|
left: 10px;
|
||
|
|
right: auto
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .comment-meta a.comment-edit-link {
|
||
|
|
padding-left: 45px;
|
||
|
|
padding-right: 0
|
||
|
|
}
|
||
|
|
/* Zoom Box */
|
||
|
|
.zoom_box .desc .desc_txt {
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 22px
|
||
|
|
}
|
||
|
|
/* Gallery */
|
||
|
|
#Content .gallery:not(.gallery-columns-1) .gallery-item {
|
||
|
|
width: 50%;
|
||
|
|
clear: none
|
||
|
|
}
|
||
|
|
#Content .gallery:not(.gallery-columns-1) .gallery-item:nth-child(2n+1) {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
/* Latest News */
|
||
|
|
.Latest_news.featured ul {
|
||
|
|
width: 49%!important
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */
|
||
|
|
|
||
|
|
@media only screen and (max-width: 479px) {
|
||
|
|
#Top_bar a.button.action_button {
|
||
|
|
margin-right: 0
|
||
|
|
}
|
||
|
|
/* Post nav */
|
||
|
|
.post-nav {
|
||
|
|
padding: 10px 10px 4px
|
||
|
|
}
|
||
|
|
/* Portfolio list */
|
||
|
|
body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
|
||
|
|
width: 260px
|
||
|
|
}
|
||
|
|
/* Portfolio Masonry Flat */
|
||
|
|
.portfolio_group.masonry-flat .portfolio-item, .portfolio_group.masonry-flat .portfolio-item.wide {
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
/* Latest News */
|
||
|
|
.Latest_news.featured ul {
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
/* Filters */
|
||
|
|
#Filters .filters_buttons li {
|
||
|
|
margin-right: 10px
|
||
|
|
}
|
||
|
|
#Filters .filters_buttons li.label {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
#Filters .filters_buttons li i.icon-docs, #Filters .filters_buttons li i.icon-tag {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Team */
|
||
|
|
.team.team_horizontal .image_frame {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 0 15px;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.team.team_horizontal .desc_wrapper {
|
||
|
|
width: 100%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
/* Timeline */
|
||
|
|
.timeline_items {
|
||
|
|
background-position: 21px top
|
||
|
|
}
|
||
|
|
.timeline_items li {
|
||
|
|
padding: 0 0 25px 80px !important;
|
||
|
|
background-position: -20px top!important
|
||
|
|
}
|
||
|
|
.timeline_items li h3 span {
|
||
|
|
display: table;
|
||
|
|
position: relative;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
.timeline_items li h3:before {
|
||
|
|
left: 24px
|
||
|
|
}
|
||
|
|
.timeline_items:after {
|
||
|
|
left: 23px
|
||
|
|
}
|
||
|
|
/* Testimonials slider */
|
||
|
|
.testimonials_slider a.slider_prev {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
.testimonials_slider a.slider_next {
|
||
|
|
display: none!important
|
||
|
|
}
|
||
|
|
.testimonials_slider .testimonials_slider_ul li {
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
/* Respond */
|
||
|
|
#respond .comment-form-author {
|
||
|
|
width: 99%;
|
||
|
|
margin-right: 0;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#respond .comment-form-email {
|
||
|
|
width: 99%;
|
||
|
|
margin-right: 0;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#respond .comment-form-url {
|
||
|
|
width: 99%;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
#respond .comment-form-comment textarea {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
#respond .required {
|
||
|
|
right: 11px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-body {
|
||
|
|
margin-left: 55px;
|
||
|
|
padding: 10px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .photo {
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
left: -55px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .children {
|
||
|
|
margin-left: 0;
|
||
|
|
padding-left: 10px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .reply {
|
||
|
|
right: 10px;
|
||
|
|
top: 10px
|
||
|
|
}
|
||
|
|
#comments .commentlist>li .comment-meta a.comment-edit-link {
|
||
|
|
padding-right: 0;
|
||
|
|
position: static;
|
||
|
|
float: none
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .comment-body {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 55px
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .photo {
|
||
|
|
left: auto;
|
||
|
|
right: -55px
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .children {
|
||
|
|
margin-right: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 10px
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .reply {
|
||
|
|
left: 10px;
|
||
|
|
right: auto
|
||
|
|
}
|
||
|
|
.rtl #comments .commentlist>li .comment-meta a.comment-edit-link {
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
/* Zoom Box */
|
||
|
|
.zoom_box .desc .desc_img img {
|
||
|
|
max-height: 60px;
|
||
|
|
width: auto
|
||
|
|
}
|
||
|
|
.zoom_box .desc .desc_txt {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 17px
|
||
|
|
}
|
||
|
|
/* Feature box */
|
||
|
|
.feature_box .feature_box_wrapper {
|
||
|
|
display: block
|
||
|
|
}
|
||
|
|
.feature_box .feature_box_wrapper .photo_wrapper, .feature_box .feature_box_wrapper .desc_wrapper {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
padding: 0
|
||
|
|
}
|
||
|
|
.feature_box .feature_box_wrapper .photo_wrapper {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
.feature_box .feature_box_wrapper .photo_wrapper a {
|
||
|
|
display: inline-block
|
||
|
|
}
|
||
|
|
/* Gallery */
|
||
|
|
#Content .gallery .gallery-item {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
/* bbpress */
|
||
|
|
.bbpress #bbpress-forums p.bbp-topic-meta, .bbpress #bbpress-forums p.bbp-topic-meta {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
/* Easy Digital Downloads */
|
||
|
|
.edd_downloads_list .edd_download {
|
||
|
|
width: 100%!important
|
||
|
|
}
|
||
|
|
.edd_downloads_list .edd_download .edd_download_inner {
|
||
|
|
margin: 0 0 20px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */
|
||
|
|
|
||
|
|
@media only screen and (max-device-width: 1024px) {
|
||
|
|
html.ios, .ios .section.bg-cover {
|
||
|
|
background-attachment: scroll!important
|
||
|
|
}
|
||
|
|
}
|