kjoh.hu
Open in
urlscan Pro
185.187.74.23
Public Scan
Submitted URL: http://kjoh.hu/wp-content/themes/theme/css/layout.css?ver=14.5
Effective URL: https://kjoh.hu/wp-content/themes/theme/css/layout.css?ver=14.5
Submission: On January 23 via api from US — Scanned from US
Effective URL: https://kjoh.hu/wp-content/themes/theme/css/layout.css?ver=14.5
Submission: On January 23 via api from US — Scanned from US
Form analysis
0 forms found in the DOMText Content
/* Global ---------------------------------------------------------------------------- */ .rev_slider iframe{max-width:1220px} .rev_slider ul{margin:0!important} .tp-static-layers{z-index:200} .ls-yourlogo{z-index:28} /* 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"] > .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} /* 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,.tp-bullets.simplebullets.round{text-align:center;line-height:0} .slider_pagination a,.tp-bullets.simplebullets.round .bullet{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} .slider_pagination a:hover{background:rgba(0,0,0,.25)} .slider_pagination a.selected,.tp-bullets.simplebullets.round .bullet.selected{width:10px;height:8px;margin:0 10px;position:relative;top:4px;background:rgba(0,0,0,.15);-webkit-border-radius:2px;border-radius:2px} .slider_pagination a.selected:after,.tp-bullets.simplebullets.round .bullet.selected:after{content:"";display:block;width:8px;height:8px;-webkit-border-radius:1px;border-radius:1px;position:absolute;left:1px;top:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .tp-bullets.simplebullets.round .bullet{background:#fff} /* Slider Revolution | Navigation ---------------------------------------------------- */ #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} #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{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;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} #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} 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} #Top_bar .wpml-languages a.active{display:block;padding:10px 6px 10px 10px;height:17px;border:1px solid #e8e8e8;-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:#e8e8e8;-webkit-box-sizing:border-box;-moz-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;color:#8B8B8B} #Top_bar .wpml-languages ul.wpml-lang-dropdown li a:hover{text-decoration:none;color:#5F5F5F;background:rgba(0,0,0,.03)} #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} .menu-highlight #Top_bar .menu > li.current-menu-item > a, .menu-highlight #Top_bar .menu > li.current_page_item > a, .menu-highlight #Top_bar .menu > li.current-menu-parent > a, .menu-highlight #Top_bar .menu > li.current-page-parent > a, .menu-highlight #Top_bar .menu > li.current-menu-ancestor > a, .menu-highlight #Top_bar .menu > li.current_page_ancestor > a, .menu-highlight #Top_bar .menu > li.hover > a { color: #fff;} /* 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;} /* 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: 0px 2px 5px 0px 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 #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; } /* 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_wrapper { margin-right: -10px; } .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: 0px 30px; } .header-plain #Top_bar .menu > li:first-child > a span:not(.description) { border-left-width: 1px; } .header-plain #Top_bar .top_bar_right { padding: 0; height: 80px; } .header-plain.menu-highlight #Top_bar .menu > li, .header-plain.menu-highlight #Top_bar .menu > li > a { margin:0;} /* Header plain - Options */ .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button { margin-right: 0; top: 0px; border-left-width: 1px; border-style: solid; } .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: 0px; border-left-width: 1px; border-style: solid; } .header-plain #Top_bar .menu > li > a span:not(.description) { line-height: 80px; padding: 0px 30px; } .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button { padding: 0 25px; line-height: 80px; } .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 { 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: 0px; } /* 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 #Header .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 0.3s; -moz-transition: all 0.3s; transition: all 0.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 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.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); } /* 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; } #Intro .intro-inner {position:relative;padding:250px 10%;} #Intro .intro-title { margin-bottom: 20px; word-wrap: break-word; } #Intro .intro-meta {} #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: 20; -webkit-transition: all 0.3s ease-in-out; transition: all 0.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} .format-standard.no-img .section-post-header .post-photo-wrapper{display:none} .format-standard.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;max-width:80%;max-width:calc(100% - 130px)} .no-share .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 .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 .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 li{margin-bottom:10px} .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 li{padding-bottom:15px;background:url(../images/recent_comments.png) no-repeat 4px top;padding-left:40px;position:relative} .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;text-shadow:1px 1px 0 #fff;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 #Intro,.footer-sliding #Intro{z-index:28} .footer-fixed #Header_wrapper,.footer-sliding #Header_wrapper{z-index:29} .footer-fixed #mfn-rev-slider .rev_slider_wrapper,.footer-sliding #mfn-rev-slider .rev_slider_wrapper{z-index:29} .footer-fixed #Content,.footer-sliding #Content{position:relative;z-index:2} .footer-fixed #Footer,.footer-sliding #Footer{position:fixed;width:100%;bottom:0;left:0;z-index:1} .footer-fixed #Footer{z-index:3} .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:20;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)}