/************************************************* Theme Name: Corpus Juris Theme URI: http://corpus-juris.weblusive-themes.com Description: A Worpdress theme for law and consultation companies featuring a huge variety of customization options. Author: UIUXAesthetics Author URI: http://www.weblusive.com Version: 1.0 License: See on zip package License URI: See on zip package Tags: post-formats, translation-ready Text Domain: corpus-juris *************************************************/ /* TABLE OF CONTENTS 01. Global 02. Effects 03. Header/Footer 04. Tags.........................Like ,

etc. 05. Helpers and utility classes..The general styles like .push-down-15 etc. 06. Components...................Generic layout elements. 06.01. Top Bar 06.02. Header Layout 06.03. Main Title 06.04. Breadcrumbs 06.05. Sidebar 06.06. Footer and Footer-bottom 06.07. Page Builder 06.08. Top Navigation 06.09. Main Navigation 06.10. Footer Navigation 06.11. Jumargin-bottom-ron 06.12. Buttons 06.13. Custom Widgets 06.14. Shortcodes 06.15. Pagination 06.16. Comments 06.17. Widgets 06.18. Misc 06.19. Error 404 06.20. Contact Form 7 06.21. Font Awesome 07. Widgets 08. shortcodes / / * Global Styles ** / html, body{overflow-x: hidden !important;} body { margin:0px; padding:0px; font-family: 'RaleWay', sans-serif; font-size:14px; color:#898989; } body > div.boxed{ width:1200px; margin:0px auto; max-width:100%; position: relative; overflow: hidden; background-color: #fff; } p { color:#898989; padding:0px; line-height:26px; } a:link, a:hover, a:active { text-decoration:none; } a, a:link {color:#282828} a.btn {color:#fff} h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', serif; letter-spacing:0px; margin:0px; padding:0px; font-weight:700; color:#242424; text-shadow: none; line-height: 1.3em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#000; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#c39f76; } h1 { font-size:30px; margin-bottom:10px; } h2 { font-size:28px; position:relative; margin-bottom:20px; } h3 { font-size:26px; margin-bottom:25px; } h4 { font-size:24px; margin-bottom:12px; } h5 { font-size:18px; margin-bottom:18px; font-weight: normal; } h6 { font-size:16px; line-height:24px; font-weight: normal; } blockquote cite{ color:#c39f76; display: block; font-size: 14px; } mark {background-color: #c39f76} .btn-default{ background: #c39f76; color:#fff; border-radius: 0px; border: none; } .btn-default:hover { background: #a58a6b; color: #fff; } .projectsection_bg { background-size:cover; } .text-white{color:#fff !important;} .text-white span {color:#aaa !important;} .text-lighter p{color:#ddd} input, select { outline: none; } .no-padding, .nosidespadding { padding-left: 0; padding-right: 0; } .no-left-padding { padding-left: 0px; } / Different Margins / .no-margin{margin:0 !important;}.no-left-margin{margin-left:0 !important;}.margin-left-5{margin-left:5px !important;}.margin-left-10{margin-left:10px !important;}.margin-left-15{margin-left:15px !important;}.margin-left-20{margin-left:20px !important;}.margin-left-25{margin-left:25px !important;}.margin-left-30{margin-left:30px !important;}.margin-right-_zero{margin-right:0 !important;}.margin-right-5{margin-right:5px !important;}.margin-right-10{margin-right:10px !important;}.margin-right-15{margin-right:15px !important;}.margin-right-20{margin-right:20px !important;}.margin-right-25{margin-right:25px !important;}.margin-right-30{margin-right:30px !important;}.margin-top-minus5{margin-top:-5px !important;}.margin-top-minus10{margin-top:-10px !important;}.margin-top-5{margin-top:5px !important;}.margin-top-10{margin-top:10px !important;}.margin-top-15{margin-top:15px !important;}.margin-top-20{margin-top:20px !important;}.margin-top-25{margin-top:25px !important;}.margin-top-30{margin-top:30px !important;}.margin-top-35{margin-top:35px !important;}.margin-top-40{margin-top:40px !important;}.margin-top-45{margin-top:45px !important;}.margin-top-50{margin-top:50px !important;}.margin-bottom-0{margin-bottom:0 !important;}.margin-bottom-5{margin-bottom:5px !important;}.margin-bottom-10{margin-bottom:10px !important;}.margin-bottom-15{margin-bottom:15px !important;}.margin-bottom-20{margin-bottom:20px !important;}.margin-bottom-25{margin-bottom:25px !important;}.margin-bottom-30{margin-bottom:30px !important;}.margin-bottom-35{margin-bottom:35px !important;}.margin-bottom-40{margin-bottom:40px !important;}.margin-bottom-45{margin-bottom:45px !important;}.margin-bottom-50{margin-bottom:50px !important;}.margin-bottom-55{margin-bottom:55px !important;}.margin-bottom-60{margin-bottom:60px !important;}.margin-bottom-70{margin-bottom:70px !important;}.margin-bottom-75{margin-bottom:75px !important;}.margin-bottom-80{margin-bottom:80px !important;}.margin-bottom-95{margin-bottom:95px !important;} .no-left-padding{padding-left: 0;} .no-right-padding{padding-right: 0;} .no-right-margin{margin-right: 0;} / Page Heading slider **/ .main-container { padding: 10px 15px; } .carousel-indicators { bottom: 0; } .carousel-control.right, .carousel-control.left { background-image: none; } .carousel .item { min-height: 50px; height: 100%; width:100%; } .carousel-control .icon-next, .carousel-control .icon-prev{ background:rgba(0,0,0,0.1); width: 40px; height: 40px; font-size: 36px; margin-top:-20px; } .carousel-indicators .active{background-color:rgba(0,0,0,0.7);} .carousel-indicators li{border-color:#333} .carousel-caption {background:rgba(195,159,118,0.5); bottom:30%} .carousel-caption p { color: #eee;} .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6{ color:#fff; } /* * Contact Forms * / .form-control{ border-radius: 0; box-shadow: none; border: solid 1px #eee; height:42px; } .form-group {margin-bottom:15px !important;} / Portfolio Section * / .isotopeSelector { margin-bottom: 30px; } / category filter / ul.filter{padding-left:0} ul.filter > li > a { padding: 9px 0px; text-decoration: none; color: #c1c1c1; display: block; line-height: 25px; box-sizing: border-box; border-bottom: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 2px solid transparent; } ul.filter > li > a:hover, ul.filter > li > a:focus, ul.filter > li.active a { border-bottom: 1px solid #c39f76; color:#c39f76; } ul.filter > li span { color:#ddd; font-size:20px; display:inline-block; margin:0 5px } .filter-container .filter > li { display: inline-block; font-weight: 700; list-style: none; margin-left: 0; margin-right: 0; padding:0 21px; text-transform: uppercase; } .filter-container .filter > li:first-child{padding-left:0} .filter-section h1 { text-align:center } ul.filter li a{cursor: pointer;} .mfp-title{text-align: center} .project-popup-title{ display: inline-block; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } ul.filter > li a.active{ color: #c39f76; border-bottom: 2px solid #c39f76; } / the color of the transparent overlay border / @media only screen and (max-width: 767px) { .filter-section .filter-container .filter > li { font-size: 12px; margin-left: 0; margin-right: 0; padding: 0 5px; } } .portfolio-section { margin-left: -15px; margin-right: -15px; } .portfolio-section figure { position: relative; float: left; overflow: hidden; margin: 10px 0; min-width: initial; max-width: 480px; max-height: 360px; background: #000; text-align: center; cursor: pointer; } .portfolio-section figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.7; } .portfolio-section figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .portfolio-section figure figcaption::before, .portfolio-section figure figcaption::after { pointer-events: none; } .portfolio-section figure figcaption, .portfolio-section figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } / Anchor will cover the whole item by default / / For some effects it will show as a button / .portfolio-section figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .portfolio-section figure h2 { font-weight: 300; } .portfolio-section figure h2 span { font-weight: 800; } .portfolio-section figure h2, .portfolio-section figure p { margin: 0; } .portfolio-section figure p { letter-spacing: 1px; font-size: 68.5%; } / Hover Effect / figure.effect-chico {position: relative} figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); } figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } figure.effect-chico figcaption { padding: 3em; } figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); } figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-chico h2 { margin: 20% 0 20px 0; font-size: 1em; color:#fff; } figure.effect-chico p { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5); color:#ddd; } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* Header Top Bar * / .top-bar { background:#222; } ul.hdr_top_list { margin:0 !important; padding:0px; } ul.hdr_top_list li { list-style:none; display:inline-block; color:#acacac; padding-right:26px; margin-right:32px; font-size: 1.06em; border-right: 1px solid #282828; line-height: 40px; font-family: 'Montserrat', sans-serif; } ul.hdr_top_list li:last-child { margin-right:0px; } .hdr_call_icon { padding-left:31px; } .hdr_social_icons { float:right; } .hdr_social_icons a { width:39px; height:41px; float:left; text-align:center; line-height:41px; border-right:1px solid #08243c; color:#c39f76; font-size:16px; } .hdr_social_icons a:hover { color:#fff; } / Header / Navigation * / header { background:#282828; background-size: cover; position:relative; } .logged-in header.navbar-fixed-top{top:32px} .sticky-navbar .home-slider, .sticky-navbar .inner_page_bnr{margin-top:117px} .navbar-fixed-bottom, .navbar-fixed-top{width:inherit; right:initial; left:initial} .wp-customizer .navbar-fixed-top{width:100%; right:0; left:0} header .navbar-inverse{background: none; border:none} .navbar {margin-bottom:0} /.navbar-brand {height: 70px}/ .navbar-toggle {margin-top:18px} header .navbar-inverse .navbar-brand {padding:12px 0} nav .navbar-collapse > ul > li { font-size:15px; font-weight:700; } nav .navbar-collapse > ul > li:last-child { margin-right:0px; background:none; } nav .navbar-collapse > ul > li.current > a, nav .navbar-collapse > ul > li:hover > a { color: #fff; } .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#c39f76;border:none; color:#fff} header .navbar-inverse .navbar-nav>li>a { display:block; padding:28px 20px; color: #eee; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav > a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background: none; color: #c39f76; } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{ color: #c39f76; } @media screen and (min-width: 991px){ .navbar-nav{float:right} } .dropdown-menu{box-shadow: none; border:0; border-radius:0} .btn-group .dropdown-menu {background: #f8f8f8; border-radius: 0} .dropdown-menu .divider{padding:0} .dropdown-menu li.divider:last-child{display: none} .dropdown-submenu>.dropdown-menu { background: #282828; border-radius: 0; } .navbar-nav>li>.dropdown-menu{border-radius: 0} nav .navbar-collapse > ul > li:last-child > a { padding-right:0px; } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{background-color: transparent; border-color:inherit} nav .navbar-collapse > ul > li.dropdown-menu > a { position: relative; } nav .navbar-collapse > ul > li.dropdown-menu a:after { content: '\f107'; font-family: 'FontAwesome'; color: #404040; margin-left: 10px; font-weight: 600; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } nav .navbar-collapse > ul > li.dropdown-menu:hover > a:after, nav .navbar-collapse > ul > li.dropdown-menu.current > a:after { color: #74b108; } nav .navbar-collapse > ul > li.dropdown-menu:hover > a:after, nav .navbar-collapse > ul > li.dropdown-menu.current > a:after { color: #74b108; } nav .navbar-collapse > ul > li > ul { background: #282828; box-shadow: 0px 0px 0px 0px; } @media screen and (min-width: 991px){ .navbar-nav:not(.sm-collapsible) ul .caret{margin-top:20px !important;} nav .navbar-collapse > ul > li:hover > ul { top: 100%; visibility: visible; opacity: 1; filter: alpha(opacity=100); } nav .navbar-collapse > ul > li > ul { border-radius: 0; display: inherit; padding:0px; position: absolute; top: 200%; width: 260px; background: #282828; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s cubic-bezier(0.84, 0.35, 0.39, 0.74); transition: all 0.5s cubic-bezier(0.84, 0.35, 0.39, 0.74); } } nav .navbar-collapse > ul > li ul.subnav_rght { right:0px; } nav .navbar-collapse > ul > li ul li { position: relative; overflow: hidden; line-height: 50px; } nav .navbar-collapse > ul > li ul li:before { display:none; } nav .navbar-collapse > ul > li ul li:hover:before { color: #9fc612; } nav .navbar-collapse > ul > li > ul > li > a , .dropdown-submenu>.dropdown-menu a{ color: #acacac; display: block; text-align: left; line-height: inherit; font-size: 15px; text-transform: none; -webkit-transition: all .3s ease; transition: all .3s ease; font-family: 'RaleWay', sans-serif; font-weight: 400; border-bottom: 1px solid #333; } nav .navbar-collapse > ul > li ul li a:hover { color: #fff; background:#c39f76; } nav .navbar-collapse > ul > li ul li:hover { overflow: visible; list-style:none; } nav .navbar-collapse { } nav .navbar-collapse > ul > li.dropdown > a:after{ content: none; } / Inner Page Banner / Title / Breadcrumb * / .inner_page_bnr { padding: 20px 0px; background-size: cover; z-index: 1; position: relative; } .inner_page_bnr.service_page_bnr { background: url(images/banner.png) no-repeat center center; background-size:cover; } .inner_page_bnr.service_page_bnr h1 { color:#fff; position: relative; } .breadcrumbs-container { background:#f8f8f8; border-bottom:1px solid #ebebeb; } .breadcrumb { padding: 17px 0; margin: 0px; background: none; border-radius: 0px; } .breadcrumb li { font-size: 14px; font-weight: 700; color: #bfbfbf; text-transform: uppercase; } .breadcrumb li a { color: #999a9f; text-decoration: none; } .breadcrumb li a:hover { color: #000; } .breadcrumb>.active { color: #bfbfbf; } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "\f105"; font-family: 'FontAwesome'; } / Footer * / .footer-top { padding:40px 0px 41px; background-size:cover; } .footer-top h5 { font-size:35px; color:#fff; font-weight:700; letter-spacing:1px; line-height:44px; } .footer-top h5 a { color:#c39f76; text-decoration:underline; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } .footer-top h5 a:hover { color:#fff; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } .footer-middle { background: #2e2e2e; padding:60px 0; } .footer-widget > h6 { font-size:24px; color: #c39f76; font-weight:400; position:relative; text-transform: none; letter-spacing:-1px; line-height:18px; margin:0px 0px 25px; position: relative; display: inline-block; } .footer-widget > h6:after { position:absolute; width:25px; height:1px; content:""; background:#c39f76; bottom:0px; right:-35px; } footer p, footer { font-size: 14px; color:#acacac; letter-spacing: 0px; line-height:24px; } footer p {margin: 17px 0px;} .footer-social { margin: 20px 0px 0px; padding: 0px; } .footer-social a { margin-right: 10px; display:inline-block; } .footer-social a i { color: #c39f76; width:37px; height: 37px; border: 1px solid #c39f76; text-align: center; line-height: 37px; font-weight: 600; font-size: 15px; } footer .menu {list-style: none} footer .menu a {color:#acacac} footer .menu li {display: inline-block; margin-left:10px} ul.footer-navigation { margin:0px; padding:0px; } ul.footer-navigation li { width: 100%; float: left; font-size: 14px; margin: 9px 0px; color: #546e85; list-style: none; padding-left: 12px; letter-spacing: 0.4px; } ul.footer-navigation li a { color: #546e85; text-decoration: none; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } ul.footer-navigation li a:hover { color: #fff; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } .footer-bottom { background: #323232; padding: 28px 0px; } .footer-bottom p { margin:0px; } / Services Shortcode * / ul.service_nav { margin:0px; padding:0px; border:1px solid #eee; border-left:0px; background: #f8f8f8; } ul.service_nav li { list-style:none; font-family: 'Montserrat', serif; border-bottom:1px solid #eee; padding:0 } ul.service_nav li a { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; border-left:5px solid #eee; padding:18px 12px 17px; display:block; } .vernav.border-right ul.service_nav li a {border-left:none; border-right:5px solid #eee;} ul.service_nav li i { font-size: 22px; margin-right: 10px; float: left; margin-top: 2px; } ul.service_nav li a:hover, ul.service_nav li a.service_nav_active { background:#fff; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; border-color: #ddd; } ul.service_nav li:last-child { border-bottom:0px; } .vernav-title{ padding:18px 20px; background: #c39f76; } .vernav-title h4{ margin-bottom: 0; color: #fff; letter-spacing: 2px; text-transform: uppercase; font-size: 13px; } / * Shortcodes ** / /-- Testimonial --/ .testimonial-author{margin-top:20px} .testimonial-author strong{ color:#c39f76; display: block; } .testimonial-img{ margin-top:6px; border-radius: 3px; } .quote-image { display: inline-block; background: url('images/quote.png') no-repeat; width: 42px; height: 30px; margin-right: 4px } /-- Blog Listing 2 --/ .news_img img {width:100%} .support_br { margin:-3px 0px 0px; } .support_list { padding:23px 30px 18px 30px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } .support_list:hover { background-size:cover; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } .support_list:hover h5, .support_list:hover h5 a { color:#fff; } .support_list:hover p { color:#fff; } .support_list.support_read_more { padding:19px 30px; border-bottom:0px; float:left; } .support_list.support_read_more:hover { background:none; } #search-bar {position: relative} #search-bar input[type="text"]{display: inline-block;} #search-bar button{ padding: 10px 14px; position: absolute; right: -6px; top: 1px; } .post-img{margin-right: 15px; float: left;} .post-img img{max-width: 70px !important;} / * FAQ Page ** / .accordion-inner.faq-accordion-inner { border:1px solid #d1d1d1; border-top:0px; padding:25px 30px 35px; } .accordion-inner { background:none; padding:33px 0px 36px; } / * Contact Page ** / ul.contact_info { margin:0px; width:100%; float:left; padding:0px; border-top:1px solid #e5e5e5; } ul.contact_info li { list-style:none; float:left; width:100%; padding:27px 0px 27px 80px; border-bottom:1px solid #e5e5e5; } ul.contact_info li:last-child{border-bottom: none} ul.contact_info li p { letter-spacing:0px; } / * News Page ** / ul.recent_list { margin:0px; padding:0px; } ul.recent_list li { list-style:none; border-bottom:1px solid #e1e1e1; padding:14px 0px; } ul.recent_list li h6 { font-size:15px; color:#404040; font-weight:700!important; font-family: 'RaleWay', sans-serif!important; line-height:22px; letter-spacing:0px; margin-bottom:10px; } ul.recent_list li h6 a { color:#404040; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } ul.recent_list li h6 a:hover { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; text-decoration:underline!important; } ul.recent_list li p { font-size:14px; } ul.categories_list { margin:0px; padding:0px; width:100%; float:left; } ul.categories_list li { list-style:none; float:left; width:100%; font-size:15px; border-bottom:1px solid #e6e6e6; letter-spacing:0.3px; } ul.categories_list li:last-child { border-bottom:0px; } ul.categories_list li a { color:#898989; text-decoration:none; display:block; padding:10px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } ul.categories_list li a:hover { color:#458ac4; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } ul.blog_icon_list { padding:0 0 6px 0; } ul.blog_icon_list li { list-style:none; display:inline-block; padding-left:22px; font-size:12px; font-weight:700; line-height: 34px; margin-right:16px; } ul.blog_icon_list li a { color:#b8b8b8; } .pagination, .page-link { border-radius: 0px; margin-bottom: 0px; margin-top:0px; } .pagination >li, .page-link li { font-size: 18px; font-weight: 700; margin-right: 10px; float: left; } .pagination >li >a, .pagination>li>span, .page-link a { color: #000; border: 1px solid #eee; background: none; width: 44px; height: 44px; line-height: 40px; text-align: center; padding: 0px; } .page-link a {display: inline-block; margin-left:6px} .pagination >li >a:hover, .pagination>li>span:hover, .page-link a:hover { border-color: #c39f76; background-color: #fff; } .pagination>li:first-child>a, .pagination>li:first-child>span, .page-link > li:first-child > a, .page-link > li:first-child > span { border-radius: 0px; } .pagination>li:last-child>a, .pagination>li:last-child>span, .page-link li:last-child > a, .page-link>li:last-child>span { border-radius: 0px; } / * News Single ** / .comment_white_col, .shortcode-quote { width: 100%; float: left; background: #f5f4f4; border-radius:5px; padding: 24px 31px 37px; margin:25px 0px; } .shortcode-quote{margin:0} .quote_icon { width: auto; float: left; margin: 5px 34px 0px 0px; } .comment_info { width: 85%; float: left; } .comment_info .coment_name { font-size: 15px; color: #c39f76; font-style: italic; font-weight: 300; float: right; font-family: 'Raleway', sans-serif; } .main_txt { width:100%; float:left; margin:20px 0px 5px; } .main_txt p { color:#8e8d8d; letter-spacing:0px; } .main_txt p span { font-weight:700; font-style:italic; font-size:16px; letter-spacing:0.3px; } .main_txt p a { color:#22ace1; text-decoration:underline; } .main_txt p a:hover { color:#000; } .social_plugin { width:100%; float:left; margin:40px 0px 50px; } .social_plugin ul { margin:0px; padding:0px; } .social_plugin ul li { list-style:none; float:left; font-size:12px; font-family: 'RaleWay', sans-serif; font-weight:700; margin-right:5px; } .social_plugin ul li a { color:#fff; text-decoration:none; display:block; } .social_plugin ul li a.share_plugin { background:#fff; border:2px solid #f2f2f2; padding:15px!important; position:relative; margin-right:5px; } .social_plugin ul li a.share_plugin:after { width:8px; height:12px; position:absolute; right:-8px; top:18px; content:""; } .social_plugin ul li a.twitter_plugin { background:#4cc5f3; padding:17px 18px; } .social_plugin ul li a.twitter_plugin:hover { background:#0ea2db; } .social_plugin ul li a.facebook_plugin { background:#758ab7; padding:17px 19px; } .social_plugin ul li a.facebook_plugin:hover { background:#264b9b; } .social_plugin ul li a.google_plugin { background:#e78074; padding:17px 20px; } .social_plugin ul li a.google_plugin:hover { background:#ce3321; } .social_plugin ul li a.linkedin_plugin { background:#4ca2cc; padding:17px 18px; } .social_plugin ul li a.linkedin_plugin:hover { background:#167daf; } / * Error 404 Page ** / .error-page{text-align: center;} .error-page .not-found{ background:#000; color:#fff; padding: 20px; display: inline-block; } .error-page .error-page-content{ background:#fff; font-weight: 300; font-size: 14px; line-height: 24px; margin-top:40px; margin-bottom: 40px; } .error-page .btn-error{ background: #c39f76; padding: 15px; font-family: "RaleWay", sans-serif; font-weight: 400; font-size: 18px; color: #fff; line-height: 22px; letter-spacing: 0.3px; } / * BLOG * / ul.blog_icon_list li{padding-left: 0} .blog_icon_list li i{margin-right: 5px;} .blog-posts p{color: #8e8d8d; margin-bottom: 20px;} .blog-posts article{margin-bottom:60px} .link-post .link-post-url{font-size: 20px; color: #c39f76} .link-post .link-post-url i{margin-right: 10px;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ border: 1px solid #eee; background: #c39f76; } .blog-details {margin-right: 30px} ul.comment-list-block, ul.comment-list-block > li > ul{padding: 0; list-style: none;} ul.comment-list-block > ul.children .comment{padding-bottom: 0;} ul.comment-list-block>li.odd{ background: #fcfcfc } #comment-form input#submit{font-weight: bold; line-height: 34px; padding: 0 12px;} .leave_cmt_col .no-padding{padding: 0;} .comment-list-block { border:1px solid #eee; margin-bottom:45px; } .page-content li.comment-list-item { padding:24px 30px 20px 25px; border-bottom:1px solid #eee; background: #fff; } .page-content ul.children li.comment-list-item{border-bottom:0; background: none} @media screen and (max-width:480px){ .comment-list-item {padding:15px } } .date-reply{padding-left:0} .comment-list-item:last-child { border-bottom:0px; } .commenter-avatar { margin-right: 30px; width:auto; float:left; } .comment-details { margin:5px 0px 0px; } .comment-list-item h6 { color: #242424; font-size: 15px; font-family: 'Raleway', sans-serif!important; text-transform: none; margin-bottom:4px; } .comment-list-item > ul { margin: 10px 0px 10px; padding: 0px; } .comment-list-item > ul > li { list-style: none; font-size: 13px; color: #c39f76; letter-spacing:0px; } .leave_cmt_col { background:#f8f8f8; padding:30px; border:1px solid #eee; } .social_plugin .share_icon{ background: #fff; border: 1px solid #eee; padding: 15px!important; position: relative; margin-right: 5px; display: inline-block; font-size: 18px; line-height: 18px; } .social_plugin .share_icon:after, .social_plugin .share_icon:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .juiz_sps_links{display: inline-block; margin: 0; vertical-align: bottom;} .flexslider{box-shadow:none !important; border-color:#f8f8f8 !important; border-radius:0 !important;} / * WIDGETS * / aside.right-sidebar, aside.left-sidebar {background: #f8f8f8} .sidebar-widget{ padding:30px 20px; } .sidebar-widget img, .sidebar-widget select{ max-width: 100%; height: auto; } .sidebar-widget, .sidebar-widget p{ font: 400 14px/26px "RaleWay", sans-serif; letter-spacing: 0.3px; color: #898989; } .widget .widget-title{margin-bottom: 30px;} .footer-widget, .footer-widget a{ font-size: 14px; margin: 17px 0px; letter-spacing: 0px; line-height: 24px; } .footer-widget .textwidget ul{list-style: none; padding-left:0px} .footer-widget .textwidget li { line-height: 36px; } .footer-widget .textwidget li:before{ font-family:FontAwesome; content: "\f105"; color:#c39f76; margin-right:7px } .footer-widget a{color:#fff} .footer-bottom a {color:#acacac} .footer-widget a:hover, .footer-bottom a:hover{color: #c39f76;} .topbar-left, .topbar-right{padding: 0;} .topbar-widget{display: inline-block; color: #c39f76; } .topbar-widget a{color: #c39f76;} .right-topbar{text-align: right;} /categories/ .widget_categories ul, .widget_archive ul, .widget_meta ul, .recentcomments ul, .widget_recent_entries ul, .widget_pages ul { padding-left: 0; list-style: none; } .widget_categories ul ul, .widget_archive ul ul, .widget_meta ul ul, .recentcomments ul ul, .widget_recent_entries ul ul, .widget_pages ul ul{padding-left:16px} .widget_categories > ul > li, .widget_pages > ul > li, .widget_archive > ul > li, .widget_meta > ul > li, .recentcomments > ul > li, .widget_recent_entries > ul > li{ font-size: 15px; border-bottom: 1px solid #e6e6e6; letter-spacing: 0.3px; padding: 10px 0px; } .widget_archive ul li:after, .widget_meta ul li:after, .recentcomments ul li:after, .widget_recent_entries ul li:after{ content: "\f105"; font-family: 'FontAwesome'; width: 20px; height: auto; display:inline-block; float: right; } .widget_pages ul ul li a {line-height: 30px; font-size: 0.9em} .widget_pages ul ul li {list-style: initial; margin-left: 20px} .footer-widget.widget_categories ul li, .footer-widget.widget_archive ul li, .footer-widget.widget_meta ul li{ padding: 5px 0px; border-bottom: none; } /tags/ .tags, .tagged_as {margin:20px 0; display: block} .tags a, .tagged_as a{ border: solid 1px #eee; padding: 2px 6px; display: inline-block; margin-left: 10px; margin-bottom:10px; } .tags a:hover, .tagged_as a:hover { background: #c39f76; color: #fff; border: 1px solid #c39f76; } ul.wp-tag-cloud{margin: 0; padding: 0;} ul.wp-tag-cloud li{ list-style: none; display: inline-block; padding-bottom:0; } ul.wp-tag-cloud li a{ text-decoration: none; border: 1px solid #eee; display: block; background: #fff; padding: 2px 10px; vertical-align: middle; font-size: 14px !important; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } ul.wp-tag-cloud li a:hover{ background: #c39f76; color: #fff; border: 1px solid #c39f76; } ul.wp-tag-cloud li a:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #333; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } ul.wp-tag-cloud li a:hover:before, ul.wp-tag-cloud li a:focus:before, ul.wp-tag-cloud li a:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .footer-widget ul.wp-tag-cloud li a{color: #546e85; background: transparent; border-color: #546e85;} / Contact Us Widget / .contact-widget-wrapper{max-width:100% !important;} .widgetinfo {color:#9dd55d; font-size:15px; text-transform:uppercase; font-weight: bold; } .widgetinfo i{color:#9dd55d; margin-right:6px} .footer-widget #contactFormWidget input[type="text"], .footer-widget #contactFormWidget textarea { background: #222; border-color: #333; } /flickr/ ul.flickr-list{ list-style: none; margin: 0; padding-left: 0; } ul.flickr-list li{width: auto; padding:0} ul.flickr-list li, ul.flickr-list li a { display: inline-block; } .flickr-widget a img{ margin: 0 10px 10px 0; display: inline-block; width: 75px; height: 75px; border-radius: 0; border: 3px solid #eee; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .flickr-widget a img:hover{ border-color: #c39f76; } /social icons/ ul.social-widget{ padding-left: 0; margin: 0; list-style: none; } .social-widget.head li{ display: inline-block; padding: 0; } .social-widget.head li a { width: 39px; height: 41px; text-align: center; line-height: 41px; border-right: 1px solid #282828; color: #c39f76; font-size: 16px; display: block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .social-widget.head li a:hover{color: #fff;} .social-widget.head li a:hover:before, .social-widget.head li a:focus:before, .social-widget.head li a:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .social-widget.head li a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #c39f76; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } ul.social-widget.side li{ display: inline-block; margin-bottom: 8px; } ul.social-widget.side a { font-size: 25px; color: #c3c3c3; } ul.social-widget.side a:hover{ background-color: transparent; color: #c39f76; } ul.social-widget.footer li{ display: block; float: left; padding: 0; margin-bottom: 10px; } ul.social-widget.footer li a{ color: #546e85; width: 37px; height: 37px; border: 1px solid #546e85; border-radius: 28px; text-align: center; line-height: 37px; font-weight: 600; font-size: 15px; margin-right: 10px; float: left; } ul.social-widget.footer li a:hover{ color: #c39f76; border: 1px solid #e5c463; } /bloglist/ .recent_posts_wid ul.recent_list li{ list-style: none; border-bottom: 1px solid #eee; padding: 14px 0px; } .footer-widget ul.recent_list li h6 a{color: #ffffff;} .footer-widget ul.recent_list li h6 a:hover{color: #458ac4;} .footer-widget ul.recent_list li p{margin: 0;} .popular-post .item-img i{ width: 70px; height: 70px; border: 1px solid #eee; text-align: center; line-height: 65px; font-size: 30px; max-width: 100%; max-height: 100%; color: #888; background: #f0f0f0; } /Instagram*/ ul.instagram-pics{ list-style: none; margin: 0; padding-left: 0; } ul.instagram-pics li{width: auto;} ul.instagram-pics li, ul.instagram-pics li a { display: inline-block; } .instagram-pics a img{ margin: 0 10px 10px 0; display: inline-block; width: 75px; height: 75px; border-radius: 0; border: 3px solid rgba(204,204,204,0.9); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .instagram-pics a img:hover{ border-color: #c39f76; } /3 In 1***/ .tab-widget .nav-tabs { border: none; border-bottom: none; } .tab-widget .nav-tabs > li { border: none; margin: 0px; padding: 0px; float: left; border: none; width: 50%; } .tab-widget .nav-tabs > li a { border: none !important; float: left; width: 100%; padding: 10px 0px; border-bottom: 1px solid #fff !important; margin: 0; font: 400 12px/1 "Montserrat", serif; color: #242424; position: relative; text-transform: uppercase; background: none; } .tab-widget .nav-tabs > li:hover a, .tab-widget .nav-tabs > li.active a { border-bottom: 1px solid #c39f76 !important; color: #c39f76; outline: none; background: none; } .footer-widget .tab-widget .nav-tabs > li a{color: #927f3c} .widget_nav_menu ul.menu {overflow: hidden; padding-left: 20px} .widget_nav_menu ul.menu ul {padding-left:16px} /---calendar---/ #wp-calendar{border:solid 1px #dfdfdf; width:100%; max-width: 100%;} #wp-calendar td {padding:8px; border-bottom:solid 1px #ededed} #wp-calendar tbody td {border-left:solid 1px #ededed; text-align:center} #wp-calendar th{padding:4px !important; background:#333; color:#fff; text-align:center} #wp-calendar caption {background:#c39f76; padding:4px; color:#fff} .footer-widget #wp-calendar tbody {color: #e5e5e5;} .footer-bsidebar{margin: 0;} /* * Wp Default classes * / .wp-caption{max-width:100%; height:auto} .wp-caption-text{} .sticky{background-color:#f8f8f8; margin-right:15px; margin-left:0; padding:20px 20px 40px 20px} .gallery-caption{color:#8e8d8d} .bypostauthor{} .commentsectionwrap {margin-top:20px} .alignleft { float: left; margin: 0 20px 10px 0;} .alignright { float: right; margin: 0 0 10px 20px;} .aligncenter {display: block; margin: 0 auto;} .screen-reader-text{} / Tables ** / table{ width: 100%; margin-bottom: 20px; } table thead th{ font-weight: bold; -webkit-font-smoothing: antialiased; text-align: center; padding: 14px; background: #c39f76; color: #ffffff; font-size: 17px; border: 1px solid #c39f76; border-bottom:0; } table tbody th{border: 1px solid #dedede; padding:14px; } table td{ padding: 14px ; -webkit-font-smoothing: antialiased; line-height: 22px; margin: 0; background: #ffffff; border: 1px solid #eee ; } table th a {text-decoration:none; color:#404040} table th a:hover {text-decoration:underline} / * Divider * / .line-spacer{border-color: #d5d7da;} / Heading / .tblock{position: relative;} .tblock.lined:after{ width: 35px; position: absolute; height: 1px; background: #c39f76; content: ''; bottom: 8px; margin-left: 14px; } .tblock.lined.fnt_white_color:after{ background: #ffffff; } .tblock span {display: block; font-size:0.5em; color:#999; line-height: 22px; font-weight: normal} / * Blockquote ** / .quote_icon i{font-size: 50px;} .shortcode-quote .comment_info{width: 80%;} .shortcode-quote2{text-align: center;} .shortcode-quote2 .quote_icon2 { background: #c39f76; width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 80px; font-size: 40px; color: #fff; margin: 0 auto; } .shortcode-quote2 p, .shortcode-quote2 span { font-size: 18px; font-style: italic; line-height: 30px; margin: 40px 0px 30px; font-weight: 100; } .shortcode-quote2 span.coment_name2{ color: #c39f76; margin: 0px; } .shortcode-quote2.color-white p{color: #fff;} / * Button ** / .btn-shortcode { text-align: center; border:none; font-family: 'Raleway', sans-serif; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{ border:none; background-color: #a58a6b; box-shadow:none; } .btn-shortcode:hover{border:none} .btn-shortcode:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #262626; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 0px; } .btn-shortcode:hover:before, .btn-shortcode:focus:before, .btn-shortcode:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .btn-primary, a.btn.btn-primary { border: solid 1px #c39f76; color:#c39f76; border-radius:0; background: transparent; } .btn-primary:hover{ background: #c39f76; color:#fff; border-color: #c39f76; } .btn-transparent, .btn-transparent:hover{color: #fff; border: solid 1px #fff;} .btn-shortcode i{margin-left: 15px;} .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default, .btn-default:hover{ color: #fff; } .btn.btn-shortcode.btn-lg{padding: 15px 22px; font-size: 18px;} .btn-black{ background: #131313; color: #fff; border: 0px; text-transform: uppercase; } .btn-black:hover{color: #ffffff;} .btn-black:before { background: #c18e05; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{ background-color: #c39f76; border-color: #c39f76; outline:none; } .post-password-form input[type="submit"]{ background: #c39f76; color: #fff; border: 1px solid #c39f76; padding: 2px 12px } / Accordion / .acc-shortcode{ border: 1px solid #dcdcdc; background:#f6f6f6; } .acc-shortcode.dark{background: none} .acc-shortcode .panel{ border: none; border-bottom: 1px solid #eee; border-radius: 0; margin-top: 0; background: transparent; box-shadow: none; } .acc-shortcode.dark .panel{border-bottom: 1px solid #666;} .acc-shortcode.panel-group .panel+.panel{ margin-top: 0; } .acc-shortcode .panel-default>.panel-heading { background-color: transparent; border-color: transparent; border-bottom: 0px none; font-size: 15px; padding: 0; } .acc-shortcode .panel-default>.panel-heading a.collapsed{ color: #262626; background:none; } .acc-shortcode.dark .panel-default>.panel-heading a.collapsed{ color: #fff; } .acc-shortcode .panel-default>.panel-heading a:hover, .acc-shortcode .panel-default>.panel-heading a:focus{ color: #fff; background: #c39f76; text-decoration: none; } .acc-shortcode .panel-default>.panel-heading a:hover i, .acc-shortcode .panel-default>.panel-heading a:focus i{ color:#fff !important; } .acc-shortcode .panel-default>.panel-heading a i.fa-plus{display: none;} .acc-shortcode .panel-default>.panel-heading a.collapsed i.fa-plus{display: block;} .acc-shortcode .panel-default>.panel-heading a.collapsed i.fa-minus{display: none;} .acc-shortcode .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #eee; background: transparent; width: 100%; padding: 30px 30px 36px; font-family: 'RaleWay', sans-serif; font-size: 15px; letter-spacing: .40px; line-height: 26px; } .acc-shortcode.dark .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #666; } .acc-shortcode{border: none;} .acc-shortcode .panel-default>.panel-heading a{ display: block; cursor: pointer; padding: 17px 20px 16px !important; color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; outline: medium none !important; text-decoration: none; background: #c39f76; letter-spacing: 2px; } .faq-category-section{margin-bottom:60px} .faq-category-section .acc-shortcode .panel-default>.panel-heading a{ font-weight: normal; font-size: 14px; letter-spacing: 0; text-transform: none; } .acc-shortcode .panel-group{ border-bottom: 1px solid #dedede; } .acc-shortcode .panel-default>.panel-heading a i{ margin: -5px 0px 0px; color: #ffffff; font-size: 14px; height: 29px; line-height: 29px; text-align: center; width: 29px; float: right; border: none; background: none; } .acc-shortcode .panel-default>.panel-heading a.collapsed i{ color: #6c6c6c } .acc-shortcode .panel-default>.panel-heading+.panel-collapse>.panel-body{ background: none; padding: 32px 20px; width: 100%; } .acc-shortcode.dark .panel-default>.panel-heading+.panel-collapse>.panel-body{ padding: 32px 0px; } .panel{border-radius: 0} .panel-heading{border-radius:0} .panel-default, .panel-primary, .panel-primary>.panel-heading{border-color:#eee} .panel-primary>.panel-heading {background-color: #c39f76} .panel-body{ line-height: 1.8;} .panel-footer{background-color: #f8f8f8; border-top:none} .panel-footer .panel-title{ text-transform: uppercase; font-size: 10px; color: #333; font-weight: bold;} .panel-heading .panel-title{text-transform: uppercase; font-weight: bold; font-size:14px; letter-spacing: 2px;} .panel-title i {margin-right: 6px} / * Alert ** / .alert span.icon{margin-right: 5px;} / * Featured Block ** */ .fblock1 i{font-size: 50px;} .fblock1 .fl{ float: none; display: inline-block; } .fblock1.color-white i, .fblock1.color-white p, .fblock1.color-white h5{color: #ffffff;} .fblock2 .service-icon { display: inline-block; font-size: 48px; color: #c39f76; width: 20%; line-height: normal; vertical-align: top; } .fblock2 .service-description { display: inline-block; width: 75%; padding-top: 5px; } .fblock2.color-white h4{color: #ffffff;} .fblock2.color-white p{color:#ffffff;} .fblock2.color-white a.service_read.service_read1{color: #ffffff;} .fblock2.color-black h4{color: #000000;} .fblock2.color-black p{color:#000000;} .fblock2.color-black a.service_read.service_read1{color: #000000;} .fblock3 i{ font-size: 48px; color: #084362; } .fblock3 h4{ margin:0px 0 15px; } .fblock3 .read_more{margin-top: 10px; float: none;} .fblock3:hover h4 a { color: #000; } a.more-link { color: #c39f76; display: inline-block; font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .05em; max-width: 100%; position: relative; padding: 0 35px; text-transform: uppercase } a.more-link:hover {color: #c39f76;} .disabled.more-link { opacity: 0; margin-top: -20px!important; pointer-events: none } @media screen and (max-width: 1024px) { .more-link { padding:0 30px } } @media screen and (max-width: 949px) { .more-link { font-size:12px } } @media screen and (max-width: 567px) { .more-link { font-size:11px; padding: 0 20px } } .more-link span { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 40px; -webkit-transform: translateY(18px); transform: translateY(18px); -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out } @media screen and (max-width: 1024px) { .more-link span { line-height:45px; -webkit-transform: translateY(17px); transform: translateY(17px) } } @media screen and (max-width: 719px) { .more-link span { line-height:30px; -webkit-transform: translateY(10px); transform: translateY(10px) } } .more-link:after,.more-link:before { content: ''; display: block; position: absolute; -webkit-transition: width .25s ease-in-out,height .25s ease-in-out,opacity 0ms .25s; transition: width .25s ease-in-out,height .25s ease-in-out,opacity 0ms .25s } .more-link:before { height: 1px; width: 25px; border-bottom: 1px solid #a58a6b; border-left: 1px solid #a58a6b; bottom: 0; left: 0 } @media screen and (max-width: 1024px) { .more-link:before { width:20px } } @media screen and (max-width: 567px) { .more-link:before { width:15px } } .more-link:after { height: 0; width: 0; border-right: 1px solid #a58a6b; border-top: 1px solid #a58a6b; opacity: 0; right: 0; top: 0 } @media screen and (min-width: 1025px) { .more-link:hover span { -webkit-transform:translateY(2px); transform: translateY(2px) } .more-link:hover:after,.more-link:hover:before { height: 100%; width: 100%; opacity: 1; -webkit-transition: width .25s ease-in-out,height .25s ease-in-out,opacity 0ms; transition: width .25s ease-in-out,height .25s ease-in-out,opacity 0ms } } .small.more-link { font-size: 12px; padding: 0 30px } .small.more-link span { line-height: 40px } .small.more-link:not(:hover) span { -webkit-transform: translateY(15px); transform: translateY(15px) } .small.more-link:not(:hover):before { width: 20px } @media screen and (max-width: 1024px) { .small.more-link:not(:hover):before { width:15px } } @media screen and (max-width: 1024px) { .small.more-link { padding:0 25px } .small.more-link span { -webkit-transform: translateY(15px); transform: translateY(15px) } .small.more-link:before { width: 15px } } /****** Service Block */ .sblock2 .shadow_effect{float: left; margin-right: 30px;} .sblock2 a.read_more, .sblock1 a.read_more{float: none;} .sblock1.color-white h4 a, .sblock2.color-white h4 a, .sblock1.color-white p, .sblock2.color-white p, .sblock3.color-white h4 a, .sblock3.color-white p{color: #ffffff;} .sblock1.color-white a.read_more, .sblock2.color-white a.read_more{ color: #d7ad3c; } / Counter ******/ .counter-shortcode span.counter-icon{ font-size: 40px; margin-right: 20px; float: left; width: 60px; height: 74px; border-right: solid 1px #cacaca; color:#c39f76 } .counter-shortcode span.counter-number { font-size: 46px; letter-spacing: 1.6px; line-height: 50px; } .counter-shortcode .counter-text { font-size: 13px; color: #cacaca; letter-spacing: 1px; text-transform: uppercase; margin-top: 6px; } /* * Modal box *** / .modal-dialog{z-index: 9999;padding-top: 200px;} / Social Icons / ul.social-shortcode { margin: 0px; padding: 0px; display: inline-block; width: 100%; margin-bottom: 30px; list-style: none; } ul.social-shortcode li { display: inline-block; margin-right:10px } ul.social-shortcode li a { padding: 0 10px; font-size: 16px; color: #fff; background: #c39f76; width:36px; height: 36px; display: block; line-height: 36px; text-align: center; } ul.social-shortcode li a:hover { background-color: #a58a6b; } ul.social-shortcode li a i {margin-left:0; padding-left:0; color: #fff} / * Pricing Table ** / .pricing-box{ background: #fff; border: 1px solid #f0f0f0; text-align: center; } .pricing-title{ background-color: #a58a6b; padding: 10px; } .pricing-title p{ color: #fff;} .pricing-price{ background-color: #c39f76; padding: 24px 16px; } .pricing-price p{ color: #fff; font-size: 35px; } .pricing-box p{margin:0} .pricing-price sup { font-size: 20px; } .pricing-features ul{padding: 0; margin: 0; list-style: none} .pricing-features li { padding: 15px 0; margin: 8px 20px; font-size: 14px; border-bottom: solid 1px #eee; } .pricing-features li:last-child{border:none} .pricing-button{ padding: 30px 0; } .pricing-button a{ } / * Contact Details ** / ul.contact-shortcode{padding: 0; list-style: none; margin: 0;} .contact-ver1 li{ margin: 9px 0px; list-style: none; letter-spacing: 0.4px; padding:2px 0 !Important } .contact-ver1 li i, .contact-ver1 li > span{ color: #eee; margin-right:10px; } .page-content .contact-ver1 li i, .page-content .contact-ver1 li > span, .page-content .contact-ver1 li a:hover{ color:#c39f76; } .page-content .contact-ver1 li a{ color:#000; } ul.contact-shortcode.contact-ver2{border-top:0} ul.contact-shortcode.contact-ver2 li{padding: 16px 0} .contact-ver2 .contact-icon { width: 30px; height: 30px; background: #c39f76; border-radius: 3px; text-align: center; font-size: 18px; line-height: 30px; color: #fff; float: left; margin-right: 10px; } .contact-ver2 li.item p{line-height: 30px; margin-bottom: 0} ul.contact-shortcode.contact-hor{margin-top: 10px;} ul.contact-shortcode.contact-hor li{padding-left: 0;} .contact-hor li i, .contact-hor li span{ color: #c39f76; margin-right: 10px; } / Blog Listing / .bloglist-overlay{ position: absolute; height: 100%; opacity: 1; width: 100%; top: 0; left: 0; z-index: -10; background-color: rgba(195, 159, 118, 0.9); background-repeat: no-repeat ; background-position: center top; background-size: cover; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; } .bloglist-overlay:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: inherit; content: ' '; } .support_list:hover .bloglist-overlay{ background-color: rgba(165, 138, 107, 0.9); } .support_list p {color:#eee} .support_list h5 a {color:#fff} .latest-news-area .default-listing-type{ padding:20px; border:solid 1px #eee; margin-bottom: 30px; } .latest-news-area h5{margin-bottom: 16px} .padding-none { padding:0 !important;} .padding-xsmall { padding:5px 0 !important;} .padding-small { padding:15px 0 !important;} .padding-medium{ padding:30px 0 !important;} .padding-large { padding: 60px 0 !important;} / Contact Form 7 / span.wpcf7-form-control-wrap{position: initial;} .wpcf7 br{display: none;} .wpcf7-submit.btn-default.submit{ text-transform: uppercase; font: 600 15px/36px "RaleWay", sans-serif; color: #ae7a51; padding: 2px 29px 0; text-shadow: none; letter-spacing: 1px; border: 1px solid #cdcdcd; background: transparent; border-radius: 0; } .wpcf7-submit.btn-default.submit:hover{ background: #bb793c; color: #000; } .breadcrumb.woobread{padding: 17px 0px} img{max-width: 100%; height: auto} .inner_page_bnr.service_page_bnr h1.page-cover-tittle.color-black{color: #000000;} .sidebar-widget>h3:after, .faq_category_title:after{ width: 35px; position: absolute; height: 2px; background: #c39f76; content: ''; bottom: 8px; margin-left: 14px; } footer .footer-top{padding: 0;} ul.core_list li i{margin-right: 10px;} .woo-sidebar .sidebar-widget>h3:after{content: none;} .woo-sidebar .wp-tag-cloud{margin-top: 20px;} .home-slider .btn{text-transform: uppercase;} .home-slider .btn-shortcode{font-weight: bold} .comment-details{display: table;} .comment-details .date-reply li{ display: inline-block; color:#c39f76; } .search_lghtbox_btn{ background: transparent; color: #000000; } .close_search{ font-size: 23px; color: #000000; } .noscroll{overflow: hidden;} .home-slider .btn-shortcode{border-radius: 0px;} .footer-top-sidebar .margin-bottom-0{margin-bottom: 0 !important;} .footer-top-sidebar .fullsize{background-position: center top;} .footer-widget .list-shortcode li{ font-size: 14px; margin: 10px 0; } .footer-widget .contact-ver1 li{line-height: 29px} .footer-widget .contact-ver1 li:before{display: none} .footer-widget .footer-social a{margin-right: 10px;} .bloglisting .wdt_img.news_img{z-index: 0} .right-topbar .topbar-widget{margin-left:15px;} .widget_archive > label, .widget_categories > label {display: none} /========== Lists ==========/ .page-content li a{ color:#000; } .page-content li { padding:8px 0; line-height: 26px; } .page-content li a:hover{ color:#c39f76 } .default-color{color: #c39f76} .list-default{} .list-default li{ padding:4px 0;} .list-default.fa-ul li .fa { font-size: 20px; color: #c39f76; margin-right: 10px} / Icon Lists / .fa-ul{ list-style:none; padding-left:0; margin-left:0} .fa-ul li .fa{} .footer-widget .fa-ul li:before{display:none} / Divider List / .divider-list{} .divider-list li { padding: 14px 0; border-top: 1px solid #ececec; list-style: none;} .divider-list li .fa {padding:8px 0;} .divider-list li .icon {padding:8px 0;} .divider-list li:first-child {border-top:none;} .footer-widget .divider-list li{border-top-color: #444} .divider-list span + a {position: relative; top: -2px;} / Big-list / .biglist li{padding:14px 0; font-size:18px;} .biglist li .fa{padding:5px 0;} .biglist li .icon{padding:5px 0;} .split-list li {float:left; margin-right:4%; width:46%} .split-list li:nth-child(2n){ margin-right:0%; margin-left:4%;} .divider-list.split-list li:nth-child(2){border-top:none} .split-list:after{clear: left} .clear{clear:both} / Widget List / .widget-list{} .widget-list li{ margin-bottom:12px; font-size:14px;} .widget-list li .fa{ border: 1px solid; height: 1.2em; width: 1.2em; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .highlight {color:#c39f76} .page-content {padding-top:60px} / Dropcaps / .firstletter {float: left; font-size: 2.4em; line-height: 1.2; margin-right: 0.3em; height:40px; width:40px; text-align:center;} .drop-fullround .firstletter { background-color:#c39f76; color:#fff; float: left; font-size: 2.4em; line-height: 1.6; margin-right: 0.3em; margin-top: 0.1em; height:55px; width:55px; text-align:center;} .drop-border .firstletter {float: left; font-size: 2.4em; line-height: 1.6; margin-right: 0.3em; margin-top: 0.1em; height:55px; width:55px; text-align:center; border:1px solid;} /========== Backgrounds and Colors ==========/ /bg/ .bg-color-success{ background-color:#9dd55d !important;} .bg-color-info{ background-color:#2196f3 !important;} .bg-color-warning{ background-color:#ffb100 !important;} .bg-color-danger{ background-color:#f44336 !important;} .bg-color-light{ background-color:#f8f8f8 !important;} .bg-color-dark{ background-color:#32313B !important;} .bg-color-white{ background-color:#ffffff !important;} .bg-color-none{ background-color:transparent } /colors/ .color-success{ color:#9dd55d !important;} .color-info{ color:#22d2d2 !important;} .color-warning{ color:#f4aa44 !important;} .color-danger{ color:#f33440 !important;} .color-white{ color:#ffffff !important;} .color-dark{ color:#32313B !important;} / ** Careers styles / #careers-listing {list-style: none; margin-bottom: 60px; margin-top: 60px; padding-left:0} #careers-listing h5{font-size:20px} #careers-listing li{ padding: 25px 0; border:none; border-bottom: 1px solid #ddd; } .career-location{ border-left: solid 1px #ccc; padding-left: 13px;} .career-type {margin-right:10px; font-size: 0.8em; font-weight: bold} .career-details{text-align: right; padding-top:10px} .career-category{ padding-top:14px} .career-type[data-name="freelance"] {color: forestgreen} .career-type[data-name="full_time"] {color: #f44336} .career-type[data-name="internship"] {color: #97479E} .career-type[data-name="part_time"] {color: #E3A029} .career-type[data-name="volunteer"] {color: #666} .career-type[data-name="remote"] {color: #2196f3} .single-careers .blog_icon_list {display: none} / Background Overlays / .bg-overlay{display: block;height: 100%; position: absolute; top:0; width: 100%; z-index:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; / Safari 1.x / -khtml-opacity: 0.7; / Modern browsers /opacity: 0.7; -webkit-transition: opacity 0.7s; transition: opacity 0.7s; } .bg-overlay-solid{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; / Safari 1.x / -khtml-opacity: 1; / Modern browsers /opacity: 1;} .bg-overlay.bg-overlay-light{background:#f4f4f4;} .bg-overlay.bg-color-default{background:#c39f76;} .bg-overlay.bg-overlay-glight{ background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,1) 100%); / FF3.6+ / background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.3)), color-stop(50%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,1))); / Chrome,Safari4+ / background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,1) 100%); / Chrome10+,Safari5.1+ / background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,1) 100%); / Opera 12+ / background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,1) 100%); / IE10+ / background: radial-gradient(ellipse at center, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,1) 100%); / W3C / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#ffffff',GradientType=1 ); / IE6-9 fallback on horizontal gradient / -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; / Safari 1.x / -khtml-opacity: 1; / Modern browsers /opacity: 1; } .bg-overlay.bg-overlay-dark{background:#000 url('images/dot_bg.png');} .bg-overlay.bg-overlay-gdark{ background: -moz-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%, rgba(37,36,44,0.75) 50%, rgba(0,0,0,1) 100%); / FF3.6+ / background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(37,36,44,0.5)), color-stop(50%,rgba(37,36,44,0.75)), color-stop(100%,rgba(0,0,0,1))); / Chrome,Safari4+ / background: -webkit-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); / Chrome10+,Safari5.1+ / background: -o-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); / Opera 12+ / background: -ms-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); / IE10+ / background: radial-gradient(ellipse at center, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); / W3C / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8025242c', endColorstr='#000000',GradientType=1 ); / IE6-9 fallback on horizontal gradient / -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; / Safari 1.x / -khtml-opacity: 1; / Modern browsers /opacity: 1; } / Team Members / .team-contact{ padding:10px 0; margin:0; list-style: none} .team-info{padding:10px 0px;} .team-info .team-name {font-weight: 600; margin-bottom: 5px;} .team-info .team-role { margin:0;} .team-member hr {margin-top:10px; margin-bottom:10px} .team-member {padding:20px; border:solid 1px #dedede} .team-member.alt{padding:0; border:none; background: #f8f8f8} .team-member.alt .team-member-details{padding:20px} / Promo Block / .promo-block {background-size:cover; position: relative;} .promo-block a {display: block; z-index: 2; padding:30px; position: relative;} .promo-block:hover .bg-overlay {opacity:0.5} .promo-desc{font-size: 15px} / Table lists / .table-list li{display: table} .table-list li {display: table-cell} .table-list li span.fa {padding-right: 16px; vertical-align: middle;} /* Call Us Block / .call-us-widget{position: relative; padding:40px 0} .call-us-widget ul{list-style:none; display: table; padding-left:0; position: relative; z-index: 2; margin-bottom: 0} .main-call-info p {font-style: italic; color: #333; font-size: 1.2em;} .main-call-info h4{font-size: 2em; font-weight: normal} li.main-call-info h4 > a {font-size: 1em} .call-us-widget li {display: table-cell; vertical-align: middle; padding-left:40px; padding-right:40px; border-left:solid 1px rgba(0,0,0,.1)} .call-us-widget li:first-child{border-left:none; padding-left:0} .call-us-widget h6{text-transform: uppercase} .call-us-widget li a {font-size:1.3em; font-weight: 300; margin-top: 10px; display: block;} .call-us-widget li a{border: dotted 1px transparent} .call-us-widget li a:hover {border-bottom:dotted 1px #333; color:#333} .call-us-widget li.main-call-info a {display: inline-block; font-weight: bold} / Visual Composer Adjustments / .vc_custom_1483955485271{width: auto !Important} .vc_custom_1484539704024 {margin-bottom: 0 !important;} .vc_row {position: relative} .page-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a{ background-color: #c39f76 ; color:#fff } .page-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus, .page-content .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover{ background-color: #a58a6b ; } .vc_toggle_title>h4{font-size: 18px} .wpb_single_image .vc_figure-caption{margin-top:.6em !Important; font-size: .9em !important; font-weight: bold} .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background: none; } #navbar a i {margin-right:10px} .tp-dottedoverlay.twoxtwo{background-color: rgba(0,0,0,.4)} / Responsive Styles / @media only screen and (min-width: 260px) and (max-width: 767px) { .comment_info { width: 77%; } .social_plugin ul li { margin-bottom:10px; } .nav-tabs>li { margin-right:1px; } .nav-tabs>li>a { width: auto; font-size:13px; } .nav>li>a{ padding:10px 8px;} } @media only screen and (min-width: 991px) { .comment-list-block, .comment-respond {margin-right:30px} } @media only screen and (max-width: 767px) { .page-content .vc_custom_1485390090569 { margin-right: 0 !Important } .page-content .vc_custom_1484912455704{padding-top:20px !important;} .acc-shortcode {margin-bottom: 40px} ul.hdr_top_list li{padding-right:0; margin-right:0; font-size: 0.9em} } @media only screen and (max-width: 991px) { header .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{padding:18px 10px} .navbar-inverse .navbar-brand{height:70px} .nav_social_icons a { width: 22px; height: 41px; font-size: 18px; color: #393834; padding: 0 40px; margin: 0px 4px; display: inline-block; line-height: 41px; } nav .navbar-collapse > ul > li > ul > li > a { color: #fff; } ul.blog_icon_list{padding: 10px 0; } ul.blog_icon_list li{font-size: 11px;} .comment-details { display: block; } ul.comment-list-block li ul.children{margin-left: 6px !important;} .page-content li.comment-list-item{padding:10px} .commenter-avatar{margin-right: 10px;} .fblock2 .service-icon{width: auto; margin-right: 5px;} .btn.btn-shortcode.btn-lg{padding: 10px; font-size:12px} .team-shortcode, .test-shortcode, .fblock3, .fblock2, footer p.copyright, .vernav, .team-member, .comment-respond, .pricing-box, .get_in_touch{margin-bottom: 20px;} .top-bar, .right-topbar{text-align: center} .filter-container .filter > li{padding:0px 10px} .vc_custom_1484539704024{margin-bottom:35px !Important} .vc_custom_1484543614261{margin-right:0 !Important} .test-shortcode{text-align: center} .testimonial-img{margin:0px auto} .call-us-widget li{display:block; padding:0; border:none; margin-bottom:30px} .call-us-widget li a{margin-top:0} .call-us-widget li:last-child{margin-bottom:0} .footer-bsidebar{text-align: left} .footer-bsidebar ul {padding-left:0} h4.vc_tta-panel-title{font-size:16px} .career-details{text-align: left} } /* Smart Menus *****/ .sm{position:relative;z-index:9999;} .sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);} .sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;} .sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;} .sm ul{display:none;} .sm li,.sm a{position:relative;} .sm a{display:block;} .sm a.disabled{cursor:not-allowed;} .sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;} .sm,.sm ,.sm :before,.sm :after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .navbar-nav:not(.sm-collapsible) ul .caret { position: absolute; right: 0; margin-top: 6px; margin-right: 15px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed; } .navbar-nav:not(.sm-collapsible) ul a.has-submenu { padding-right: 30px; } / make sub menu arrows look like +/- buttons in collapsible mode / .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 0; margin: -3px 15px 0 0; padding: 0; width: 32px; height: 26px; line-height: 24px; text-align: center; border-width: 1px; border-style: solid; } .navbar-nav.sm-collapsible .caret:before { content: '+'; font-family: monospace; font-weight: bold; } .navbar-nav.sm-collapsible .open > a > .caret:before { content: '-'; } .navbar-nav.sm-collapsible a.has-submenu { padding-right: 50px; border-bottom: solid 1px #333; } / revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav / .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret { position: static; margin: 0 0 0 2px; padding: 0; width: 0; height: 0; border-top: 4px dashed; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent; } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before { content: '' !important; } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu { padding-right: 15px; } / scrolling arrows for tall menus / .navbar-nav span.scroll-up, .navbar-nav span.scroll-down { position: absolute; display: none; visibility: hidden; height: 20px; overflow: hidden; text-align: center; } .navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-top: 7px dashed transparent; border-right: 7px dashed transparent; border-bottom: 7px solid; border-left: 7px dashed transparent; } .navbar-nav span.scroll-down-arrow { top: 6px; border-top: 7px solid; border-right: 7px dashed transparent; border-bottom: 7px dashed transparent; border-left: 7px dashed transparent; } / add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus / .navbar-nav.sm-collapsible ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header { padding-left: 35px; } .navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header { padding-left: 45px; } .navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header { padding-left: 55px; } .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a, .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header { padding-left: 65px; } / fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) / .navbar-nav .dropdown-menu > li > a { white-space: normal; } .navbar-nav ul.sm-nowrap > li > a { white-space: nowrap; } .navbar-nav.sm-collapsible ul.sm-nowrap > li > a { white-space: normal; } / fix .navbar-right subs alignment */ .navbar-right ul.dropdown-menu { left: 0; right: auto; }