/*-- Theme Name: theme2126 Theme URI: http://template-help.com/ Description: A theme for Wordpress 3.5.x + from Template-Help.com Collection Author: Template_Help.com Author URL: http://www.Template-Help.com/ Template: CherryFramework Version: 1.2 MotoPress Version: 1.0 --*/ /*import CherryFramework style*/ @import url("../CherryFramework/style.css"); /* #General ================================================== */ .flickr_list{ li{ width: 75px !important; margin-right: 15px !important; a{ border: none; box-shadow: none !important; padding: 0; margin: 0; img{ margin: 0; } } a:hover{ opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } } } .post_content{ margin-bottom: 0; padding-bottom: 20px; } a span.sf-sub-indicator{ top:7px; right: -17px; } body{ @media(max-width: 767px){padding-left:0;padding-right: 0;} } .slider{ .container{ @media(max-width: 767px){padding:0;} } } .container{ @media(max-width: 767px){padding:0 15px;} .container{ @media(max-width: 767px){padding:0;} } } .select-menu{ background: #110F0C; color: #fff; } .google-map,.flexslider{ background-image: url(images/loader.gif) !important; } .error404-holder_num{ font-family:PT Sans,sans-serif; color: @linkColor; } .filter-wrapper{ .pull-right{ @media (max-width: 767px) { float:left;width:100%; } li{ @media (max-width: 767px) { width:100%; } a{ @media (max-width: 767px) { display:inline; } } } } } .filter-wrapper{ .pull-right{ @media(max-width:767px){float:left;width: 100%;} padding-bottom: 33px; padding-top: 0px; margin-top: -6px; strong{ font:400 13px/20px PT Sans,sans-serif; color: #ffffff; padding: 0; } #filters,#tags{ @media(max-width:767px){width:100%;} margin:0; li{padding-left: 5px;} a{ font:400 13px/20px PT Sans,sans-serif; color: #908e89; border-radius: 0px; margin: 0px 12px; background: none; padding: 0; } .active{ a{ background: none; border-radius: 3px; margin: 0px 12px; color: #eebc5c; } } a:hover{ background: none; margin: 0px 12px; border-radius: 3px; color: #eebc5c; } } } } body .pagination li a{ margin-right: 5px; font-size: 12px !important; text-decoration: none; background: none !important; box-shadow: none !important; } #back-top-wrapper{ #back-top{ height: 39px; width: 87px; span{ background: url(images/top.png) no-repeat; height: 39px; width: 87px; } span:hover{ opacity: 0.5; } } } .flex-control-nav{ li{ a{ background: #585249; } a.flex-active,a:hover{ background: #e69f18; } } } .single{ .right-align{ text-align: right; } } .btn,.sidebar .link,.comment-reply-link,#commentform #submit,.pager a,.pagination li a{ text-shadow:none; box-shadow: none; font:400 10px/1.2em PT Sans,sans-serif; color:#eebc5c !important; background: none !important; padding: 0 !important; border-radius: 0px !important; display:inline-block; border: none !important; text-transform: uppercase; box-shadow: none !important; text-decoration: none; } .btn:hover,.sidebar .link:hover,.comment-reply-link:hover,#commentform #submit:hover,.pager a:hover,.pagination li a:hover,.pagination .active a{ text-decoration: underline; color: @linkColorHover !important; } .portfolio_item_holder{ figure{ padding: 0; border: none; } .caption__portfolio{ h3{ a{ font: 400 18px/1.2em PT Sans,sans-serif; color: #fff; } } } } /* #Header ================================================== */ .header-shadow{ padding-top: 130px; @media(max-width: 767px){padding-top:80px;} } .home{ .header{ .nav__primary{ .sf-menu,.sf-menu:before,.sf-menu:after{ background: #110d0a; } } } } .header{ padding: 0px 0 102px; @media(max-width: 767px){padding-bottom:50px;} background: url(images/shadow.jpg) center 50% no-repeat; border-bottom: none; .select-menu{ border-radius: 0; } .nav__primary{ margin: 0; float: none; text-align: center; .sf-menu:after{ content:""; position:absolute; display: block; width: 100%; right: -100%; height: 100%; top: 0; background: #1a1917; } .sf-menu:before{ content:""; position:absolute; display: block; width: 100%; left: -100%; height: 100%; top: 0; background: #1a1917; } .sf-menu{ background: #1a1917; float: none; padding: 28px 0 23px; position: relative; li{ background: url(images/nav.png) left 50% no-repeat; display: inline-block; float: none; padding-left: 35px; padding-right: 16px; letter-spacing: 2px; .sub-menu{ background: #0e0d0a; padding: 25px 15px 25px 0; width: auto; border-radius: 0; margin-top: 18px; border-top: 4px solid #eebc5c; .sf-sub-indicator{ top:2px !important; right:-13px !important; } .sub-menu{ margin-top: -29px; } li{ margin: 0; box-shadow: none; padding: 0 10px; text-align: center; background: none; a{ background: none; padding-top: 1px; border-radius: 0 !important; margin: 0px; box-shadow: none; font: bold 11px/20px PT Sans,sans-serif; text-transform: uppercase; padding:0px; display: inline; color: #4c4b48; text-transform: uppercase; } a:hover{ border-radius: 0; } } .current-menu-item{ border-radius: 0 !important; a{ color: #eebc5c; } } a:hover{ color: #eebc5c; } } a{ background: none; border: none; margin: 0; padding: 0; text-transform: uppercase; } } a:hover{ color: #eebc5c; } li.current-menu-item,.sfHover,.current-menu-parent{ a{ color: #eebc5c; } } li:first-child{ background: none; padding-left: 0; } } } } /*/ Header */ /* Logo ---------------------------------------- */ .logo{ float:none; text-align: center; @media(min-width: 768px) and (max-width:979px){width:100% !important;} } .logo_tagline{ font: 400 11px/30px PT Sans,sans-serif; color: #4c4b48; text-transform: uppercase; letter-spacing: 1px; padding-top: 3px; } .logo_link:hover{ color:#fff; } /*/ Logo */ /* #Content ================================================== */ .zoom-icon:before{ background: url(images/zoom.png) no-repeat; width: 45px; height: 45px; margin: -23px 0 0 -23px; } .zoom-icon{ border: 4px solid #eebc5c; } .slider{ .container{ .camera_thumbs{ margin-top: -80px; } .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {background: transparent;} width: 100%; .camera_wrap{ margin-bottom: 0 !important; .camera_pag{ position: relative; top: -286px; @media(max-width: 980px){top:-110px;} @media(max-width: 480px){display:none} float: right; right: 105px; .camera_pag_ul{ li{ display: block; margin: 5px; height: 13px; width: 13px; background: rgba(255, 255, 255, 0.5); span{ display: none; } } li.cameracurrent,li:hover{ background: #eebc5c; } } } } } } .content-holder{ padding-bottom: 80px; } .home{ .banner-wrap{ @media(max-width: 768px){text-align:center;} figure{ a{ border: none; @media(max-width: 768px){float:none;display: inline;} @media(min-width: 1px){width:100%;} } } h5{ font: 400 30px/40px PT Sans,sans-serif; color: #ffffff; padding: 3px 0 5px; } } .extra-wrap{ border-top: 7px solid #292722; border-bottom: 7px solid #292722; text-align: center; margin-top: 50px; padding-bottom: 75px; margin-bottom: 72px; padding-top: 33px; h1{ font: bold 120px/1.2em PT Sans,sans-serif; text-transform: uppercase; color: #3e3c35; letter-spacing: -3px; margin-bottom: -30px; @media(min-width:1200px){font-size:150px;} @media(max-width: 980px){font-size:100px;} @media(max-width: 768px){font-size:60px;margin-bottom: -10px;} @media(max-width: 480px){font-size:36px;} } h3{ font: 400 24px/1.2em PT Sans,sans-serif; color: #eebc5c; text-transform: uppercase; } h4{ font: 400 16px/1.2em PT Sans,sans-serif; color: #fff; margin-top: -3px; } } .bottom-title{ margin-bottom: 37px; } .bottom-btn{ margin-top: 24px; @media(max-width: 767px){margin-bottom:40px;} } } .list.unstyled{ padding-bottom: 4px; float: left; @media(max-width: 767px){float:none;} ul{ margin: 0; padding-left: 0px; li{ padding-left: 20px; background: url(images/list.png) left 3px no-repeat; padding-bottom: 0px; margin: 0 0 7px 0; a{ font:400 13px/1.2em PT Sans,sans-serif; color:#908e89; } } } } section.title-section{ padding: 0; h1{ margin-top: -6px; margin-bottom: 23px; font: 400 32px/1.2em PT Sans,sans-serif; color: #fefefe; } } .breadcrumb{ background: url(images/bread.png); border-radius: 0; padding-left: 11px; li{ text-shadow:none; font:400 13px/20px PT Sans,sans-serif; color: #908e89; a{ text-shadow:none; color: #eebc5c; } } .divider{ padding: 0 4px; } } .main-holder{ overflow: hidden; } #content{ padding-top: 64px; } .blog,.single{ #content{ padding-top: 40px; } } .single{ .post-title{ margin-bottom: 40px; } } .about-title{ padding-bottom: 23px; } .about-title.right-title{ @media(max-width: 767px){padding-top:45px;} } .service-bottom{ padding-top: 61px; margin-bottom: 35px; } .span6 .text-highlight{ padding-top: 10px; } figure.featured-thumbnail{ padding: 0; border: none; border-radius: 0; } .blog,.single{ .post-header{ .post-title{ font: 400 26px/1.2em PT Sans,sans-serif; color: #fff;border-bottom: 1px solid #3e3c35; padding-bottom: 10px; a{ font: 400 26px/1.2em PT Sans,sans-serif; color: #fff; } } } } .post_meta{ border-color: #3e3c35; font:400 13px/20px PT Sans,sans-serif; padding: 9px 0; a{ font-size: 13px; } i{ color: #eebc5c; } .post_author{ a{ color: #fff; font-size: 15px; text-transform: capitalize; } } .post_date{ color: #908e89; } } a{ color: @linkColor; } a:hover{ color: @linkColorHover; } .post_meta { @media (max-width: 767px) {float:left;} span{ @media (max-width: 767px) {width:100%;} } } .post-author{ background: url(images/bread.png); border: none; .post-author_h{ font: 400 15px/20px PT Sans,sans-serif; color: #fff; a{ color: #fff; text-transform: capitalize; } } .post-author_link{ a{ color: #fff; text-transform: capitalize; } } .post-author_gravatar{ img{ padding: 0; border: none; } } } .related-posts_h,.comments-h,#respond h3{ font: 400 26px/1.2em PT Sans,sans-serif; color: #fff; border-bottom: 1px solid #3e3c35; padding-bottom: 10px; margin-bottom: 36px; } .comment.bypostauthor .comment-body{ background: url(images/bread.png); border: none; .author{ font: 400 15px/20px PT Sans,sans-serif; color: #fff; text-align: left; } } article.testimonial{ background: url(images/bread.png); border: none; } .tel{float:left;clear: left;} .phone{ float: right; @media(min-width: 1200px){margin-right: 92px;} margin-right: 40px; @media(max-width: 979px){margin-right: 0px;} } .post-7{ .span4{ padding-bottom: 25px; } .list.unstyled{ float:left; } .span6{ @media(max-width: 767px){clear:both;} } } .related-posts_item{ a{ font-size: 15px; } } /*/ Content */ /* #Comments ================================================== */ #commentform input[type="text"] { width: 100%; height: 36px; .box-sizing(border-box); } #commentform textarea { width: 100%; max-width: 100%; min-width: 100px; height:230px; .box-sizing(border-box); } #respond,.wpcf7-form{ .field input,textarea{ background: #000; border-color: #2e2c26; border-radius: 0; font: 400 13px/20px PT Sans,sans-serif; color: #908e89; box-shadow: none !important; } } .faq-list_h,.marker{ color: #fff !important; } /*/ Comments */ /* #Widgets ================================================== */ .sidebar{ #categories-2{ ul{ margin-left: 0; } } .widget{ margin-bottom: 59px; h3{ font: 400 26px/1.2em PT Sans,sans-serif; color: #fff; border-bottom: 1px solid #3e3c35; padding-bottom: 10px; margin-bottom: 36px; } .cat-item{ background: url(images/list.png) left 3px no-repeat; padding-left: 20px; list-style: none; padding-bottom: 0px; margin: 0 0 7px 0; a{ font:400 13px/1.2em PT Sans,sans-serif; color:#908e89; } } .post-list{ figure{ margin: 0; margin-bottom: 30px; @media(min-width: 1px){width:100%;} a{ display: inline; } } h4{ margin-bottom: 0; a{ font: 400 15px/20px PT Sans,sans-serif; color: #fff; } } .post-list_comment{ color: #eebc5c; } } #wp-calendar caption{ color: #fff; } } } /*/ Widgets */ /* #Shortcodes ================================================== */ .service-title-top{ padding-bottom: 24px; } .about-title-bottom{ padding-top: 57px; margin-bottom: 40px; } .about-btn{ margin-top: 33px; } .spacer{ height: 22px; } .text-highlight{ background:none; font: 400 15px/20px PT Sans,sans-serif; color: #eebc5c; display: block; padding: 0; @media(max-width: 480px){clear:both;} a{ font: 400 15px/20px PT Sans,sans-serif; color: #eebc5c; } } .title-box{ h2{ font: 400 26px/1.2em PT Sans,sans-serif; color: #fff; border-bottom: 1px solid #3e3c35; padding-bottom: 10px; } } .ie8{ .posts-grid.team{ figure {width: 100% !important;} } } .posts-grid.team{ figure{ padding: 0; border: none; border-radius: 0; margin-bottom: 18px; a,img{ border-radius: 0; } } h5{ margin-bottom: 0; a{ font: 400 15px/20px PT Sans,sans-serif; color: #fff; } } .btn{ display: none; } } .testimonials{ .testi-item{ margin-bottom: 30px; padding: 0; blockquote:before{ background:none; } blockquote:after{ background: url(images/testi.png) no-repeat; top: 0; left: 0; } blockquote:before{ display: none; } blockquote{ background: none; padding: 13px 0 0 20px; a{ font: 400 italic 13px/20px PT Sans,sans-serif; color: #908e89; } } .testi-meta{ font: 400 15px/20px PT Sans,sans-serif; color: #fff; padding-left: 18px; .user{ display: block; } a{ font: 400 13px/20px PT Sans,sans-serif; color: #eebc5c; text-decoration: underline; } a:hover{ color: #e69f18 !important; } } } } .flexslider{ padding: 0; border: none; } /*/ Shortcodes */ /* #Footer ================================================== */ .home .footer{ background: url(images/footer.png); } .footer{ background: #1a1816; border: none; padding: 63px 0 20px; @media(max-width: 767px){padding-top: 5px;} .footer-text{ color: #635d57; font: 400 13px/1.2em PT Sans,sans-serif; a{ color: #635d57; } } .footer-widgets{ h4{ font:400 16px/20px PT Sans,sans-serif; color: #fff; padding-bottom: 39px; @media(max-width: 767px){padding-top: 39px;padding-bottom: 15px;} text-transform: uppercase; } .footer-nav{ float: none; .menu{ float: none; li{ float: none; } } } .menu{ margin: 0; li{ list-style:none; background: url(images/list.png) left 57% no-repeat; padding-left: 20px; border-top: 1px solid #282726; padding-bottom: 3px; padding-top: 6px; a{ font:400 13px/1.2em PT Sans,sans-serif; color:#635d57; } } li:first-child{ border: none; padding-top: 0; background: url(images/list.png) left 25% no-repeat; } } } } footer nav.footer-nav ul li{ a:hover { color: #635d57 !important; text-decoration: underline; } } /*/ Footer */ /* #Misc ================================================== */ .post-203{ .row:last-child .span3:last-child { p{ font-size:15px; @media(max-width:767px){width:175px;} } span{ font-size: 13px; } } } .single-pager,.portfolio-meta-list{ border-color: #3e3c35; margin-top: 0; } /*/ Misc */ @import "bootstrap/less/variables.less"; @import "bootstrap/less/mixins.less";