/* #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 .post-photo-wrapper { display:none; } .format-standard.no-img .post-desc-wrapper, .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 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.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;} /* Masonry */ .masonry {} .masonry .post-item { width: 31.2%; margin: 0 1% 20px; background: #fff; } .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; } /* 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; } /* 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 {} .format-video .image_frame .image_wrapper img { margin-bottom: 0 !important; } .format-video .image_frame:hover .image_wrapper img { top: 0px; } .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; } .post-nav .list-nav { float: right; line-height: 49px; } .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 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.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 {} .single-photo-wrapper .share_wrapper { float: left; } .single-photo-wrapper .image_frame { margin-left: 130px; } .no-share .single-photo-wrapper .image_frame { margin-left: 0px; } .single-photo-wrapper .image_frame iframe { width: 100%; } .format-image .single-photo-wrapper { text-align: center; } .format-image .single-photo-wrapper .image_frame { display: inline-block; margin-left: 0; } .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; } .author-box {} .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: 0px; height: 0px; 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; } /* Post related */ .section-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; } .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 {} .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; } /* single-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; } /* single-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-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-standard.no-img .single-photo-wrapper .share_wrapper .stButton { margin: 0 10px 0 0; } .portfolio.no-img .single-photo-wrapper .image_frame, .format-standard.no-img .single-photo-wrapper .image_frame { display: none; } /* Project decription */ .project-description {} .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: bold; 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 */ .share_item { float: none; width: auto; padding: 10px 15px 15px; } .share_item .stButton { margin: 0 10px 0 0; } /* #Widget area ================================================== */ .with_aside .four.columns { margin-bottom: 0; } .widget-area { border-style: solid; padding: 30px 0 20px; position: relative; } body:not(.template-slider) .widget-area { margin-top: -30px; } .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; padding-right: 25px; } .aside_left .widget-area:before { right: 0; } .aside_right .widget-area { border-left-width: 1px; padding-left: 25px; } .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 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; padding-right: 25px; } .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; padding-left: 25px; } .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 {} .Recent_posts ul {} .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%; } /* Link */ .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:hover h6, .Recent_posts ul li a:hover .desc .date, .Recent_posts ul li a:hover .desc:after { -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; } /* Recent posts wordress */ .widget_recent_entries {} .widget_recent_entries ul {} .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; } /* Animation */ .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 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; } /* Categories */ .widget_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 0; 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, .widget_nav_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 0; 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, .widget_pages, .widget_rss {} .widget_meta ul, .widget_pages ul, .widget_rss ul { list-style-type: square; padding: 0 0 0 30px; } .widget_meta ul li, .widget_pages ul li, .widget_rss ul li {} .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 {} .widget_mfn_recent_comments ul {} .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: 0px; top: 11px; display: block; z-index: 1; } .widget_mfn_recent_comments ul li p { margin-bottom: 0; } /* Recent comments wordpress */ .widget_recent_comments {} .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: 0px; top: 11px; display: block; z-index: 1; } /* Search */ .widget_search {} .widget_search input[type="text"] { margin-bottom: 0; width: 100%; } .widget_search input[type="submit"] { 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 {} .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 {} .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 {} .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_page_item 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;} /* Animation */ .widget_mfn_menu ul li a { -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; } /* 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: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: 43px; 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%; } .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 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.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: 0px; border-style: solid; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { background-position: top center; background-repeat: repeat; padding: 35px 0; } 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; } .portfolio_group.flat.col-4 .portfolio-item { width: 24.99%; } /* 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 Flat */ .portfolio_group.masonry-flat .portfolio-item { width: 24.99%; } .portfolio_group.masonry-flat .portfolio-item.wide { width:49.99%;} .portfolio_group.masonry-flat .portfolio-item.tall { margin-bottom:-1px;} .portfolio_group.masonry-flat .portfolio-item .image_frame { border: 0; } .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; } .section_wrapper .portfolio_wrapper .column.one.pager_wrapper { margin: 40px 0 !important; } .template-slider .section-portfolio-header { margin-top:30px;} /* #Filters ================================================== */ /* #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 .required { position: absolute; right: 20px; top: 40px; } #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 { overflow: hidden; 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; } /* #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; } /* |-------------------------------------------------------------------------- | 3.0 Responsive-1240 | |-------------------------------------------------------------------------- | | | */ html, body { overflow-x: hidden;} /* > 1240 ===================================================================================================== */ @media only screen and (min-width: 1240px) { body:not(.header-simple) #tp-bar #menu { display:block !important; } /* main menu 2nd level - MegaMenu */ #tp-bar .menu > li > ul.mfn-megamenu { width:984px; } #tp-bar .menu > li > ul.mfn-megamenu > li { float:left;} #tp-bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1 { width:100%;} #tp-bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2 { width:50%;} #tp-bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3 { width:33.33%;} #tp-bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4 { width:25%;} #tp-bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5 { width:20%;} #tp-bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6 { width:16.66%;} #tp-bar .menu > li > ul.mfn-megamenu > li > ul { display:block !important; position:inherit; left:auto; top:auto; border-width: 0 1px 0 0; } #tp-bar .menu > li > ul.mfn-megamenu > li:last-child > ul{ border: 0; } #tp-bar .menu > li > ul.mfn-megamenu > li > ul li { width: auto; } #tp-bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight:400;} #tp-bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title:hover { background:none;} #tp-bar .menu > li > ul.mfn-megamenu a .menu-arrow { display: none; } /* MegaMenu with Background */ #tp-bar .menu > li > ul.mfn-megamenu-bg { padding:20px 166px 20px 20px; background-repeat:no-repeat; background-position: bottom right; } #tp-bar .menu > li > ul.mfn-megamenu-bg > li { background:none;} #tp-bar .menu > li > ul.mfn-megamenu-bg > li a { border:none;} #tp-bar .menu > li > ul.mfn-megamenu-bg > li > ul { background:none !important; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; } /* #header.is-sticky */ #tp-bar.is-sticky { position:fixed; width:100%; left:0; top:-60px; height:60px; z-index:701; background:#fff; opacity:.97; filter: alpha(opacity = 97); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } #tp-bar.is-sticky .tp-bar_left, #tp-bar.is-sticky .tp-bar_right, #tp-bar.is-sticky .tp-bar_right:before { background:none;} #tp-bar.is-sticky .tp-bar_right { top:-4px;} #tp-bar.is-sticky .logo { width:auto; margin: 0 30px 0 20px; padding:0;} #tp-bar.is-sticky #logo { padding:5px 0; height:50px; line-height:50px;} #tp-bar.is-sticky #logo img { max-height:35px; width: auto !important;} #tp-bar.is-sticky #logo img.logo-main { display:none;} #tp-bar.is-sticky #logo img.logo-sticky { display:inline;} #tp-bar.is-sticky .menu_wrapper { clear:none;} #tp-bar.is-sticky .menu_wrapper .menu > li > a { padding:15px 0;} #tp-bar.is-sticky .menu > li > a, #tp-bar.is-sticky .menu > li > a span { line-height:30px;} #tp-bar.is-sticky .menu > li > a:after { top:auto; bottom:-4px;} #tp-bar.is-sticky .menu > li > a span.description { display:none;} #tp-bar.is-sticky #header_cart { top:27px;} #tp-bar.is-sticky #search_button { top:25px;} #tp-bar.is-sticky a.button.action_button { top:13px;} #tp-bar.is-sticky .wpml-languages { top:15px;} #tp-bar.is-sticky .secondary_menu_wrapper, #tp-bar.is-sticky .banner_wrapper { display:none;} .header-simple #tp-bar.is-sticky .responsive-menu-toggle { top:12px;} /* Sticky dark */ .sticky-dark #tp-bar.is-sticky { background: rgba(0,0,0,.8); } .sticky-dark #tp-bar.is-sticky .menu > li > a { color: #fff; } .sticky-dark #tp-bar.is-sticky .tp-bar_right a { color: rgba(255,255,255,.5); } .sticky-dark #tp-bar.is-sticky .wpml-languages a.active, .sticky-dark #tp-bar.is-sticky .wpml-languages ul.wpml-lang-dropdown { background: rgba(0,0,0,0.3); border-color: rgba(0, 0, 0, 0.1); } /* .header-simple | Mobile Menu */ .header-simple #tp-bar #menu { display:none; height: auto; width: 300px; bottom: auto; top: 60px; right: 1px; position: absolute; margin: 0px; background:#fff;} .header-simple #header a.responsive-menu-toggle { display:block; width: 35px; height: 35px; line-height: 35px; font-size: 25px; text-align: center; position:absolute; top: 28px; right: 10px; -webkit-border-radius: 3px; border-radius: 3px; } .header-simple #header a:hover.responsive-menu-toggle { text-decoration: none; } /* main menu 1st level */ .header-simple #tp-bar #menu > ul { width:100%; float: left; } .header-simple #tp-bar #menu ul li { width: 100%; padding-bottom: 0; border-right: 0; position: relative; } .header-simple #tp-bar #menu ul li a { padding:0 20px; margin:0; display: block; height: auto; line-height: normal; border:none; } .header-simple #tp-bar #menu ul li a:after { display:none;} .header-simple #tp-bar #menu ul li a span { border:none; line-height:48px; display:inline; padding:0;} .header-simple #tp-bar #menu ul li.submenu .menu-toggle { width:48px; height:48px; display:block; position:absolute; right:0; top:0; border-left:1px solid rgba(0,0,0,0.03); background:url(../images/menu-plus.png) center no-repeat;} .header-simple #tp-bar #menu ul li.hover > .menu-toggle { background: none !important;} .header-simple #tp-bar #menu ul li.hover a { border-bottom: 0; } .header-simple #tp-bar #menu ul.mfn-megamenu li .menu-toggle { display:none;} /* main menu 2nd level */ .header-simple #tp-bar #menu ul li ul { position:relative !important; left:0 !important; top:0; padding: 0; margin-left: 0 !important; width:auto !important; background-image:none;} .header-simple #tp-bar #menu ul li ul li { width:100% !important;} .header-simple #tp-bar #menu ul li ul li a { padding: 0 20px 0 30px;} .header-simple #tp-bar #menu ul li ul li a .menu-arrow { display: none;} .header-simple #tp-bar #menu ul li ul li a span { padding:0;} .header-simple #tp-bar #menu ul li ul li a span:after { display:none !important;} .header-simple #tp-bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight:400;} .header-simple #tp-bar .menu > li > ul.mfn-megamenu > li > ul { display:block !important; position:inherit; left:auto; top:auto;} /* main menu 3rd level */ .header-simple #tp-bar #menu ul li ul li ul { border-left: 0 !important; padding: 0; top: 0; } .header-simple #tp-bar #menu ul li ul li ul li a { padding: 0 20px 0 40px;} /* header Creative */ body.header-creative { padding-left:50px;} body.header-creative.header-open { padding-left:250px;} body.error404, body.under-construction, body.template-blank { padding-left:0 !important;} #header_creative { background: #fff; } #header_creative { position: fixed; width: 250px; height: 100%; left: -200px; top: 0; z-index: 1001; -webkit-box-shadow: 2px 0 4px 2px rgba(0,0,0,.15); box-shadow: 2px 0 4px 2px rgba(0,0,0,.15); } #header_creative .container { width: 100%; } #header_creative .creative-wrapper { display: none; } #header_creative a.creative-menu-toggle { display:block; width: 35px; height: 35px; line-height: 35px; font-size: 25px; text-align: center; position:absolute; top: 10px; right: 8px; -webkit-border-radius: 3px; border-radius: 3px; } .admin-bar #header_creative a.creative-menu-toggle { top: 42px; } #header_creative #tp-bar { position: static; } #header_creative #tp-bar { width: 100%; } #header_creative #tp-bar .tp-bar_left { width: 100% !important; float: none; } #header_creative #tp-bar .tp-bar_right { width: 100% !important; float: none; height:auto; margin-bottom:35px; text-align: center; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header_creative #tp-bar .tp-bar_right:before { display: none; } #header_creative #tp-bar .logo { float: none; text-align: center; margin: 15px 0; } #header_creative #tp-bar .menu_wrapper { float: none; margin-bottom: 40px; } #header_creative #tp-bar .menu > li { width: 100%; float: none; position: relative; } #header_creative #tp-bar .menu > li > a { padding: 0; text-align: center; } #header_creative #tp-bar .menu > li > a:after { display: none; } #header_creative #tp-bar .menu > li > a span { border-right: 0; border-bottom-width: 1px; line-height:38px; } #header_creative #tp-bar .menu li ul { left: 100%; top: 0; } #header_creative #tp-bar .menu > li > ul.mfn-megamenu { width: 700px !important; } #header_creative #tp-bar .menu > li > ul.mfn-megamenu > li > ul { left: 0; } #header_creative #tp-bar .menu li ul li a { padding-top:9px; padding-bottom:8px; } #header_creative #tp-bar .menu li ul li ul { top: 0 !important; } #header_creative #tp-bar .menu > li > a span.description { display:block; font-size:13px; line-height:28px !important; clear:both;} #header_creative #tp-bar .search_wrapper { left: 100%; top: auto; bottom: -90px; } #header_creative #tp-bar a#header_cart { display: inline-block; float: none; top: 3px; } #header_creative #tp-bar a#search_button { display: inline-block; float: none; top: 3px; } #header_creative #tp-bar a.button.action_button { display: inline-block; float: none; top: 0; margin-bottom: 0; margin-top: 10px; } #header_creative #tp-bar .wpml-languages { display: inline-block; float: none; top: 0; } #header_creative #tp-bar .wpml-languages.enabled:hover a.active { padding-bottom: 9px; } #header_creative #tp-bar .banner_wrapper { display:block; text-align:center;} #header_creative #tp-bar .banner_wrapper img { max-width:100%; height:auto; display:inline-block;} #header_creative #Action_bar { position: absolute; bottom: 0; top: auto; clear: both; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header_creative #Action_bar .social { float: none; text-align: center; } #header_creative #Action_bar .social li { margin-bottom: 2px; } #header_creative .social li a { color: rgba(0,0,0,.5); } #header_creative .social li a:hover { color: rgb(0,0,0); } #header_creative .creative-social { position: absolute; bottom: 10px; right: 0; width: 50px; } #header_creative .creative-social li { display: block; float: none; width: 100%; text-align: center; margin-bottom: 5px; } .header-menu-right #tp-bar .menu_wrapper { float: right;} .header-menu-right.header-stack #tp-bar .menu_wrapper { margin-right:150px;} .header-creative .fixed-nav.fixed-nav-prev { margin-left:50px;} .header-creative.header-open .fixed-nav.fixed-nav-prev { margin-left:250px;} /* Always Open */ .header-open #header_creative { left:0;} .header-open #header_creative .creative-wrapper { display:block;} .header-open #header_creative .creative-menu-toggle, .header-open #header_creative .creative-social { display:none;} /* Menu highlight */ .menu-highlight #tp-bar .menu > li { margin: 0 2px; } .menu-highlight:not(.header-creative) #tp-bar .menu > li > a { margin: 20px 0; padding: 0; -webkit-border-radius: 5px; border-radius: 5px; } .menu-highlight #tp-bar .menu > li > a:after { display: none; } .menu-highlight #tp-bar .menu > li > a span:not(.description) { border-right-width: 0; line-height: 50px; } .menu-highlight #tp-bar .menu > li > a span.description { display: none; } .menu-highlight.header-stack #tp-bar .menu > li > a { margin: 10px 0; } .menu-highlight.header-stack #tp-bar .menu > li > a span:not(.description) { line-height: 40px; } .menu-highlight.header-fixed #tp-bar .menu > li > a { margin: 10px 0; padding: 5px 0; } .menu-highlight.header-fixed #tp-bar .menu > li > a span { line-height:30px;} .menu-highlight.header-transparent #tp-bar .menu > li > a { margin: 5px 0; } .menu-highlight.header-simple #tp-bar #menu ul li, .menu-highlight.header-creative #tp-bar #menu ul li { margin: 0; } .menu-highlight.header-simple #tp-bar #menu ul li > a, .menu-highlight.header-creative #tp-bar #menu ul li > a { -webkit-border-radius: 0; border-radius: 0; } .menu-highlight:not(.header-simple) #tp-bar.is-sticky .menu > li > a { margin: 10px 0 !important; padding: 5px 0 !important; } .menu-highlight:not(.header-simple) #tp-bar.is-sticky .menu > li > a span { line-height:30px !important;} } /* < 1240 ===================================================================================================== */ @media only screen and (max-width: 1239px) { /* header */ #tp-bar #menu { display:none; height: auto; width: 300px; bottom: auto; top: 100%; right: 1px; position: absolute; margin: 0px; background:#fff;} #tp-bar a.responsive-menu-toggle { display:block; width: 35px; height: 35px; text-align: center; position:absolute; top: 28px; right: 10px; -webkit-border-radius: 3px; border-radius: 3px; } #tp-bar a:hover.responsive-menu-toggle { text-decoration: none; } #tp-bar a.responsive-menu-toggle i { font-size: 25px; line-height: 35px;} #tp-bar a.responsive-menu-toggle span { float:right; padding:10px 5px; line-height:14px;} /* main menu 1st level */ #tp-bar #menu > ul { width:100%; float: left; } #tp-bar #menu ul li { width: 100%; padding-bottom: 0; border-right: 0; position: relative; } #tp-bar #menu ul li a { padding:0 20px; margin:0; display: block; height: auto; line-height: normal; border:none; } #tp-bar #menu ul li a:after { display:none;} #tp-bar #menu ul li a span { border:none; line-height:48px; display:inline; padding:0;} #tp-bar #menu ul li a span.description { margin:0 0 0 5px;} #tp-bar #menu ul li.submenu .menu-toggle { width:48px; height:48px; display:block; position:absolute; right:0; top:0; border-left:1px solid rgba(0,0,0,0.03); background:url(../images/menu-plus.png) center no-repeat;} #tp-bar #menu ul li.hover > .menu-toggle { background: none !important;} #tp-bar #menu ul li.hover a { border-bottom: 0; } #tp-bar #menu ul li a span:after { display:none !important;} #tp-bar #menu ul.mfn-megamenu li .menu-toggle { display:none;} /* main menu 2nd level */ #tp-bar #menu ul li ul { position:relative !important; left:0 !important; top:0; padding: 0; margin-left: 0 !important; width:auto !important; background-image:none !important;} #tp-bar #menu ul li ul li { width:100% !important;} #tp-bar #menu ul li ul li a { padding: 0 20px 0 30px;} #tp-bar #menu ul li ul li a .menu-arrow { display: none;} #tp-bar #menu ul li ul li a span { padding:0;} #tp-bar #menu ul li ul li a span:after { display:none !important;} #tp-bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight:400;} #tp-bar .menu > li > ul.mfn-megamenu > li > ul { display:block !important; position:inherit; left:auto; top:auto;} /* main menu 3rd level */ #tp-bar #menu ul li ul li ul { border-left: 0 !important; padding: 0; top: 0; } #tp-bar #menu ul li ul li ul li a { padding: 0 20px 0 40px;} /* header Creative */ .header-creative #Wrapper { padding-top:60px;} #header_creative { position: fixed; width: 100%; left: 0px !important; z-index: 1001; } #header_creative .creative-wrapper { display: block !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #header_creative .creative-menu-toggle, #header_creative .creative-social { display: none !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #header_creative #tp-bar { position: static; margin: 0 8%; width: 84%; } #header_creative #tp-bar #logo { height: 50px; line-height: 50px; padding: 5px 0; } #header_creative #tp-bar #logo img { max-height: 40px; } #header_creative #tp-bar .responsive-menu-toggle { top: 12px; } #header_creative #tp-bar #header_cart { top: 21px; } #header_creative #tp-bar #search_button { top: 20px; } #header_creative #tp-bar .wpml-languages { top: 11px; } #header_creative #tp-bar .action_button { top: 9px; } #header_creative #tp-bar .tp-bar_right { height: 60px; top: 0; } #header_creative #tp-bar .tp-bar_right:before { display: none; } #header_creative #Action_bar { display: none; } .header_placeholder { height: 0 !important;} /* Stack header */ .header-stack #tp-bar {} .header-stack .menu_wrapper a.responsive-menu-toggle { position: static !important; margin: 11px 0; } .header-stack .menu_wrapper #menu { left: 0; right: auto; } /* Responsive | Hover Effect */ .no-hover-tablet a.button:after, .no-hover-tablet a.tp-button:after, .no-hover-tablet button:after, .no-hover-tablet input:after { display:none;} .no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } .no-hover-tablet .image_frame .image_wrapper img { top: 0 !important; } .no-hover-tablet .image_frame .image_wrapper .mask, .no-hover-tablet .image_frame .image_wrapper .image_links { display:none !important;} .no-hover-tablet .Recent_posts ul li .desc:after { display:none;} .no-hover-tablet .Recent_posts ul li a:hover h6, .no-hover-tablet .Recent_posts ul li a:hover .desc .date { color: inherit !important; } /* Responsive | Section Background Image */ .no-section-bg-tablet .section { background-image:none !important;} } /* #Desktop 960 - 1239 ====================================================================================================== */ @media only screen and (min-width: 960px) and (max-width: 1239px) { body { min-width:0; } #Wrapper { width: 960px; } .section_wrapper, .container, .with_aside .content_wrapper { width: 940px; } /* ======================================================= */ /* Top bar width */ #tp-bar .tp-bar_left { width: 729px; } /* Google maps */ .column_map .google-map-contact-wrapper { width: 921px; margin-left: -460px; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 921px; } /* Error 404 */ #Error_404 .error_pic i { font-size: 220px; line-height: 260px; } #Error_404 .error_desk { padding-top: 40px; } /* Offer slider */ .offer .offer_li .desc_wrapper { width: 436px; } /* Recent posts */ .Recent_posts ul li .desc { margin-right: 60px; } .Recent_posts ul li .photo { width: 60px; height: 60px; } .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } } /* #header Creative always Open 1240 - 1489 ====================================================================================================== */ @media only screen and (min-width: 1240px) and (max-width: 1489px) { body.header-open { min-width:0; } .header-open #Wrapper { width: 960px; } .header-open .section_wrapper, .header-open .container, .header-open.with_aside .content_wrapper { width: 940px; } .header-open.with_aside .section_wrapper { width:100%; } /* ======================================================= */ /* Google maps */ .header-open .column_map .google-map-contact-wrapper { width: 921px; margin-left: -460px; } /* Portfolio list */ body.header-open:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 921px; } /* Error 404 */ .header-open #Error_404 .error_pic i { font-size: 220px; line-height: 260px; } .header-open #Error_404 .error_desk { padding-top: 40px; } /* Offer slider */ .header-open .offer .offer_li .desc_wrapper { width: 436px; } /* Recent posts */ .header-open .Recent_posts ul li .desc { margin-right: 60px; } .header-open .Recent_posts ul li .photo { width: 60px; height: 60px; } .header-open .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } } /* |-------------------------------------------------------------------------- | 4.0 Responsive | |-------------------------------------------------------------------------- | | | */ html,body{overflow-x:hidden} /* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */ @media only screen and (min-width: 1240px) { .layout-boxed{padding:25px} .layout-boxed.nice-scroll{padding:25px 25px 25px 15px} #tp-bar.loading{display:none} /* header Creative --------------------------------- */ body.header-creative{padding-left:50px} body.header-creative.header-open{padding-left:250px} body.error404,body.under-construction,body.template-blank{padding-left:0!important} .header-creative.footer-fixed #Footer,.header-creative.footer-sliding #Footer{left:25px} .header-open.footer-fixed #Footer,.header-open.footer-sliding #Footer{left:125px} .header-rtl.header-creative.footer-fixed #Footer,.header-rtl.header-creative.footer-sliding #Footer{left:auto;right:5px} .header-rtl.header-open.footer-fixed #Footer,.header-rtl.header-open.footer-sliding #Footer{left:auto;right:125px} #header_creative{background:#fff;position:fixed;width:250px;height:100%;left:-200px;top:0;z-index:9002;-webkit-box-shadow:2px 0 4px 2px rgba(0,0,0,.15);box-shadow:2px 0 4px 2px rgba(0,0,0,.15)} #header_creative .container{width:100%} #header_creative .creative-wrapper{display:none} #header_creative a.creative-menu-toggle{display:block;width:35px;height:35px;line-height:35px;font-size:25px;text-align:center;position:absolute;top:10px;right:8px;-webkit-border-radius:3px;border-radius:3px} .admin-bar #header_creative a.creative-menu-toggle{top:42px} #header_creative #tp-bar{position:static;width:100%} #header_creative #tp-bar .tp-bar_left{width:100%!important;float:none} #header_creative #tp-bar .tp-bar_right{width:100%!important;float:none;height:auto;margin-bottom:35px;text-align:center;padding:0 20px;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #header_creative #tp-bar .tp-bar_right:before{display:none} #header_creative #tp-bar .tp-bar_right_wrapper{top:0} #header_creative #tp-bar .logo{float:none;text-align:center;margin:15px 0} #header_creative #tp-bar .menu_wrapper{float:none;margin:0 0 30px} #header_creative #tp-bar .menu > li{width:100%;float:none;position:relative} #header_creative #tp-bar .menu > li > a{padding:0;text-align:center} #header_creative #tp-bar .menu > li > a:after{display:none} #header_creative #tp-bar .menu > li > a span{border-right:0;border-bottom-width:1px;line-height:38px} #header_creative #tp-bar .menu li ul{left:100%;right:auto;top:0;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)} #header_creative #tp-bar .menu > li > ul.mfn-megamenu{width:700px!important} #header_creative #tp-bar .menu > li > ul.mfn-megamenu > li > ul{left:0} #header_creative #tp-bar .menu li ul li a{padding-top:9px;padding-bottom:8px} #header_creative #tp-bar .menu li ul li ul{top:0!important} #header_creative #tp-bar .menu > li > a span.description{display:block;font-size:13px;line-height:28px!important;clear:both} #header_creative #tp-bar .search_wrapper{left:100%;top:auto;bottom:-90px} #header_creative #tp-bar a#header_cart{display:inline-block;float:none;top:3px} #header_creative #tp-bar a#search_button{display:inline-block;float:none;top:3px} #header_creative #tp-bar .wpml-languages{display:inline-block;float:none;top:0} #header_creative #tp-bar .wpml-languages.enabled:hover a.active{padding-bottom:9px} #header_creative #tp-bar a.button.action_button{display:inline-block;float:none;top:16px;margin:0} #header_creative #tp-bar .banner_wrapper{display:block;text-align:center} #header_creative #tp-bar .banner_wrapper img{max-width:100%;height:auto;display:inline-block} #header_creative #Action_bar{position:absolute;bottom:0;top:auto;clear:both;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #header_creative #Action_bar .social{float:none;text-align:center;padding:5px 0 15px} #header_creative #Action_bar .social li{margin-bottom:2px} #header_creative .social li a{color:rgba(0,0,0,.5)} #header_creative .social li a:hover{color:#000} #header_creative .creative-social{position:absolute;bottom:10px;right:0;width:50px} #header_creative .creative-social li{display:block;float:none;width:100%;text-align:center;margin-bottom:5px} .menuo-right #tp-bar .menu_wrapper{float:right} .menuo-right.header-stack:not(.header-center) #tp-bar .menu_wrapper{margin-right:150px} .header-creative .fixed-nav.fixed-nav-prev{margin-left:50px} .header-creative.header-open .fixed-nav.fixed-nav-prev{margin-left:250px} .menuo-last #header_creative #tp-bar .menu li.last ul{top:auto;bottom:0} /* header Creative | Always Open */ .header-open #header_creative{left:0} .header-open #header_creative .creative-wrapper{display:block} .header-open #header_creative .creative-menu-toggle,.header-open #header_creative .creative-social{display:none} /* header Creative | Right */ body.header-rtl.header-creative{padding-left:0;padding-right:50px} .header-rtl #header_creative{left:auto;right:-200px} .header-rtl.nice-scroll #header_creative{margin-right:10px} .header-rtl #header_creative a.creative-menu-toggle{left:8px;right:auto} .header-rtl #header_creative .creative-social{left:0;right:auto} .header-rtl #Footer #back_to_top.sticky{right:125px} .header-rtl #popup_contact{right:70px} .header-rtl #header_creative #tp-bar .menu li ul{left:auto;right:100%} /* header Creative | Right | Always Open */ body.header-rtl.header-creative.header-open{padding-left:0;padding-right:250px!important} .header-rtl.header-open #header_creative{left:auto;right:0} .header-rtl.header-open #Footer #back_to_top.sticky{right:325px} .header-rtl.header-open #popup_contact{right:270px} /* header Creative | Visual Composer */ .header-creative .vc_row[data-vc-full-width]{padding-left:50px} .header-creative.header-open .vc_row[data-vc-full-width]{padding-left:250px} /* header Creative | Scroll */ #header_creative.scroll{height:100%;overflow-y:auto} #header_creative.scroll:not(.dropdown) .menu li ul{display:none!important} #header_creative.scroll #Action_bar{position:static} /* header Creative | Dropdown */ #header_creative.dropdown{outline:none} #header_creative.dropdown #tp-bar .menu_wrapper{float:left} /* header Creative | Dropdown | Main Menu | 1st level */ #header_creative.dropdown #tp-bar #menu ul li{position:relative;float:left} #header_creative.dropdown #tp-bar #menu ul li a:after{display:none} #header_creative.dropdown #tp-bar #menu ul li a span{line-height:38px;padding:0} #header_creative.dropdown #tp-bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;font-size:26px;text-align:center;color:#d6d6d6;border-left:1px solid #eee;cursor:pointer} #header_creative.dropdown #tp-bar #menu ul li.submenu .menu-toggle:after{content:"+"} #header_creative.dropdown #tp-bar #menu ul li.hover > .menu-toggle:after{content:"-"} #header_creative.dropdown #tp-bar #menu ul li.hover a{border-bottom:0} #header_creative.dropdown #tp-bar #menu ul.mfn-megamenu li .menu-toggle{display:none} /* header Creative | Dropdown | Main Menu | 2nd level */ #header_creative.dropdown #tp-bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none} #header_creative.dropdown #tp-bar #menu ul li ul li{width:100%!important} #header_creative.dropdown #tp-bar #menu ul li ul li a{padding:0 10px;text-align:center} #header_creative.dropdown #tp-bar #menu ul li ul li a .menu-arrow{display:none} #header_creative.dropdown #tp-bar #menu ul li ul li a span{padding:0} #header_creative.dropdown #tp-bar #menu ul li ul li a span:after{display:none!important} #header_creative.dropdown #tp-bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400} #header_creative.dropdown #tp-bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto} /* header Creative | Dropdown | Main Menu | 3rd level */ #header_creative.dropdown #tp-bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0} } /* #header Creative always Open 1240 - 1489 ----------------------------------------- #header Creative always Open 1240 - 1489 */ @media only screen and (min-width: 1240px) and (max-width: 1489px) { body.header-open { min-width:0; } .header-open #Wrapper { max-width: 960px; } .header-open .section_wrapper, .header-open .container, .header-open.with_aside .content_wrapper { max-width: 940px; } .header-open.with_aside .section_wrapper { max-width:100%; } /* ======================================================= */ /* Error 404 */ .header-open #Error_404 .error_pic i { font-size: 220px; line-height: 260px; } .header-open #Error_404 .error_desk { padding-top: 40px; } /* Google maps */ .header-open .column_map .google-map-contact-wrapper { width: 921px; margin-left: -460px; } /* Offer slider */ .header-open .offer .offer_li .desc_wrapper { width: 436px; } /* Portfolio list */ body.header-open:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 921px; } /* Recent posts */ .header-open .Recent_posts ul li .desc { margin-right: 60px; } .header-open .Recent_posts ul li .photo { width: 60px; height: 60px; } .header-open .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } } /* ============================================================================================================================== /* /* < 1240 < 1240 /* /* =========================================================================================================================== */ @media only screen and (max-width: 1239px) { /* header Creative */ .header-creative {} .header-creative.layout-boxed { padding-top:85px;} .header-creative.layout-full-width #Wrapper { padding-top:60px;} #header_creative { position: fixed; width: 100%; left: 0px !important; top:0; z-index: 1001; } .admin-bar #header_creative { top:32px;} #header_creative .creative-wrapper { display: block !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #header_creative .creative-menu-toggle, #header_creative .creative-social { display: none !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } #header_creative #tp-bar { position: static; margin: 0 8%; width: 84%; } #header_creative #tp-bar #logo { height: 50px; line-height: 50px; padding: 5px 0; } #header_creative #tp-bar #logo img { max-height: 40px; } #header_creative #tp-bar .responsive-menu-toggle { top: 12px; } #header_creative #tp-bar #header_cart { top: 21px; } #header_creative #tp-bar #search_button { top: 20px; } #header_creative #tp-bar .wpml-languages { top: 11px; } #header_creative #tp-bar .action_button { top: 9px; } #header_creative #tp-bar .tp-bar_right { height: 60px; top: 0; } #header_creative #tp-bar .tp-bar_right:before { display: none; } #header_creative #tp-bar .tp-bar_right_wrapper { top: 0; } #header_creative #Action_bar { display: none; } /* header Creative | Scroll */ #header_creative.scroll { overflow:visible !important;} /* Hover Effect */ .no-hover-tablet a.button:after, .no-hover-tablet a.tp-button:after, .no-hover-tablet button:after, .no-hover-tablet input:after { display:none;} .no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } .no-hover-tablet .image_frame .image_wrapper img { top: 0 !important; } .no-hover-tablet .image_frame .image_wrapper .mask, .no-hover-tablet .image_frame .image_wrapper .image_links { display:none !important;} .no-hover-tablet .Recent_posts ul li .desc:after { display:none;} .no-hover-tablet .Recent_posts ul li a:hover h6, .no-hover-tablet .Recent_posts ul li a:hover .desc .date { color: inherit !important; } /* Section Background Image */ .no-section-bg-tablet .section { background-image:none !important;} /* Portfolio masonry hover */ .with_aside .portfolio_group.masonry-hover .portfolio-item:not(.no-thumbnail) .masonry-hover-wrapper .hover-desc .desc-inner .desc-wrappper { display: none; } } /* ============================================================================================================================== /* /* #Desktop 960 - 1239 #Desktop 960 - 1239 /* /* =========================================================================================================================== */ @media only screen and (min-width: 960px) and (max-width: 1239px) { body { min-width:0; } #Wrapper { max-width: 960px; } .section_wrapper, .container, .with_aside .content_wrapper { max-width: 940px; } /* ======================================================= */ /* Top bar width */ #tp-bar .tp-bar_left { width: 729px; } /* Blog | Columns | Grid, Masonry */ .posts_group.grid.col-5 .post-item, .posts_group.masonry.col-5 .post-item, .posts_group.grid.col-6 .post-item, .posts_group.masonry.col-6 .post-item { width: 22.99%;} .posts_group.grid.col-5 .post-item:nth-child(5n+1) { clear:none; } .posts_group.grid.col-6 .post-item:nth-child(6n+1) { clear:none; } .posts_group.grid.col-5 .post-item:nth-child(4n+1) { clear:both; } .posts_group.grid.col-6 .post-item:nth-child(4n+1) { clear:both; } /* Portfolio | List */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 921px; } /* Portfolio | Columns */ /* Portfolio | Columns | Grid, Masonry, Masonry Hover */ .portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item, .portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item { width: 22.99%;} /* Portfolio | Columns | Flat */ .portfolio_group.flat.col-5 .portfolio-item, .portfolio_group.flat.col-6 .portfolio-item { width: 24.99%;} /* Error 404 */ #Error_404 .error_pic i { font-size: 220px; line-height: 260px; } #Error_404 .error_desk { padding-top: 40px; } /* Google maps */ .column_map .google-map-contact-wrapper { width: 921px; margin-left: -460px; } /* Offer slider */ .offer .offer_li .desc_wrapper { width: 436px; } /* Recent posts */ .Recent_posts ul li .desc { margin-right: 60px; } .Recent_posts ul li .photo { width: 60px; height: 60px; } .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } /* Zoom Box */ .zoom_box .desc .desc_txt { font-size:22px; line-height:26px;} } /* ============================================================================================================================== /* /* #Desktop > 960 #Desktop > 960 /* /* =========================================================================================================================== */ @media only screen and (min-width: 960px) { .hide-desktop { display:none !important;} } /* ============================================================================================================================== /* /* #Tablet (Landscape) 768 - 959 #Tablet (Landscape) 768 - 959 /* /* =========================================================================================================================== */ @media only screen and (min-width: 768px) and (max-width: 959px) { body { min-width:0; } #Wrapper { max-width: 728px; } .section_wrapper, .container, .with_aside .content_wrapper { max-width: 708px; } /* ======================================================= */ .hide-tablet { display:none !important;} /* header magazine */ .header-magazine #tp-bar .banner_wrapper { width: 300px; top: 27px; } /* Top bar width */ #tp-bar .tp-bar_left { width: 501px; } /* .footer-sliding */ .footer-fixed #Content, .footer-sliding #Content { margin-bottom: 0 !important; } .footer-fixed #Footer, .footer-sliding #Footer { position: static;} /* Subheader */ #Subheader .title { width: 100%; } #Subheader ul.breadcrumbs { display: none; } /* Blog */ .with_aside .classic .post-meta .author-date .author .label { display: none; } .with_aside .classic .post-meta .category { display: none; } /* Grid, Masonry */ .grid .post-item, .masonry .post-item { width: 47.9%; } /* Timeline */ .timeline .post-photo-wrapper { width: 100%; float: none; } .timeline .post-desc-wrapper { width: 100%; float: none; } /* Filters */ #Filters .filters_wrapper ul li { float:left; width: 24%; margin: 0.5%; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 694px; } /* Blog | Columns | Grid, Masonry */ .posts_group.grid.col-4 .post-item, .posts_group.masonry.col-4 .post-item, .posts_group.grid.col-5 .post-item, .posts_group.masonry.col-5 .post-item, .posts_group.grid.col-6 .post-item, .posts_group.masonry.col-6 .post-item { width: 31.33%;} .posts_group.grid.col-4 .post-item:nth-child(4n+1) { clear:none; } .posts_group.grid.col-5 .post-item:nth-child(5n+1) { clear:none; } .posts_group.grid.col-6 .post-item:nth-child(6n+1) { clear:none; } .posts_group.grid.col-4 .post-item:nth-child(3n+1) { clear:both; } .posts_group.grid.col-5 .post-item:nth-child(3n+1) { clear:both; } .posts_group.grid.col-6 .post-item:nth-child(3n+1) { clear:both; } /* Blog | Columns | Masonry tiles */ .posts_group.masonry.tiles.col-4 .post-item, .posts_group.masonry.tiles.col-5 .post-item, .posts_group.masonry.tiles.col-6 .post-item { width: 49.9%;} /* Portfolio | Columns */ /* Grid, Masonry, Masonry Hover */ .portfolio_group.grid.col-4 .portfolio-item, .portfolio_group.masonry.col-4 .portfolio-item, .portfolio_group.masonry-hover.col-4 .portfolio-item, .portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item, .portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item { width: 31.33%;} /* Flat */ .portfolio_group.flat.col-4 .portfolio-item, .portfolio_group.flat.col-5 .portfolio-item, .portfolio_group.flat.col-6 .portfolio-item { width: 33.33%;} /* Google maps */ .column_map .google-map-contact-wrapper { width: 694px; margin-left: -347px; } /* Recent posts */ .Recent_posts ul li .desc { margin-right: 40px; } .Recent_posts ul li .photo { width: 40px; height: 40px; } .Recent_posts ul li.format-link .photo { background-size: 40% auto; } .Recent_posts ul li .photo .c { width: 20px; height: 20px; line-height: 20px; bottom: 5px; right: -8px; } /* Tabs */ .tabs_vertical.ui-tabs .ui-tabs-nav { width: 33% !important; } .tabs_vertical.ui-tabs .ui-tabs-panel { width: 66.7% !important; } /* Counter */ .one-fourth .counter.counter_horizontal, .one-fifth .counter.counter_horizontal, .one-sixth .counter.counter_horizontal { text-align: center; } .one-fourth .counter.counter_horizontal .icon_wrapper, .one-fifth .counter.counter_horizontal .icon_wrapper, .one-sixth .counter.counter_horizontal .icon_wrapper { position: static; margin: 0 auto; margin-bottom: 15px; } .one-fourth .counter.counter_horizontal .desc_wrapper, .one-fifth .counter.counter_horizontal .desc_wrapper, .one-sixth .counter.counter_horizontal .desc_wrapper { padding-left: 0; } /* Article box */ .one-third .article_box .photo_wrapper { width: 100%; float: none; text-align: center; } .one-third .article_box .desc_wrapper { width: 100%; min-height: auto; float: none; } /* Pricing table */ .pricing-box .plan-header h2 { word-wrap: break-word; } .pricing-box .plan-header .price sup.period { position: static; top: 0; display: block; } /* Infobox */ .infobox { padding-left:20px; word-wrap: break-word;} .infobox ul li { padding-left: 0; padding-right: 0; } .infobox ul li:before { display: none; } .style-simple .infobox ul li { padding-left: 0; } /* Portfolio photo */ .portfolio-photo .portfolio-item .portfolio-details:hover .details { opacity: 1; } .portfolio-photo .portfolio-item .portfolio-details .more { display: none; } /* Get in touch */ .get_in_touch { padding-left:20px; word-wrap: break-word;} .get_in_touch ul li { padding-left: 0; padding-right: 0; } .get_in_touch ul li .icon { display: none; } /* Hover color */ .hover_color { word-wrap:break-word;} /* How it works */ .how_it_works .image { width: 120px; height: 120px; line-height: 120px; } .how_it_works .image img { max-width: 66px !important; max-height: 66px !important; } .how_it_works .image .number { bottom: 0; right: 0; } .how_it_works.has_border:after { top: 60px; } /* Opening Hours */ .opening_hours { padding-left:20px; word-wrap: break-word;} .opening_hours .opening_hours_wrapper li span { font-size: 16px; line-height: 16px; } /* Icon box */ .icon_box.icon_position_left { min-height: auto; padding-left: 0; padding-right: 0; } .icon_box.icon_position_left .icon_wrapper { position: static; margin-bottom: 15px; } .icon_box.icon_position_left .desc_wrapper { text-align: center; padding-top: 0; } .icon_box.icon_position_left .image_wrapper { position: static; left: 0; margin-bottom: 15px; width: auto; height: auto; } /* Flat box */ .flat_box .photo_wrapper .icon { width: 50px; } .flat_box .photo_wrapper .icon i { height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; } .flat_box a:hover .photo_wrapper .icon { -webkit-transform: translateX(-50px); transform: translateX(-50px); } .flat_box .desc_wrapper { margin: 0; } .rtl .flat_box a:hover .photo_wrapper .icon { -webkit-transform: translateX(50px); transform: translateX(50px); } /* Offer thumb */ .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper { width: 100%; float: none; } /* Offer thumb bottom */ .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; } .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper { margin-right: 0%; width: 100%; } /* Trailer box */ .trailer_box .desc h2 { font-size: 22px; line-height: 22px; } /* Offer slider */ .offer .offer_li .desc_wrapper { width: 324px; } /* Error 404 */ #Error_404 { position: static; padding-top: 50px; margin-top: 0; } #Error_404 .error_pic { width: 100%; float: none; } #Error_404 .error_pic i { font-size: 260px; line-height: 260px; } #Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; } /* Buttons */ a.kill_the_icon .button_icon, .widget-area a.button .button_icon { display: none; } .button-stroke a.button_left.button.kill_the_icon .button_label { padding-left: 20px; } .button-stroke a.button_left.button_large.kill_the_icon .button_label { padding-left: 30px; } .button-stroke a.button_right.button.kill_the_icon .button_label { padding-right: 20px; } .button-stroke a.button_right.button_large.kill_the_icon .button_label {padding-right: 30px; } .button-flat a.button_left.button.kill_the_icon .button_label { padding-left: 20px; } .button-flat a.button_left.button_large.kill_the_icon .button_label { padding-left: 30px; } .button-flat a.button_right.button.kill_the_icon .button_label { padding-right: 20px; } .button-flat a.button_right.button_large.kill_the_icon .button_label {padding-right: 30px; } /* Zoom Box */ .zoom_box .desc .desc_txt { font-size:18px; line-height:22px;} /* Easy Digital Downloads */ .edd_downloads_list .edd_download { width: 50% !important; } .edd_downloads_list .edd_download:nth-child(5n+3) { clear: both; } .edd_downloads_list .edd_download .edd_download_inner { margin: 0 5% 20px; } } /* ============================================================================================================================== /* /* #Desktop & Tablet (Landscape) > 768 #Desktop & Tablet (Landscape) > 768 /* /* =========================================================================================================================== */ @media only screen and (min-width: 768px) { /* header styles ----------------------------------------------------------------- */ /* header | Classic */ .tr-menu.header-classic #tp-bar { position:absolute; } .tr-menu.header-classic #tp-bar:not(.is-sticky) { top:0 !important; background:none !important; } .tr-menu.header-classic.ab-show #tp-bar:not(.is-sticky) { top:45px !important;} .tr-menu.header-classic.minimalist-header:not(.template-slider) #header { min-height:135px;} /* header | Plain */ .tr-menu.header-plain #tp-bar { position:absolute; } .tr-menu.header-plain #tp-bar:not(.is-sticky) { top:0 !important; background:none !important; } .tr-menu.header-plain.ab-show #tp-bar:not(.is-sticky) { top:45px !important;} .tr-menu.header-plain.minimalist-header:not(.template-slider) #header { min-height:125px;} .header-plain #tp-bar, .header-plain #tp-bar .menu > li > a span:not(.description), .header-plain #tp-bar a#header_cart, .header-plain #tp-bar a#search_button, .header-plain #tp-bar .wpml-languages, .header-plain #tp-bar a.button.action_button { border-color: rgba(255,255,255,.1); } /* header | Split */ .tr-menu.header-split #tp-bar { position:absolute; } .tr-menu.header-split #tp-bar:not(.is-sticky) { top:0 !important; background:none !important; } .tr-menu.header-split.ab-show #tp-bar:not(.is-sticky) { top:45px !important;} .tr-menu.header-split.minimalist-header:not(.template-slider) #header { min-height:135px;} /* header | Stack */ .tr-menu.header-stack #tp-bar { position:absolute; } .tr-menu.header-stack #tp-bar:not(.is-sticky) { top:0 !important; background:none !important; } .tr-menu.header-stack.ab-show #tp-bar:not(.is-sticky) { top:45px !important;} .tr-menu.header-stack.minimalist-header:not(.template-slider) #header { min-height:196px;} /* header | Semitransparent */ .header-semi #tp-bar:not(.is-sticky) { position: absolute; background-color: rgba(255, 255, 255, 0.8);} .header-semi.ab-show #tp-bar:not(.is-sticky) { top: 45px !important; } .header-semi.ab-hide #tp-bar:not(.is-sticky) { top: 0 !important; } } /* ============================================================================================================================== /* /* #Tablet (Portrait) & Mobile < 768 #Tablet (Portrait) & Mobile < 768 /* /* =========================================================================================================================== */ @media only screen and (max-width: 767px) { body { min-width:0;} .section_wrapper .mcb-wrap, .section_wrapper .column, .container .column, .sections_group, .four.columns { margin:0; width: 100% !important; clear: both; } .aside_both .sections_group { margin:0 auto !important;} .section_wrapper, .section.full-width:not(.no-margin-h) > .section_wrapper, .container, .four.columns .widget-area { max-width: 90%; } .left-sidebar .items_group, .right-sidebar .items_group, .with_aside .content_wrapper { max-width:100%;} .section_wrapper .column { margin:0 0 20px; height:auto !important;} .four.columns { margin:auto 0 !important; } /* ======================================================= */ .hide-mobile { display:none !important;} .boxed2fw { padding: 0 !important;} .boxed2fw #Wrapper { margin: 0 !important; max-width: 100% !important; width: 100% !important;} /* Sidebar */ .widget-area { border: 0 !important; padding: 0 !important; margin: 30px auto !important; } .widget-area:after, .widget-area:before { display: none; } .widget:after { width: 100%; } /* Sections */ .section { background-attachment:scroll !important; height: auto !important; } .highlight-left .section_wrapper, .highlight-right .section_wrapper { max-width:100% !important;} .highlight-left .section_wrapper .wrap, .highlight-right .section_wrapper .wrap { padding:0 33px;} .equal-height-wrap .mcb-wrap { height:auto !important;} .equal-height-wrap .mcb-wrap .mcb-wrap-inner { top:0 !important; -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -o-transform:none !important; transform:none !important;} /* header */ #tp-bar, #Action_bar { background: #fff !important; position: static; } #tp-bar .tp-bar_left { float: none; width: 100% !important; margin-top:10px; background:none !important;} .header-simple #tp-bar .tp-bar_left { top:0 !important;} #tp-bar .tp-bar_right { float: none; top: 0; height: 60px !important; padding: 0 10px; } #tp-bar .tp-bar_right .tp-bar_right_wrapper { float: right; margin-right:-10px; } #tp-bar .tp-bar_right:before { display: none; } #tp-bar .tp-bar_right_wrapper { top:0 !important;} #tp-bar a#header_cart { top: 20px; } #tp-bar a#search_button { top: 20px; } #tp-bar a.button.action_button { top: 9px; } #tp-bar .wpml-languages { top: 11px; } .mobile-tb-left #tp-bar .tp-bar_right .tp-bar_right_wrapper { float: left; } .mobile-tb-center #tp-bar .tp-bar_right { text-align:center;} .mobile-tb-center #tp-bar .tp-bar_right .tp-bar_right_wrapper { display:inline-block; float: none; } .mobile-tb-hide #tp-bar .tp-bar_right { display:none; } #header a.responsive-menu-toggle { position: absolute !important; top: 20px !important; right: 5px !important; z-index: 10; margin: 0; } #header a.responsive-menu-toggle.is-sticky { position: fixed !important; top: 10px !important; left: 10px !important; z-index:30; } .admin-bar #header a.responsive-menu-toggle.is-sticky { top: 56px !important; } #tp-bar .menu_wrapper { float:left !important; width:100%; margin:0 !important; } #tp-bar #menu { float: left; position: static !important; width: 100% !important; padding-bottom:20px;} #tp-bar .logo { position: static; float: none; width: 100%; text-align: center; margin: 0; } #tp-bar .logo #logo { padding:0; margin: 5px 42px 15px;} #tp-bar .logo #logo img { height:auto !important;} #tp-bar .search_wrapper { top: auto; bottom:-129px; } #Action_bar .contact_details li, #Action_bar .social { padding:0 !important;} #Action_bar .contact_details { float: none; text-align: center; padding: 5px 0; } #Action_bar .contact_details li { color: #000; padding: 0; } #Action_bar .contact_details li.slogan { display: none; } #Action_bar .social { float: none; text-align: center; padding: 5px 0 0; } #Action_bar .social li { margin-right: 5px; } #Action_bar .social li a { color: rgba(0,0,0,.3); } #Action_bar .social li a:hover { color: rgba(0,0,0,.8); } #Action_bar .social-menu { float: none; text-align: center; padding: 5px 0 0; } /* header below */ body.header-below:not(.template-slider) #header { padding-top: 0; } /* Stack header */ .header-stack #tp-bar .logo { padding: 0; text-align: center !important; } .header-stack #tp-bar .logo #logo { display: block;} .header-stack #tp-bar .secondary_menu_wrapper { display: none; } .header-stack #tp-bar .tp-bar_right { position: static; } /* header Creative */ .header-creative {} #header_creative { position: static; } .header-creative.layout-boxed { padding-top: 0;} .header-creative.layout-boxed #Wrapper { margin-top:25px; } .header-creative.layout-full-width #Wrapper { padding-top: 0;} #header_creative #tp-bar .responsive-menu-toggle { top: 20px; } #header_creative #tp-bar .responsive-menu-toggle.is-sticky { position: fixed !important; top: 10px !important; left: 10px !important; z-index:30; } #header_creative #tp-bar .tp-bar_left { margin-top: 0; padding-top: 10px; overflow: hidden; } #header_creative #tp-bar .logo #logo { padding:0; margin: 5px 42px 15px; } #header_creative #tp-bar .logo #logo img { max-height:50px; } #header_creative #tp-bar #menu { position: static; width: 100%; } /* header menu */ .header-overlay .overlay-menu-toggle { right:10px; top:20px; } #overlay-menu ul li a { font-size:22px; line-height:36px;} /* Intro */ #Intro { min-height: auto !important; } #Intro .intro-inner { padding: 100px 30px !important; } #Intro .intro-next { font-size: 25px; bottom: 10px; } /* Subheader */ body:not(.template-slider):not(.header-simple) #header { min-height: 350px; background-position: center 202px; } #Subheader .title { width: 100%; } #Subheader ul.breadcrumbs { display: none; } /* Minimalist header */ body.minimalist-header.header-classic:not(.template-slider) #header, body.minimalist-header.header-creative:not(.template-slider) #header, body.minimalist-header.header-plain:not(.template-slider) #header, body.minimalist-header.header-split:not(.template-slider) #header { min-height:0;} body.minimalist-header.header-simple:not(.template-slider) #header { min-height:90px;} body.minimalist-header.header-transparent #header { min-height:0 !important;} .minimalist-header-no #Subheader { padding:80px 0 !important;} /* header Magazine */ .header-magazine #tp-bar .banner_wrapper { width: 100%; height: auto; text-align: center; position: static; margin-bottom: 20px; } /* header Split */ .header-split #tp-bar a#search_button { display:none; } /* header */ .header-plain #tp-bar .logo { text-align: left; } .header-plain #tp-bar .logo #logo { padding: 5px 42px 15px 15px; } .header-plain #tp-bar a.responsive-menu-toggle { top: 12px !important; } .header-plain #tp-bar .tp-bar_right .tp-bar_right_wrapper { line-height: 0; } .header-plain #tp-bar .tp-bar_right { height: 50px; } .header-plain #tp-bar a#header_cart, .header-plain #tp-bar a#search_button { padding: 0 10px; line-height: 50px !important; } .header-plain #tp-bar .wpml-languages { padding: 0 10px; line-height: 50px !important; } .header-plain #tp-bar a.button.action_button { line-height: 50px !important; } .header-plain #tp-bar a.button.action_button .button_label { padding: 0 12px; } /* header | transparent */ .mobile-tr-header {} .mobile-tr-header #Action_bar, .mobile-tr-header #tp-bar, .mobile-tr-header #tp-bar .tp-bar_right { background:none !important;} .mobile-tr-header #tp-bar { position:absolute; top:50px;} .mobile-tr-header.ab-hide #tp-bar { top:0;} .mobile-tr-header #Action_bar { position:absolute;} .mobile-tr-header #Action_bar .contact_details li, .mobile-tr-header #Action_bar .social li a, .mobile-tr-header #tp-bar .tp-bar_right a { color: rgba(255, 255, 255, 0.3);} .mobile-tr-header #Action_bar .social li a:hover, .mobile-tr-header #tp-bar .tp-bar_right a:hover { color: #fff !important;} .mobile-tr-header #tp-bar .wpml-languages a.active, .mobile-tr-header #tp-bar .wpml-languages ul.wpml-lang-dropdown { background:none; border-color: rgba(255, 255, 255, 0.3);} /* header | transparent | plain */ .mobile-tr-header.header-plain #tp-bar, .mobile-tr-header.header-plain #tp-bar .tp-bar_right_wrapper > * { border:none !important; background:none !important;} /* header | transparent | creative */ .mobile-tr-header #header_creative { background:none !important; position:absolute;} /* Popup contact */ #popup_contact { display: none; } /* .footer-sliding */ .footer-fixed #Content, .footer-sliding #Content { margin-bottom: 0 !important; } .footer-fixed #Footer, .footer-sliding #Footer { position: static;} /* Widget */ .widget-area { min-height: 0 !important; } /* Blog */ /* Classic */ .classic .post-photo-wrapper { width: 100%; float: none; } .classic .post-desc-wrapper { width: 100%; float: none; } .classic .post-meta .author-date .author .label { display: none; } .classic .post-meta .category { display: none; } .classic .post-desc-wrapper .post-footer .button-love .love-text { display: none; } .classic .post-desc-wrapper .post-desc { padding: 15px 0 0 0px; } /* Timeline */ .timeline .post-item { padding-left: 0; background: none; } .timeline .post-item:before { display: none; } .timeline .post-photo-wrapper { width: 100%; float: none; } .timeline .post-desc-wrapper { width: 100%; float: none; } .timeline .post-item .date_label { display: inline-block; position: static; margin-bottom: 10px; } .timeline .post-meta .category { display: none; } .timeline .post-desc-wrapper .post-footer .button-love .love-text { display: none; } .timeline .post-desc-wrapper .post-desc { padding: 15px 0 0 0px; } .style-simple .timeline_items li { width: 100%; padding: 0 !important; background: none !important; } .style-simple .timeline_items li h3 span { display: block; position: static; } .style-simple .timeline_items li:nth-child(even) { padding: 0; } .style-simple .timeline_items li:nth-child(even) .desc { text-align: right; } /* Masonry */ .grid .post-item, .masonry .post-item { width: 98% !important; margin: 0 1% 20px !important;} /* Masonry tiles */ .masonry.tiles .post-item { width: 100% !important; } /* Photo */ .photo .post-desc .post-head { margin-bottom: 5px; } .photo .post-desc .post-head .post-meta .category { display: none; } .photo .post-desc .post-head .post-meta .author-date { margin-right: 10px; } /* Blog single */ .single-post .format-image .single-photo-wrapper .image_frame { display: block; } .single-post .format-link .single-photo-wrapper, .single-post .format-quote .single-photo-wrapper { display: none; } /* Post header */ .post-header .button-love { width: 69px; } .post-header .title_wrapper { margin-left: 69px; padding-left: 20px; } .post-header .title_wrapper h1 { font-size: 27px; line-height: 27px; } .post-header .post-meta .category { display: none; } /* Single photo wrapper */ .single-photo-wrapper .image_frame { max-width:100% !important; margin-left:0;} .single-photo-wrapper .share_wrapper { float: none; padding: 5px 15px 0; margin-bottom:20px; width: auto;} .no-share-mobile .single-photo-wrapper .share_wrapper { display:none;} /* Post nav */ .post-nav { padding: 10px 10px 4px 90px; } /* Project decription */ .project-description li, .project-description li.one-third { width: 100%; border-width: 0 0 1px 0; } .project-description li:last-child { border-bottom: 0; } /* Portfolio grid */ ul.portfolio_grid li { width: 100% !important; float: left ; } /* Fixed nav */ .fixed-nav { display: none !important; } /* Filters */ /* .blog #Filters { margin-bottom: 0; } */ #Filters .filters_wrapper ul li { float:left; width: 49%; margin: 0.5%; } /* Portfolio */ .portfolio_group .portfolio-item { width: 100% !important; margin:0 0 20px !important; float: none; } .section.full-width .portfolio_group .portfolio-item { width: 100% !important;} .portfolio_group .portfolio-item .list_style_header { padding-right: 0; min-height: inherit; } .portfolio_group .portfolio-item .list_style_header h3 { margin: 0px; } .portfolio_group .portfolio-item .list_style_header .links_wrapper { display: none; } .portfolio_group .portfolio-item .desc .desc-wrapper { margin-right: 0px; } .portfolio_group .portfolio-item .desc .details-wrapper { float: none; width: 100%; padding-left: 0; border-left-width: 0px; border-bottom-width: 1px; padding-bottom: 15px; margin-bottom: 15px; } .portfolio_group.list .portfolio-item .desc { padding-top: 10px; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { background-image: none !important; padding-bottom: 0; } body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 380px; } /* Portfolio Masonry Flat */ .portfolio_group.masonry-flat .portfolio-item { width:49.9% !important; margin:0 !important;} .portfolio_group.masonry-flat .portfolio-item.wide { width:99.8% !important;} .portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill { padding-bottom: calc(156% - 1px);} /* Portfolio Exposure */ .portfolio_group.exposure .portfolio-item { margin:0 !important; overflow:hidden;} .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper { display: none; } .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner { padding:0;} .portfolio_group.exposure .portfolio-item .details-wrapper { display: none; } .portfolio_group.exposure .portfolio-item .image-wrapper { margin:0 -100px;} .full-width .portfolio_group.exposure .portfolio-item .desc-inner { top: 30px; } /* Divider */ .hr_full hr, .aside_left .hr_full hr, .aside_right .hr_full hr { position: absolute; left: -1000px; top: 0; width: 3000px; } /* How it works */ .how_it_works .image, .with_aside .how_it_works .image { width: 200px; height: 200px; line-height: 200px; } .how_it_works .image img { max-width: 116px !important; max-height: 116px !important; } .how_it_works .image .number, .with_aside .how_it_works .image .number { bottom: 10px; right: 10px; } .how_it_works.has_border:after { display: none; } /* Pricing table */ .pricing-box-label .plan-header, .pricing-box-label .plan-footer { display: none; } .pricing-box-label ul li { text-align: center !important; } /* Offer slider */ .offer .offer_li .image_wrapper { width: 100%; float: none; margin-bottom: 15px; overflow: hidden; } .offer .offer_li .desc_wrapper { width: 90%; width: calc( 100% - 67px ) !important; margin:0 auto; float: none; clear: both; } .offer .offer_li .desc_wrapper .title { padding-right: 0; margin-bottom: 15px; } .offer .offer_li .desc_wrapper .title h3 { margin-bottom: 15px;; font-size: 27px; line-height: 27px; } .offer .offer_li .desc_wrapper .title a.button { position: relative; } .offer a.slider_prev { left: 20px; top: 20px; margin: 0; } .offer .slider_pagination { left: 20px; top: 65px; margin: 0; } .offer a.slider_next { left: 20px; top: 111px; margin: 0; } /* Offer thumb */ .offer_thumb { padding-left: 0; } .offer_thumb_ul li.offer_thumb_li { padding-left: 0; } .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper { width: 100%; float: none; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title { padding-right: 0; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { margin-bottom: 15px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button { position: relative; } .offer_thumb .slider_pagination { margin-top: 20px; line-height: inherit; } /* Offer thumb bottom */ .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 100%; } .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper { margin-right: 0%; width: 100%; } /* Call to action */ .call_to_action .call_left, .call_to_action .call_center, .call_to_action .call_right { display: block; width: 100%; } .call_to_action .call_left { margin-bottom: 20px; } .call_to_action .call_center { margin-bottom: 20px; } .call_to_action .call_right { margin-bottom: 0px; text-align: center; } /* Timeline */ .timeline_items { background-position: 91px top; } .timeline_items li { padding: 0 0 25px 150px !important; background: url(../images/timeline_right.png) no-repeat !important; background-position: 50px top !important; width: auto; } .timeline_items li h3 span { left: 0 !important; right: auto; } .timeline_items li h3, .timeline_items li:nth-child(even) h3 { text-align: left; } .timeline_items li h3:before { left: 93px; } .timeline_items li .desc, .timeline_items li:nth-child(even) .desc { text-align: left; } .timeline_items li .desc:before { display: none; } .timeline_items:after { left: 93px; } /* Testimonials list */ .testimonials_list .item { margin-bottom: 30px; } .testimonials_list .item .photo { width: 100%; float: none; margin-bottom: 10px; } .testimonials_list .item .desc { width: 100%; float: none; margin-bottom: 0px; } /* Promo box */ .promo_box.has_border:after { display: none; } .promo_box_wrapper { overflow: visible; } .promo_box_wrapper .photo_wrapper { width: 100%; float: none; line-height: 0; margin-bottom: 15px; } .promo_box_wrapper .desc_wrapper { width: 100%; margin: 0 !important; float: none; padding-top: 0px; } /* Clients */ ul.clients:not(.clients_slider_ul) li { width: 50% !important; } /* Fancy headings */ .fancy_heading h2 { font-size: 30px; line-height: 30px; } /* Icon box */ .icon_box.has_border:after { display: none; } /* Image Frame */ .image_frame { margin-top:0 !important;} /* Table */ table { overflow-x: auto; display: block;} table a.kill_the_icon .button_icon { display: none;} /* Content slider */ .content_slider { padding: 0 0 50px !important; margin: 10px 0; } .content_slider a.slider_prev { top:auto !important; bottom:0; left: 0px !important; } .content_slider a.slider_next { top:auto !important; bottom:0; right: 0px !important; } .content_slider a.button .button_icon { padding: 7px 9px;} .content_slider .slider_pagination { bottom:11px; width:74%; margin-left:13%;} .content_slider.flat a.button .button_icon { font-size:36px;} /* Portfolio photo */ .portfolio-photo .portfolio-item .portfolio-details .details { display: none; } .portfolio-photo .portfolio-item .portfolio-details .more { opacity: 1; } /* Shortcodes */ /* Flat Box */ .flat_box .desc_wrapper { margin:0;} /* Story Box */ .story_box { padding: 0 11% !important; } .story_box .desc_wrapper { margin-right: 0% !important; } /* Tabs */ .ui-tabs .ui-tabs-nav { background: none; } .ui-tabs .ui-tabs-nav li { float: none !important; width: 100% !important; border-width: 0 0 1px 0; } .ui-tabs .ui-tabs-nav li:last-child { border-bottom: 0; } .ui-tabs .ui-tabs-nav li a { text-align: center; } .ui-tabs .ui-tabs-nav li a { background-image: url(../images/bg_panel.png); background-repeat: repeat-x; background-position: left top; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-active a { background-image: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after { display: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: none; } /* Tabs: simple-style */ .style-simple .ui-tabs .ui-tabs-nav li a { background-image: none; } .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: block; } /* Tabs vertical: simple-style */ .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a { text-align: center; padding-right: 20px; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel { border-width: 1px 0 0 0 !important; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: block; width: 100%; height: 2px; left: 0; top: auto; bottom: 0; right: auto; } /* Google maps */ .column_map .google-map-contact-wrapper { position: static; margin: 0; width: 100%; height: auto; } .column_map .google-map-contact-wrapper .get_in_touch { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Features lists */ .feature_list ul li { width: 100% !important; float: none; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .feature_list hr { display: none; } /* Error 404 */ #Error_404 { position: static; padding-top: 20px; margin-top: 0; } #Error_404 .error_pic { width: 100%; float: none; } #Error_404 .error_pic i { font-size: 160px; line-height: 160px; } #Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; } #Error_404 .error_desk h2 { font-size: 30px; line-height: 30px; } #Error_404 .error_desk h4 { font-size: 19px; line-height: 25px; } #Error_404 .error_desk p .check { line-height: 22px; font-size: 16px; margin-bottom: 15px; display: block; } /* Video */ /* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */ .content_video.iframe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden} .content_video.iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%} /* Search Results */ .search-not-found .snf-pic { width: 100%; float: none; } .search-not-found .snf-pic i { font-size: 260px; line-height: 260px; } .search-not-found .snf-desc { width: 100%; float: none; padding-top: 20px; text-align: center; } /* Footer */ #Footer .footer_copy { text-align: center; } #Footer .footer_copy .copyright { float: none; margin: 0 0 10px 0; } #Footer .footer_copy .social { float: none; margin: 0; } #Footer .footer_copy .social-menu { float: none; margin: 0; } /* Back to top */ #back_to_top { float: none; margin: -10px 0 10px; } #back_to_top.in_footer, #back_to_top.sticky { right: 20px !important; margin:0;} /* WordPress Admin Bar */ html #wpadminbar { z-index:9999 !important; position:fixed;} /* Plugins */ /* bbPress */ .bbpress ul { font-size: 13px; } .bbpress li.bbp-forum-info, .bbpress li.bbp-topic-title { width: 44%; } .bbpress li.bbp-forum-topic-count, .bbpress li.bbp-topic-voice-count, .bbpress li.bbp-forum-reply-count, .bbpress li.bbp-topic-reply-count { width: 15%; } .bbpress .bbp-body li.bbp-forum-freshness, .bbpress .bbp-body li.bbp-topic-freshness { line-height: 16px; font-size: 11px; } /* Pretty Photo Popup */ /* Tiny popup on mobile | fix */ .pp_pic_holder { width: 90% !important; left: 5% !important; overflow: hidden; } .pp_content { width: 98%!important; height: auto!important; } .pp_fade { width: 100%!important; height: 100%!important; } a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery { display: none!important; } #pp_full_res img { width: 100%!important; height: auto!important; } .pp_details { width: 100%!important;} /* Theme Options size | fix */ div.pp_pic_holder, div.pp_content, div.pp_details { max-width:100%;} div.pp_content { overflow:auto;} /* Easy Digital Downloads */ .edd_downloads_list .edd_download { width: 100% !important; } .edd_downloads_list .edd_download .edd_download_inner { margin: 0 8% 20px; } } /* ============================================================================================================================== /* /* #Tablet (Portrait) & Mobile (Landscape) < 768 #Tablet (Portrait) & Mobile (Landscape) < 768 /* /* =========================================================================================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Respond */ #respond .comment-form-author { width: 100%; margin-right: 0%; float: none; } #respond .comment-form-email { width: 100%; margin-right: 0%; float: none; } #respond .comment-form-url { width: 100%; float: none; } #respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 100%; } #respond .comment-form-comment textarea { width: 100%; } #respond .required { right: 15px; } #comments .commentlist > li .comment-body { margin-left:90px; padding:10px;} #comments .commentlist > li .photo { left:-90px;} #comments .commentlist > li .children { margin-left: 0px; padding-left: 10px; } #comments .commentlist > li .reply { right: 10px; top: 10px;} #comments .commentlist > li .comment-meta a.comment-edit-link { padding-right: 45px;} .rtl #comments .commentlist > li .comment-body { margin-left:0; margin-right:90px;} .rtl #comments .commentlist > li .photo { left:auto; right:-90px;} .rtl #comments .commentlist > li .children { margin-right: 0px; padding-left: 0; padding-right: 10px; } .rtl #comments .commentlist > li .reply { left: 10px; right: auto;} .rtl #comments .commentlist > li .comment-meta a.comment-edit-link { padding-left: 45px; padding-right: 0;} /* Zoom Box */ .zoom_box .desc .desc_txt { font-size:18px; line-height:22px;} /* Gallery */ #Content .gallery:not(.gallery-columns-1) .gallery-item { width:50%; } #Content .gallery:not(.gallery-columns-1) .gallery-item { clear:none; } #Content .gallery:not(.gallery-columns-1) .gallery-item:nth-child(2n+1) { clear:both; } } /* ============================================================================================================================== /* /* #Mobile (Portrait) < 480 #Mobile (Portrait) < 480 /* /* =========================================================================================================================== */ @media only screen and (max-width: 479px) { #tp-bar a.button.action_button { margin-right:0; } /* Post nav */ .post-nav { padding: 10px 10px 4px 10px; } /* Portfolio list */ body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 260px; } /* Portfolio Masonry Flat */ .portfolio_group.masonry-flat .portfolio-item, .portfolio_group.masonry-flat .portfolio-item.wide { width:100% !important;} /* Filters */ #Filters .filters_buttons li { margin-right: 10px; } #Filters .filters_buttons li.label { display: none; } #Filters .filters_buttons li i.icon-docs, #Filters .filters_buttons li i.icon-tag { display: none; } /* Team */ .team.team_horizontal .image_frame { width: 100%; margin: 0 0 15px 0; float: none; } .team.team_horizontal .desc_wrapper { width: 100%; float: none; } /* Timeline */ .timeline_items { background-position: 21px top; } .timeline_items li { padding: 0 0 25px 80px !important; background-position: -20px top !important; } .timeline_items li h3 span { display: block; position:relative; margin-bottom:20px; clear:both; } .timeline_items li h3:before { left: 24px; } .timeline_items:after { left: 23px; } /* Testimonials slider */ .testimonials_slider a.slider_prev { display: none !important; } .testimonials_slider a.slider_next { display: none !important; } .testimonials_slider .testimonials_slider_ul li { padding: 0; } /* Respond */ #respond .comment-form-author { width: 99%; margin-right: 0%; float: none; } #respond .comment-form-email { width: 99%; margin-right: 0%; float: none; } #respond .comment-form-url { width: 99%; float: none; } #respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 100%; } #respond .comment-form-comment textarea { width: 100%; } #respond .required { right: 11px; } #comments .commentlist > li .comment-body { margin-left:55px; padding:10px;} #comments .commentlist > li .photo { width:32px; height:32px; left:-55px;} #comments .commentlist > li .children { margin-left: 0px; padding-left: 10px; } #comments .commentlist > li .reply { right: 10px; top: 10px;} #comments .commentlist > li .comment-meta a.comment-edit-link { padding-right: 0; position:static; float:none;} .rtl #comments .commentlist > li .comment-body { margin-left:0; margin-right:55px;} .rtl #comments .commentlist > li .photo { left:auto; right:-55px;} .rtl #comments .commentlist > li .children { margin-right: 0px; padding-left: 0; padding-right: 10px; } .rtl #comments .commentlist > li .reply { left: 10px; right: auto;} .rtl #comments .commentlist > li .comment-meta a.comment-edit-link { padding: 0;} /* Zoom Box */ .zoom_box .desc .desc_img img { max-height:60px;} .zoom_box .desc .desc_txt { font-size:14px; line-height:17px;} /* Gallery */ #Content .gallery .gallery-item { width:100%; } /* bbpress */ .bbpress #bbpress-forums p.bbp-topic-meta, .bbpress #bbpress-forums p.bbp-topic-meta { display: none; } /* Easy Digital Downloads */ .edd_downloads_list .edd_download { width: 100% !important; } .edd_downloads_list .edd_download .edd_download_inner { margin: 0 0 20px; } } /* ============================================================================================================================== /* /* Retina | iPad | etc.. /* /* =========================================================================================================================== */ @supports( -webkit-text-size-adjust:none ) and ( not (-ms-accelerator:true) ) { html { background-attachment: scroll !important;} } .section.full-width > .section_wrapper { max-width: 100% !important; }