/* Theme Name: Ac-repair Theme URI: http://wporganic.com/ac-repair/ Author: hiteshmahavar Author URI: http://wporganic.com/ Version: 1.0.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: ac-repair Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Description: Adding support for language written in a Right To Left (RTL) direction is easy - it's just a matter of overwriting all the horizontal positioning attributes of your CSS stylesheet in a separate stylesheet file named rtl.css. -- http://codex.wordpress.org/Right_to_Left_Language_Support -- */ body { direction: rtl; unicode-bidi: embed } .blog-post img, .grid-item img, .widget select { max-width: 100% } #navigation>ul>li>a, .feedback-date, .site-description, .site-title>a { text-transform: uppercase } #form-allowed-tags, .widget_latest_tweets_widget .tweet-details { display: none } .commentlist li, .commentlist ol, .comments li, .comments ol, .question-answer ul li { list-style: none } .gallery-item, .st-block-center, .wp-caption { text-align: center } .mb20 { margin-bottom: 20px } .commentlist li.thread-even, .commentlist li.thread-odd { border-bottom: 1px solid #e5e5e5; margin-bottom: 40px } h1.site-title { margin: 0; font-size: 34px; padding: 0 } .site-title>a { color: #2e3233; font-size: 34px } .site-description { margin: 0; color: #fff; font-size: 20px; font-weight: 700; letter-spacing: 1px } img.thumbnail_post.wp-post-image { width: 114px; height: 113px } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0 } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; right: 0 } .st-block-center i { color: #ab4f42 } .st-block-left i { color: #ab4f42; padding-right: 20px } .join-event { margin-top: 30px } .blog-post img { height: auto } .aligncenter, div.aligncenter { display: block; margin: 5px auto } a img.aligncenter { display: block; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px } .wp-caption img { border: 0; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto!important; color: #21759b; display: block; font-size: 14px; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; right: 5px } .comment-content a { word-wrap: break-word } .bypostauthor { display: block } .gallery-item, .gallery-item img, .gallery-item img.img-responsive { display: inline-block } .gallery { margin-bottom: 1.5em } .gallery-item { vertical-align: top; width: 100% } .gallery-columns-2 .gallery-item { max-width: 50% } .gallery-columns-3 .gallery-item { max-width: 33.33% } .gallery-columns-4 .gallery-item { max-width: 25% } .gallery-columns-5 .gallery-item { max-width: 20% } .gallery-columns-6 .gallery-item { max-width: 16.66% } .gallery-columns-7 .gallery-item { max-width: 14.28% } .gallery-columns-8 .gallery-item { max-width: 12.5% } .gallery-columns-9 .gallery-item { max-width: 11.11% } .gallery-caption { display: block } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1; width: 100% } .image-source-link { color: #98C3D1 } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out } .gallery-img img:hover, .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1 } .gallery-img img, .mfp-with-zoom.mfp-ready.mfp-bg { opacity: .8 } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0 } .question-answer ul { padding: 0 } .gallery-filterable-mouse .gallery-caption, .gallery-popup-mouse .gallery-caption { cursor: default } .gallery-popup-mouse .gallery-caption h2 { cursor: pointer } .st-pagination .pagination li span.current { color: #fff; background-color: #c45d3c; border-color: #c45d3c } .st-pagination .pagination li a, .st-pagination .pagination li span { margin-left: 5px } .wpcf7-display-none, .wpcf7-response-output, .wpcf7-validation-errors { display: inline-block; margin: 0 } div.wpcf7-response-output { margin: 0; padding: .2em 1em } #location-carousel, .gallery_margin_bottom { margin-bottom: 20px } .admin_top_the_search_form, .top_the_search_form { position: absolute; width: 100%; z-index: 1032; display: block } .top78, .top_the_search_form { top: 48px } .admin_top_the_search_form { top: 78px } .navigation_search { padding: 0; margin: 0 } div.event-map { height: 300px } .-mr15 { margin-right: -15px } .-ml15 { margin-left: -15px } .scrollup { display: none; height: 40px; width: 40px; position: fixed; bottom: 40px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../images/cd-top-arrow.svg) center 50% no-repeat; background-color: rgba(68, 106, 115, 100); left: 0; right: 10px } .check-circle li:before, .check-circle-primary li:before, .circle li:before, .circle-white li:before, .testimonial-v2 .slick-dots li button:before, .testimonial-v3 .slick-dots li button:before { right: 0 } .fixit_ul { position: relative; color: #2e3233; line-height: 32px } .fixit_ul .fa, .fixit_ul .icon- { display: block; position: absolute; line-height: 31px; left: 0; width: 13px; font-size: 14px; color: #c45d3c; right: 0 } .navbar-fixed-top .welcome-msg p { color: #fff } .widget_search input.form-control { height: 52px } ol#comment_main_div_id { padding: 0 } .media .media-body .reply { margin-bottom: 30px } .author-image img, .media-left.col-md-2 { margin-bottom: 20px } .comment #respond { margin-bottom: 40px } .page-header { background-position: center center } .location-info { margin-top: 30px } .feedback-section, .leave-feedback { margin-top: 40px } .feedback-block { padding: 40px; margin-bottom: 30px } .feedback-block p { font-size: 18px } .client-name h3 { margin-bottom: 0 } .feedback-date { font-size: 12px } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: #c45d3c!important; color: #fff!important; text-transform: uppercase; font-weight: 600; padding: 12px 22px; border-radius: 2px; border: none; line-height: 14px; clear: both; font-size: 12px } .mb30 { margin-bottom: 30px } .ml15 { margin-right: 0; margin-left: 15px } .st-block-left i { padding-left: 20px } .alignnone { margin: 5px 0 20px 20px } a img.alignright { float: right; margin: 5px 20px 20px 0 } a img.alignleft, a img.alignnone { margin: 5px 0 20px 20px } a img.alignleft { float: right } a img.aligncenter { margin-left: auto } .wp-caption.alignleft, .wp-caption.alignnone { margin: 5px 0 20px 20px } .wp-caption.alignright { margin: 5px 20px 20px 0 } .-mr15 { margin-left: -15px } .-ml15 { margin-right: -15px } .fixit_ul { padding-right: 0; padding-left: 26px } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 5px; border-bottom-left-radius: 5px } #navigation ul ul ul { margin-left: 100% } #navigation>ul>li.has-sub>a:after { margin-left: 5px } .long-arrow-right li a:after, .sidenav li a:after { margin-right: 10px; margin-left: 0; left: 0; right: auto } #navigation ul ul li a { text-align: right } .meta-author i, .meta-category i, .meta-comments i, .meta-tag i { padding-right: 5px } .meta-author, .meta-comments { padding-right: 0 } .fix, .fix_adminbar { position: fixed; width: 100% } .date-bg { right: 10px; left: auto } .fix { top: 0 } .fix_adminbar, .fix_adminbar_1 { top: 32px } .btn { padding: 15px 20px } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-right: 0 } .padding-left-0 { padding-right: 0 } .check-circle li, .check-circle-primary li, .circle li, .circle-white li { padding-right: 26px } .padding-right-0 { padding-left: 0 } .top-nav ul { float: left } .navbar-brand, .top-nav ul li { float: right } .store-block { padding-right: 30px } .need-icon, .store-icon { float: right; padding-left: 20px } .ft-social-widget { float: left } .alignleft, .testimonial-img img { float: right } .ft-social-widget a { margin-right: 6px } .section-half-bg { padding: 80px 80px 0 0 } .testimonial-caption { padding-right: 100px } .testimonial-v3-img { float: right; padding-left: 20px } .meta-author, .meta-comments { padding-left: 20px } .meta-author i, .meta-category i, .meta-comments i, .meta-tag i { padding-left: 5px } .alignleft { margin: 30px 0 30px 30px } .alignright { float: left; margin: 30px 30px 30px 0 } blockquote { border-right: 5px solid #c45d3c; border-left: 5px solid #f9f8f4 } .next-block { text-align: left } .comment-title span { margin-right: 25px } .comment-body .meta-date i, .recent-desc .meta-date i { padding-left: 10px } .widget-address i, .widget-phone i, .widget-schedule i { float: right; margin-left: 15px } .location-time, .price-amount { float: left } .feature-left .feature-icon, .st-center-tabs a { float: right } .pricing-block-2 .price-list { padding: 20px 20px 0 } .team-block .well-inner { padding: 20px 0 0 } .team-content { padding: 30px 0 10px } .feature-bdr { border-left: 5px solid #fff } .feature-left .feature-content { padding-right: 60px; text-align: right } .pagination>li>span, .st-pagination .pagination>li>a { float: left; margin-right: -1px; margin-left: 5px } .st-pagination .pagination>li:first-child>a, .st-pagination .pagination>li:first-child>span { margin-right: 0 } .st-tabs .nav-tabs>li>a { margin-left: 2px; border-radius: 2px 2px 0 0 } .cd-top { left: 10px } .social-nav ul { float: left } .social-nav li { float: right; padding-left: 10px } #navigation, #navigation #menu-button, #navigation ul, #navigation ul li, #navigation ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #navigation:after, #navigation>ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } #navigation #menu-button { display: none } #navigation>ul>li { float: left } #navigation.align-center>ul { font-size: 0; text-align: center } #navigation.align-center ul ul, #navigation.align-right ul ul { text-align: right } #navigation.align-center>ul>li { display: inline-block; float: none } #navigation.align-right>ul>li { float: left } #navigation>ul>li>a { padding: 20px 30px; font-size: 14px; letter-spacing: 0; text-decoration: none; color: #acc4ca; font-weight: 600; border-left: 1px solid #074571; border-right: 1px solid #074571; margin-right: -1px } #navigation>ul>li:hover>a { color: #fff; background-color: #375b63 } #navigation>ul>li.has-sub>a:after { position: absolute; content: "\f107"; font: normal normal normal 14px/1 FontAwesome; padding-right: 10px } #navigation ul ul { position: absolute; right: -9999px; left: 0 } #navigation ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease } #navigation li:hover>ul, #navigation.align-right li:hover>ul { left: 0; right: auto } #navigation li:hover>ul>li { height: 50px } #navigation ul ul ul { top: 0 } #navigation.align-right ul ul ul { margin-right: 0; margin-left: 100% } #navigation ul ul li a { border-top: 1px solid #446a73; padding: 18px 16px; width: 230px; font-size: 14px; text-decoration: none; color: #acc4ca; font-weight: 400; background: #375b63 } #navigation ul ul li.has-sub>a:after, #navigation ul ul li.has-sub>a:before { position: absolute; display: block; background: #acc4ca; content: '' } #navigation ul ul li.last-item>a, #navigation ul ul li:last-child>a { border-bottom: 0 } #navigation ul ul li a:hover, #navigation ul ul li:hover>a { color: #fff } #navigation ul ul li.has-sub>a:after { top: 23px; right: auto; left: 11px; width: 8px; height: 2px } #navigation.align-right ul ul li.has-sub>a:after { right: 3px; left: auto } #navigation ul ul li.has-sub>a:before { top: 20px; left: 14px; right: auto; width: 2px; height: 8px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease } #navigation.align-right ul ul li.has-sub>a:before { left: auto; right: 14px } #navigation ul ul>li.has-sub:hover>a:before { top: 17px; height: 0 } .widget_archive ul li { display: inline-flex; width: 100% } .stycky-icon:before { font-family: FontAwesome; content: "\f02e"; font-size: 30px; color: #c45d3c; position: absolute; width: 20px; height: 27px; top: 0; left: 34px; right: auto } .sidenav li a { padding: 0; display: inline-block } .widget ul ul { padding-right: 20px; padding-left: 0 } .gallery-caption, .wp-caption-text { -ms-word-wrap: break-word; word-wrap: break-word } li.post.pingback { margin-bottom: 20px } .gallery-block { margin-bottom: 30px } .gallery-wide .gallery-block { margin-bottom: 0 } .portfolioFilter, .service-mb30 { margin-bottom: 30px } .gallery-wide .gallery-img img { width: 100% } .isotope-item { z-index: 2 } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1 } .isotope, .isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; transition-duration: .8s } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity } .portfolioFilter { text-align: center } .portfolioFilter a { color: #908d8c; font-size: 13px; text-decoration: none; padding: 5px 20px; letter-spacing: 1px; background-color: #eae8e2; border-radius: 3px; margin-right: 5px } .portfolioFilter a.current, .portfolioFilter a:hover { color: #fff; text-decoration: none; background-color: #c45d3c } .grid-item img { display: block } .clearboth { clear: both } .portfolioFilter a { margin-bottom: 20px; display: inline-table } #searchbar-result { height: 52px; z-index: 0 } .slick-track .slick-slide { outline: 0!important } .mb40 { margin-bottom: 40px } @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #navigation { width: 100% } #navigation ul { width: 100%; display: none } #navigation.align-center>ul { text-align: right } #navigation ul li { width: 100%; border-top: 1px solid #375b63 } #navigation li:hover>ul>li, #navigation ul ul li { height: auto } #navigation ul li a, #navigation ul ul li a { width: 100%; border-bottom: 0; border-left: transparent; border-right: transparent; padding: 18px 15px } #navigation>ul>li { float: none } #navigation ul ul li a { padding-right: 25px; padding-left: 0; color: #ddd; background: 0 0 } #navigation ul ul ul li a { padding-right: 35px; padding-left: 0 } #navigation ul ul li.active>a, #navigation ul ul li:hover>a { color: #fff } #navigation ul ul, #navigation ul ul ul, #navigation.align-right ul ul { position: relative; right: 0; left: auto; width: 100%; margin: 0; text-align: right } #navigation #menu-button:after, #navigation #menu-button:before { left: 16px; right: auto; width: 20px; position: absolute; content: '' } #navigation ul ul>li.has-sub>a:after, #navigation ul ul>li.has-sub>a:before, #navigation>ul>li.has-sub>a:after, #navigation>ul>li.has-sub>a:before { display: none } #navigation #menu-button { display: block; padding: 17px; color: #acc4ca; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700 } #navigation #menu-button:after { top: 22px; display: block; height: 8px; border-top: 2px solid #acc4ca; border-bottom: 2px solid #acc4ca } #navigation #menu-button:before { top: 16px; display: block; height: 2px; background: #acc4ca } #navigation #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } #navigation #menu-button.menu-opened:before { top: 23px; background: #fff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } #navigation .submenu-button { position: absolute; z-index: 99; left: 0; right: auto; top: 0; display: block; border-left: 1px solid #375b63; height: 50px; width: 50px; cursor: pointer } #navigation .submenu-button.submenu-opened { background: #375b63 } #navigation ul ul .submenu-button { height: 34px; width: 34px } #navigation .submenu-button:after { position: absolute; top: 22px; left: 0; right: 22px; width: 8px; height: 2px; display: block; background: #acc4ca; content: '' } #navigation ul ul .submenu-button:after { top: 25px; left: 13px; right: 0 } #navigation .submenu-button.submenu-opened:after { background: #fff } #navigation .submenu-button:before { position: absolute; top: 19px; left: 0; right: 25px; display: block; width: 2px; height: 8px; background: #acc4ca; content: '' } #navigation ul ul .submenu-button:before { top: 22px; left: 0; right: 3px } #navigation .submenu-button.submenu-opened:before { display: none } #navigation>ul>li.has-sub>a { padding-right: 15px } } @media (min-width: 1200px) { .section-half-bg { padding: 80px 0 0 80px } .col-lg-mb-10 { margin-bottom: 10px } .col-lg-mb-20 { margin-bottom: 20px } .col-lg-mb-30 { margin-bottom: 30px } .col-lg-mb-40 { margin-bottom: 40px } .col-lg-clear-right { clear: right } } @media (min-width: 992px) and (max-width: 1199px) { .col-md-mb-10 { margin-bottom: 10px } .col-md-mb-20 { margin-bottom: 20px } .col-md-mb-30 { margin-bottom: 30px } .col-md-mb-40 { margin-bottom: 40px } .col-md-clear-right { clear: right } } @media (min-width: 768px) and (max-width: 991px) { .col-sm-clearboth { clear: both } .col-sm-mb-10 { margin-bottom: 10px } .col-sm-mb-20 { margin-bottom: 20px } .col-sm-mb-30 { margin-bottom: 30px } .col-sm-mb-40 { margin-bottom: 40px } .section-half-bg { padding: 30px 0 70px 70px } .col-sm-clear-right { clear: right } } @media (max-width: 767px) { .col-xs-mb-10 { margin-bottom: 10px } .col-xs-mb-20 { margin-bottom: 20px } .col-xs-mb-30 { margin-bottom: 30px } .col-xs-mb-40 { margin-bottom: 40px } .section-half-bg { padding: 50px 10px 100px } .col-xs-clear-right { clear: right } .wp-caption img, .wp-caption img.img-responsive { display: inline-block } } @media (max-width: 320px) { .top-nav ul li { float: left; padding-right: 11px } }