API tools faq
paste
rdusnr

Untitled

rdusnr
Jan 22nd, 2017
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.11 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Legal
  3. Theme URI: http://fasterthemes.com/wordpress-themes/legal
  4. Author: FasterThemes
  5. Author URI: http://fasterthemes.com/
  6. Description: Legal is a modern looking premium quality WordPress theme. It is clean, super flexible , fast in loading and bootstrap based responsive theme for business or personal websites. Legal Theme was developed specially for Advocates or Attorneys in mind. But this can be used for any business. It has got custom widgets, theme-options etc in order to get it customized as per your needs.
  7. Version: 1.0.4
  8. License: GNU General Public License v3 or later
  9. License URI: http://www.gnu.org/licenses/gpl-3.0.html
  10. Legal Theme, Copyright 2014 fasterthemes.com
  11. Legal distributed under the terms of the GNU GPL
  12. Tags: left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments , translation-ready, custom-header
  13. Text Domain: legal
  14.  
  15. This theme, like WordPress, is licensed under the GPL.
  16. Use it to make something cool, have fun, and share what you've learned with others.
  17. */
  18.  
  19. @font-face {
  20. font-family: 'OpenSans-Bold';
  21. src: url('fonts/opensans-bold-webfont.eot');
  22. src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
  23. url('fonts/opensans-bold-webfont.woff') format('woff'),
  24. url('fonts/opensans-bold-webfont.ttf') format('truetype'),
  25. url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  26. font-weight: normal;
  27. font-style: normal;
  28. }
  29. @font-face {
  30. font-family: 'OpenSans-Regular';
  31. src: url('fonts/opensans-regular-webfont.eot');
  32. src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
  33. url('fonts/opensans-regular-webfont.woff') format('woff'),
  34. url('fonts/opensans-regular-webfont.ttf') format('truetype'),
  35. url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  36. font-weight: normal;
  37. font-style: normal;
  38. }
  39. body{
  40. color: #212121;
  41. font-size: 14px;
  42. background: none repeat scroll 0 0 #f8f8f8;
  43. font-family: 'OpenSans-Regular';
  44. }
  45. .theme-container{
  46. width: 1200px;
  47. }
  48. /**normal css**/
  49. img{
  50. border:none;
  51. max-width: 100%;
  52. }
  53. .no-padding{
  54. padding-left:0;
  55. padding-right:0;
  56. }
  57. textarea{resize:vertical;}
  58. a:focus {
  59. outline: none;
  60. outline-offset: 0px;
  61. }
  62. a{
  63. transition: all 0.3s ease-in-out 0s;
  64. -webkit-transition: all 0.3s ease-in-out 0s;
  65. text-decoration: none;
  66. }
  67. a:hover, a:focus, a:active{
  68. text-decoration: none;
  69. color: #389ca5;
  70. outline: none;
  71. }
  72. select{
  73. text-transform: capitalize;
  74. }
  75. .no-padding{
  76. padding-left: 0;
  77. padding-right: 0;
  78. }
  79. input, textArea, select{
  80. outline: 0;
  81. }
  82. /**normal css**/
  83.  
  84. /*************header start*******/
  85. /***top header***/
  86. header{
  87. width: 100%;
  88. z-index: 9999;
  89. box-shadow: 0 0px 2px #389ca5;
  90. -webkit-box-shadow:0 0px 2px #389ca5;
  91. -moz-box-shadow:0 0px 2px #389ca5;
  92. }
  93. .top-header {
  94. background-color: #1c1c1c;
  95. padding: 6px 0 3px 0;
  96. }
  97. .callus-part, .social-part{
  98. padding: 0;
  99. }
  100. .theme-logo,
  101. .header-navigation{
  102. padding: 0;
  103. }
  104. .theme-logo img {
  105. max-height: 55px;
  106. max-width: 239px;
  107. }
  108. .social-part ul {
  109. display: inline-block;
  110. text-align: left;
  111. margin: 0;
  112. padding-left: 0;
  113. }
  114. .social-part ul li {
  115. display: inline-block;
  116. float: left;
  117. margin-right: 5px;
  118. }
  119. .social-part ul li a {
  120. color: #8c8c8c;
  121. font-size: 16px;
  122. -webkit-transition: all linear 0.5s;
  123. transition: all linear 0.5s;
  124. }
  125. .social-part ul li a{
  126. border: 1px solid #4e4e4e;
  127. display: block;
  128. font-size: 16px;
  129. height: 25px;
  130. text-align: center;
  131. width: 25px;
  132. transition: all 0.3s ease-in-out 0s;
  133. -webkit-transition: all 0.3s ease-in-out 0s;
  134. }
  135. .social-part ul li a:hover,.social-part ul li a:focus {
  136. color: #389ca5;
  137. border-color: #389ca5;
  138. }
  139. .top-header-email{
  140. float: left;
  141. margin: 0;
  142. padding-right: 15px;
  143. }
  144. .top-header-email a{
  145. color: #8c8c8c;
  146. display: inline-block;
  147. font-size: 13px;
  148. margin-bottom: 4px;
  149. margin-left: 0px;
  150. margin-top: 4px;
  151. }
  152. .top-header-email > a:hover,.top-header-email > a:focus {
  153. color: #389ca5;
  154. }
  155. .top-header-email i{
  156. margin-right: 15px;
  157. font-size: 16px;
  158. color: #8c8c8c;
  159. }
  160. .callus-part p{
  161. color: #389ca5;
  162. text-align: right;
  163. margin: 2px 0 0 0;
  164. font-size: 16px;
  165. font-family: 'OpenSans-Bold';
  166. }
  167. .callus-part p span{
  168. color: #8c8c8c;
  169. text-transform: uppercase;
  170. margin-right: 3px;
  171. }
  172.  
  173. .bottom-header{
  174. padding: 15px 0 15px 0;
  175. background-color: #f5f5f5;
  176. }
  177. .header-navigation{
  178. margin-top: 20px;
  179. display: block;
  180. }
  181. /*theme menu css strat****/
  182. .navbar-toggle{
  183. float: left;
  184. margin: 0;
  185. }
  186. .navbar-header span{
  187. background-color: #389ca5;
  188. }
  189. .theme-nav {
  190. float: none;
  191. width: auto;
  192. padding-left:0px;
  193. padding-right: 0px;
  194. margin: 0 auto !important;
  195. text-align: center;
  196. }
  197. .theme-nav ul {
  198. padding-left:0px;
  199. margin:0px;
  200. }
  201. .theme-nav > ul li{
  202. display:inline-block;
  203. position:relative;
  204. text-transform:uppercase;
  205. margin:3px 2px;
  206. position:relative;
  207. }
  208. /***effect**/
  209. .theme-nav > ul > li > a {
  210. color:#181818;
  211. display:inline-block;
  212. padding:8px 15px;
  213. font-size: 14px;
  214. font-family: 'OpenSans-Bold';
  215. -webkit-transition: color 0.3s;
  216. -moz-transition: color 0.3s;
  217. transition: color 0.3s;
  218. }
  219.  
  220. .theme-nav > ul > li > a::before,
  221. .theme-nav > ul > li > a::after {
  222. position: absolute;
  223. left: 0;
  224. width: 100%;
  225. height: 2px;
  226. background: #389ca5;
  227. content: '';
  228. opacity: 0;
  229. -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  230. transition: all 0.3s ease 0s;
  231. -webkit-transform: translateY(-10px);
  232. -moz-transform: translateY(-10px);
  233. transform: translateY(-10px);
  234. }
  235. .theme-nav > ul > li > a::before {
  236. top: 0;
  237. -webkit-transform: translateY(-10px);
  238. -moz-transform: translateY(-10px);
  239. transform: translateY(-10px);
  240. }
  241. .theme-nav > ul > li > a::after {
  242. bottom: 0;
  243. -webkit-transform: translateY(10px);
  244. -moz-transform: translateY(10px);
  245. transform: translateY(10px);
  246. }
  247. .theme-nav > ul > li > a:hover::before, .theme-nav > ul > li > a:focus::before, .theme-nav > ul > li > a:hover::after,
  248. .theme-nav > ul > li > a:focus::after, .theme-nav > ul > li.current-menu-item a::after, .theme-nav > ul > li.current-menu-item a::before,
  249. .theme-nav > ul > li.current-menu-item a{
  250. opacity: 1;
  251. -webkit-transform: translateY(0px);
  252. -moz-transform: translateY(0px);
  253. transform: translateY(0px);
  254.  
  255. }
  256. /**end*/
  257. .theme-nav ul ul{
  258. opacity: 0;
  259. margin-top: 2px;
  260. position: absolute;
  261. width: 100%;
  262. right:0;
  263. min-width:250px;
  264. border-radius: 2px;
  265. border: 1px solid #dddddd;
  266. z-index:2;
  267. visibility:hidden;
  268. transition:all 0.5s ease-in-out;
  269. -webkit-transition:all 0.2s ease-in-out;
  270. }
  271. .theme-nav ul li:hover > ul, .theme-nav ul li:focus > ul{
  272. opacity:1;
  273. visibility:visible;
  274. }
  275. .theme-nav ul ul li{
  276. width:100%;
  277. border-bottom: 2px solid #ffffff;
  278. margin: 0;
  279. }
  280. .theme-nav ul ul li:last-child {
  281. border-bottom: medium none;
  282. }
  283. .theme-nav ul ul li a{
  284. display: inline-block;
  285. line-height: 16px;
  286. padding: 10px;
  287. color: #181818;
  288. width:100%;
  289. background: #f5f5f5;
  290. font-family: 'OpenSans-Bold';
  291. font-size: 12px;
  292. }
  293. .theme-nav > ul > li > a:hover,
  294. .theme-nav > ul > li > a:focus,
  295. .theme-nav ul li.active > a{
  296. color: #389ca5;
  297. }
  298. .theme-nav ul ul li a:hover,
  299. .theme-nav ul ul li a:focus,
  300. .theme-nav ul ul li.active a{
  301. color: #389ca5;
  302. }
  303. .theme-nav ul ul ul{
  304. margin-top: -1px;
  305. right: 100%;
  306. top: 0;
  307. }
  308. /*******theme menu css end***/
  309. /*********header end************/
  310.  
  311. /***************footer strat***************/
  312. .page-footer{
  313. background-image: url(images/footer-bg.png);
  314. background-repeat: repeat;
  315. background-position: center center;
  316. margin-top: 40px;
  317. float: left;
  318. width: 100%;
  319. padding-top: 20px;
  320. }
  321. .footer-logo{
  322. text-align: center;
  323. }
  324. .footer-row{
  325. margin-top: 25px;
  326. }
  327. .footer-widget h3{
  328. color: #ffffff;
  329. font-size: 18px;
  330. font-family: 'OpenSans-Bold';
  331. text-transform: uppercase;
  332. border-bottom: 1px solid #389ca5;
  333. padding-bottom: 25px;
  334. margin-bottom: 15px;
  335. }
  336. .footer-widget .textwidget{
  337. color: #ffffff;
  338. font-size: 13px;
  339. line-height: 1.8;
  340. text-align: justify;
  341. }
  342. .footer-widget p{
  343. color: #ffffff;
  344. font-size: 13px;
  345. line-height: 1.8;
  346. text-align: justify;
  347. }
  348. .footer-widget input[type="email"] {
  349. background-color: #e5e5e5;
  350. border: medium none;
  351. border-radius: 4px;
  352. color: #222222;
  353. padding: 7px;
  354. transition: all 0.5s ease-in-out 0s;
  355. -webkit-transition: all 0.5s ease-in-out 0s;
  356. width: 100%;
  357. }
  358. .footer-widget input[type="submit"] {
  359. background-color: #389ca5;;
  360. border: medium none;
  361. border-radius: 2px;
  362. color: #ffffff;
  363. font-size: 14px;
  364. margin-top: 10px;
  365. padding: 8px 15px 5px;
  366. text-transform: uppercase;
  367. transition: all 0.5s ease-in-out 0s;
  368. -webkit-transition: all 0.5s ease-in-out 0s;
  369. }
  370. .footer-widget input[type="submit"]:hover, .footer-widget input[type="submit"]:focus {
  371. background-color: #ffffff;
  372. color: #545454;
  373. }
  374. .footer-widget ul {
  375. padding: 0;
  376. text-align: justify;
  377. }
  378. .footer-widget li {
  379. list-style: outside none none;
  380. margin-bottom: 7px;
  381. }
  382. .footer-widget ul li a {
  383. transition: all 0.2s ease-in-out 0s;
  384. -webkit-transition: all 0.2s ease-in-out 0s;
  385. color: #ffffff;
  386. text-transform: capitalize;
  387. }
  388. .footer-widget ul li a:hover,.footer-widget ul li a:focus, .post-date > a:hover,.post-date > a:focus{
  389. color: #389ca5;
  390. }
  391. .footer-widget ul li a:before {
  392. content: "\f105";
  393. font-size: 16px;
  394. padding-right: 5px;
  395. font-family: FontAwesome;
  396. }
  397. .footer-widget ul ul{
  398. padding-left: 15px;
  399. }
  400. .footer-widget ul ul a:before{
  401. content: "-";
  402. }
  403. .footer-bottom {
  404. border-top: 1px solid #389ca5;
  405. color: #e5e5e5;
  406. margin-top: 40px;
  407. padding: 15px 0;
  408. width: 100%;
  409. float: left;
  410. }
  411. .footer-bottom p {
  412. display: inline-block;
  413. margin: 0;
  414. text-transform: capitalize;
  415. font-size: 13px;
  416. }
  417. .footer-bottom p a {
  418. color: #e5e5e5;
  419. }
  420. .footer-bottom p:last-child {
  421. padding-left: 5px;
  422. }
  423. .footer-bottom .terms {
  424. text-align: right;
  425. }
  426. .footer-bottom .widget ul {
  427. margin: 0;
  428. padding: 0;
  429. }
  430. .footer-bottom .widget ul li {
  431. display: inline;
  432. }
  433. .footer-bottom .widget ul li:after {
  434. content: "|";
  435. padding: 0 3px 0 4px;
  436. }
  437. .footer-bottom .widget ul li:last-child:after {
  438. content: "";
  439. padding: 0;
  440. }
  441. .footer-bottom .widget ul li a {
  442. color: #e5e5e5;
  443. text-transform: capitalize;
  444. font-size: 13px;
  445. }
  446. .footer-bottom .widget ul li a:hover,.footer-bottom .widget ul li a:focus,
  447. .footer-bottom a:hover, .footer-bottom a:focus{
  448. color: #389ca5;
  449. }
  450. /*******footer logo****/
  451. .footer-logo{
  452. margin-bottom: 15px;
  453. }
  454. .footer-logo a{
  455. border-bottom: 1px solid #ffffff;
  456. display: inline-block;
  457. padding:0 50px 15px;
  458. position: relative;
  459. }
  460. .footer-logo a:after,
  461. .footer-logo a:before{
  462. background-color: #222222;/**same as body color*/
  463. content:"\f111";
  464. position: absolute;
  465. bottom: -4px;
  466. font-family:'FontAwesome';
  467. font-size: 6px;
  468. color: #b0b0b0;
  469. z-index: 1;
  470. height: 12%;
  471. cursor: default;
  472. }
  473. .footer-logo a:after{
  474. right: 50%;
  475. padding-right: 3px;
  476. }
  477. .footer-logo a:before{
  478. left: 50%;
  479. padding-left: 3px;
  480. }
  481.  
  482. .footer-recent-post{
  483. display: inline-block;
  484. width: 100%;
  485. }
  486. .footer-widget .footer-recent-post li {
  487. border-bottom: 1px solid #4f4f4f;
  488. display: inline-block;
  489. width: 100%;
  490. }
  491. .footer-widget .footer-recent-post li a:before {
  492. content: "";
  493. padding: 0;
  494. }
  495. .footer-recent-img{
  496. line-height: 0;
  497. padding-bottom: 15px;
  498. float: left;
  499. margin-right: 10px;
  500. width: 90px;
  501. margin-top: 5px;
  502. }
  503. .post-date{
  504. float: left;
  505. width: calc(100% -
  506.  
  507. ) !important;
  508. width: -webkit-calc(100% - 100px);
  509. width: 62%;
  510. }
  511. .post-date > a {
  512. color: #d7d7d7;
  513. display: list-item;
  514. line-height: 1.3;
  515. list-style: outside none none;
  516. margin-bottom: 12px;
  517. transition: all 0.3s ease-in-out 0s;
  518. -webkit-transition: all 0.3s ease-in-out 0s;
  519. text-transform: capitalize;
  520. }
  521. .social-widget{
  522. display: inline-block;
  523. width: 100%;
  524. }
  525. .social-widget ul{
  526. display: inline-block;
  527. width: 100%;
  528. text-align: center;
  529. padding: 0;
  530. margin-top: 15px;
  531. }
  532. .social-widget ul li{
  533. display: inline;
  534. list-style: none;
  535. margin-right: 5px;
  536. }
  537. .social-widget ul li a{
  538. display: inline-block;
  539. }
  540. .social-widget ul li a{
  541. background-color: #ffffff;
  542. border-radius: 5px;
  543. color: #222222;
  544. font-size: 22px;
  545. height: 30px;
  546. text-align: center;
  547. width: 30px;
  548. transition: all ease-in-out 0.3s;
  549. -webkit-transition: all ease-in-out 0.3s;
  550. }
  551. .social-widget ul li .facebook-icon:hover, .social-widget ul li .facebook-icon:focus {
  552. background-color: #3b5998;
  553. color: #ffffff;
  554. }
  555. .social-widget ul li .twitter-icon:hover, .social-widget ul li .twitter-icon:focus {
  556. background-color: #48c4d2;
  557. color: #ffffff;
  558. }
  559. /***************footer end***************/
  560.  
  561. /****************pagination start**************/
  562. .site-pagination {
  563. display: inline-block;
  564. width: 100%;
  565. }
  566. .site-pagination > ul {
  567. text-align: center;
  568. margin: 0;
  569. padding-left: 0;
  570. }
  571. .site-pagination ul li {
  572. display: inline-block;
  573. margin-bottom: 5px;
  574. margin-right: 5px;
  575. }
  576. .site-pagination ul li a {
  577. border: 1px solid #000000;
  578. border-radius: 1px;
  579. color: #000000;
  580. display: inline-block;
  581. font-family: 'OpenSans-Bold';
  582. font-size: 13px;
  583. text-align: center;
  584. text-transform: uppercase;
  585. transition: all 0.3s ease 0s;
  586. -webkit-transition: all 0.3s ease 0s;
  587. padding: 7px 13px;
  588. }
  589. .site-pagination ul li a:hover, .site-pagination ul li a:focus, .site-pagination ul li .active{
  590. color: #389ca5;
  591. border-color: #389ca5;
  592. }
  593. /****************pagination end**************/
  594.  
  595. /****************breadcrumb start**************/
  596. .breadcrumb-bg {
  597. background: none repeat scroll 0 0 #ffffff;
  598. border-bottom: 1px solid #d7d7d7;
  599. border-top: 1px solid #d7d7d7;
  600. margin-bottom:-40px;
  601. }
  602. .site-breadcrumb .home-title span:after,.site-breadcrumb .home-title span:before{
  603. background-color: #fff;
  604. }
  605. .site-breadcrumb .home-title > h2 {
  606. margin-top: -5px;
  607. }
  608. .site-breadcrumb .home-title span {
  609. border-top: 0 none;
  610. font-size: 20px;
  611. padding-left: 128px;
  612. padding-right: 128px;
  613. }
  614. .breadcrumb-menubar {
  615. background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  616. text-align: center;
  617. margin-bottom: 0;
  618. padding: 5px 5px;
  619. text-transform: capitalize;
  620. }
  621. .breadcrumb-menubar > li > a {
  622. color: #000000;
  623. }
  624. .breadcrumb-menubar > li > a:hover, .breadcrumb-menubar > li > a:focus {
  625. color: #389ca5;
  626. }
  627. .breadcrumb-menubar > li + li:before{
  628. color: #000000;
  629. padding: 0;
  630. }
  631. .breadcrumb-menubar > .active{
  632. color: #389ca5;
  633. }
  634. /****************breadcrumb end**************/
  635.  
  636. /****************sidebar start**************/
  637. .sidebar-box{
  638. background: none repeat scroll 0 0 #ffffff;
  639. border: 1px solid #d7d7d7;
  640. }
  641. .sidebar-widget {
  642. display: inline-block;
  643. padding: 15px;
  644. width: 100%;
  645. }
  646. .search-form {
  647. position: relative;
  648. }
  649. .search-form label {
  650. width: 100%;
  651. margin: 0;
  652. }
  653. .search-form .screen-reader-text {
  654. display: none;
  655. }
  656. .search-form .search-field {
  657. border: 1px solid #ddd;
  658. font-weight: normal;
  659. padding: 7px 15px;
  660. width: 100%;
  661. }
  662. .search-form .search-submit {
  663. background-color: rgba(0, 0, 0, 0);
  664. background-repeat: no-repeat;
  665. border: medium none;
  666. color: #9e9e9e;
  667. font-size: 16px;
  668. padding: 0;
  669. position: absolute;
  670. right: 17px;
  671. top: 6px;
  672. vertical-align: middle;
  673. }
  674. .sidebar-widget .widget-title {
  675. border-bottom: 1px solid #d7d7d7;
  676. font-family: 'OpenSans-Bold';
  677. font-size: 16px;
  678. margin: 0 -15px;
  679. padding: 0 15px 15px;
  680. text-transform: uppercase;
  681. }
  682. .sidebar-widget ul {
  683. list-style: outside none none;
  684. padding-left: 0;
  685. }
  686. .sidebar-widget ul li ul{
  687. border-top: 1px dashed #595959;
  688. margin-top: 10px;
  689. padding-left: 15px;
  690. }
  691. .sidebar-widget ul li {
  692. border-bottom: 1px dashed #595959;
  693. clear: both;
  694. color: #595959;
  695. display: inline-block;
  696. padding: 10px 0;
  697. width: 100%;
  698. }
  699. .sidebar-widget ul li ul li:last-child{
  700. border-bottom: none;
  701. padding-bottom: 0;
  702. }
  703. .sidebar-widget ul li a{
  704. color: #595959;
  705. font-size: 13px;
  706. text-transform: capitalize;
  707. }
  708. .sidebar-widget ul li a:hover,.sidebar-widget ul li a:focus, .tagcloud > a:hover,.tagcloud > a:focus{
  709. color: #389ca5
  710. }
  711. .left-tag {
  712. float: left;
  713. text-align: left;
  714. text-transform: capitalize;
  715. }
  716. .right-tag {
  717. float: right;
  718. text-align: right;
  719. text-transform: capitalize;
  720. }
  721. .tagcloud{
  722. text-align: left;
  723. }
  724. .tagcloud > a {
  725. color: #595959;
  726. display: inline-block;
  727. margin: 13px 5px 0 0;
  728. }
  729. /****************sidebar end**************/
  730.  
  731. /********home page strat**********/
  732. .section-main {
  733. position: relative;
  734. display: inline-block;
  735. width: 100%;
  736. background-color:white;
  737.  
  738. }
  739. /**banner******/
  740. .theme-banner{
  741. padding: 0;
  742. height:auto;
  743. }
  744. .blur-effect{
  745. background-color: rgba(0,0,0,0.1);
  746. position: absolute;
  747. top: 0;
  748. width: 100%;
  749. height: 100%;
  750. }
  751. .banner-inner-content{
  752. display: block;
  753. left: 0;
  754. margin: auto;
  755. position: absolute;
  756. right: 0;
  757. text-align: center;
  758. top: 10%;
  759. }
  760. .banner-inner-content h1{
  761. text-transform: capitalize;
  762. color: #ffffff;
  763. font-size: 38px;
  764. font-family: 'OpenSans-Bold';
  765. margin-top: 5px;
  766. }
  767. .banner-inner-content p{
  768. text-transform: capitalize;
  769. color: #ffffff;
  770. font-size: 32px;
  771. font-family: 'OpenSans-Bold';
  772. margin: 10px 0 50px 0;
  773. }
  774. .banner-button a{
  775. border: 1px solid #ffffff;
  776. text-transform: uppercase;
  777. color: #ffffff;
  778. display: inline-block;
  779. font-size: 18px;
  780. font-family: 'OpenSans-Bold';
  781. padding: 10px 35px;
  782. -webkit-transition: all ease-in-out 0.3s;
  783. transition: all ease-in-out 0.3s;
  784. }
  785. .banner-button a:hover,.banner-button a:focus{
  786. background-color: #ffffff;
  787. color: #181818;
  788. }
  789. .carousel-control{
  790. top: 50%;
  791. bottom: 41%;
  792. height: 30px;
  793. width: 30px;
  794. }
  795. .carousel-control.left{
  796. background-image: url(images/image-sprite.png);
  797. background-repeat: no-repeat;
  798. background-position: 0 0;
  799. left: 10px;
  800. }
  801. .carousel-control.right{
  802. background-image: url(images/image-sprite.png);
  803. background-repeat: no-repeat;
  804. background-position: -33px 0;
  805. right: 10px;
  806. }
  807. .theme-banner .item > img{
  808. width: 100%;
  809. }
  810. /********section our***/
  811. .home-practise-section{
  812. margin-bottom: 45px;
  813. padding: 0;
  814. margin-top:5px;
  815. background-color:white;
  816. }
  817. .home-title {
  818. display: inline-block;
  819. width: 100%;
  820. }
  821. .home-title h2{
  822. text-align: center;
  823. position: relative;
  824. margin-bottom: 0;
  825. margin-top: 0;
  826. }
  827. .home-title h2 span{
  828. text-align: center;
  829. text-transform: uppercase;
  830. font-size: 26px;
  831. padding: 15px 50px;
  832. font-family: 'OpenSans-Bold';
  833. border-top: 4px solid #389ca5;
  834. border-bottom: 1px solid #b0b0b0;
  835. position: relative;
  836. color: #000;
  837. display: inline-block;
  838. }
  839. .home-title span:after,
  840. .home-title span:before{
  841. background-color: #f8f8f8;/**same as body color*/
  842. content:"\f111";
  843. position: absolute;
  844. bottom: -4px;
  845. font-family:'FontAwesome';
  846. font-size: 6px;
  847. color: #b0b0b0;
  848. z-index: 1;
  849. height: 7px;
  850. }
  851. .home-title span:after{
  852. left: 50%;
  853. padding: 0 0px 0px 10px;
  854.  
  855. }
  856. .home-title span:before{
  857. right: 50%;
  858. padding: 0 10px 0px 0px;
  859.  
  860. }
  861. .home-title p{
  862. text-align: center;
  863. width: 80%;
  864. margin: 30px auto 0 auto;
  865. font-size: 16px;
  866. color: #7f7f7f;
  867. }
  868. /****our practice***/
  869. .section-column{
  870. margin-top: 50px;
  871. }
  872. .section-column .column-company .home-title h2 span,
  873. .section-column .column-book .home-title h2 span{
  874. border-top: none;
  875. width: 100%;
  876. font-size: 22px;
  877. }
  878. .company-col1{
  879. background-color: white;
  880. }
  881. .company-col1 ul{
  882. padding: 0;
  883. display: inline-block;
  884. margin-bottom: 30px;
  885. margin-top: 20px;
  886. width: 100%;
  887. }
  888. .company-col1 ul li{
  889. padding: 0;
  890. color: #535353;
  891. text-transform: capitalize;
  892. font-size: 16px;
  893. font-family: 'OpenSans-Bold';
  894. list-style: none;
  895. margin-top: 30px;
  896. }
  897. .company-col1 ul li i{
  898. color: #999999;
  899. font-size: 44px;
  900. margin-right: 30px;
  901. vertical-align: middle;
  902. }
  903. .company-col1 p{
  904. font-size: 14px;
  905. color: #212121;
  906. line-height: 26px;
  907. text-align: justify;
  908. }
  909. .column-book form{
  910. margin-top: 50px;
  911. }
  912. .column-book input{
  913.  
  914. border: 1px solid #389ca5;
  915. padding: 10px 10px;
  916. width: 100%;
  917. margin-bottom: 30px;
  918. color: #545454;
  919. font-size: 14px;
  920. }
  921. .column-book input[type=date]{
  922. line-height: inherit;
  923. }
  924. .column-book i {
  925. position: absolute;
  926. top: 10px;
  927. right: 24px;
  928. font-size: 24px;
  929. color: #999999;
  930. }
  931. .column-book input[type=submit]{
  932. width: auto;
  933. padding: 8px 35px;
  934. text-transform: uppercase;
  935. color: #212121;
  936. font-family: 'OpenSans-Bold';
  937. font-size: 16px;
  938. transition: all ease-in-out 0.3s;
  939. -webkit-transition: all ease-in-out 0.3s;
  940. }
  941. .column-book input[type=submit]:hover, .column-book input[type=submit]:focus{
  942. background-color: #389ca5;
  943. color: #ffffff;
  944. }
  945. .column-book select{
  946. width: 100%;
  947. border: 1px solid #389ca5;
  948. padding: 10px 10px;
  949. margin-bottom: 30px;
  950. color: #545454;
  951. font-size: 14px;
  952. outline: 0;
  953. }
  954. .column-book textarea{
  955. width: 100%;
  956. border: 1px solid #389ca5;
  957. margin-bottom: 30px;
  958. resize: vertical;
  959. padding: 10px 10px;
  960. color: #545454;
  961. font-size: 14px;
  962. }
  963. /****end**/
  964.  
  965. /************here to help css****/
  966. .home-image-section{
  967. background-attachment: fixed !important;
  968. background-repeat: no-repeat !important;
  969. background-position: center center !important;
  970. background-size: cover !important;
  971. padding: 0;
  972. margin: 0 0 75px 0;
  973. }
  974. .home-image-section .blur-effect{
  975. position: static;
  976. padding: 100px 0 120px 0;
  977. background-color: rgba(0,0,0,0.8);
  978. }
  979. .home-image-section h2{
  980. text-transform: uppercase;
  981. font-size: 44px;
  982. text-align: center;
  983. color: #ffffff;
  984. font-family: 'OpenSans-Bold';
  985. }
  986. .home-image-section .banner-button{
  987. text-align: center;
  988. margin-top: 50px;
  989. }
  990.  
  991. /******latest blog start********/
  992. .home-our-blog{
  993. margin: 0 0 0px;
  994. padding: 0;
  995. }
  996. .our-latest-blog{
  997. margin-top: 60px;
  998. }
  999. .attorneys .our-box-left > img {
  1000. min-height: 234px;
  1001. }
  1002. .latest-blog-img{
  1003. position: relative;
  1004. margin-bottom: 40px;
  1005. padding-bottom: 40px;
  1006. background: none repeat scroll 0 0 #ffffff;
  1007. }
  1008. .post-meta ul{
  1009. display: inline-block;
  1010. padding:10px 8px;
  1011. margin: 0;
  1012. width: 100%;
  1013. border-bottom: 1px solid #d7d7d7;
  1014. }
  1015. .post-meta ul li{
  1016. list-style: none;
  1017. float: left;
  1018. margin-right: 5px;
  1019. text-align: left;
  1020. }
  1021. .post-meta ul li a,
  1022. .post-meta ul li span{
  1023. color: #595959;
  1024. }
  1025. .post-meta ul li a:hover,.post-meta ul li a:focus{
  1026. color: #389ca5;
  1027. }
  1028. .latest-blog-inner .latest-blog-title{
  1029. color: #212121;
  1030. font-size: 16px;
  1031. font-family: 'OpenSans-Bold';
  1032. margin: 10px 0 15px;
  1033. display: inline-block;
  1034. text-transform: capitalize;
  1035. }
  1036. .latest-blog-inner .latest-blog-title:hover, .latest-blog-inner .latest-blog-title:focus{
  1037. color: #389ca5;
  1038. }
  1039. .latest-blog-inner h3.latest-blog-title:hover, .latest-blog-inner h3.latest-blog-title:focus{
  1040. color: #212121;
  1041. }
  1042. .latest-blog-inner {
  1043. padding: 0 15px;
  1044. }
  1045. .latest-blog-inner p{
  1046. color: #2c2c2c;
  1047. font-size: 13px;
  1048. line-height: 1.8;
  1049. text-align: justify;
  1050. }
  1051. .button-div {
  1052. bottom: -20px;
  1053. display: inline-block;
  1054. position: absolute;
  1055. text-align: center;
  1056. width: 100%;
  1057.  
  1058. }
  1059. .button-read{
  1060. background-color: #389ca5;
  1061. color: #ffffff;
  1062. text-transform: uppercase;
  1063. font-family: 'OpenSans-Bold';
  1064. padding: 10px 20px;
  1065. display: inline-block;
  1066. margin: 0 auto;
  1067. border: 1px solid #389ca5;
  1068. -webkit-transition: all ease-in-out 0.3s;
  1069. transition: all ease-in-out 0.3s;
  1070.  
  1071. }
  1072. .button-read:hover, .button-read:focus{
  1073. background-color: #ffffff;
  1074. color: #545454;
  1075. }
  1076. /*************end******/
  1077.  
  1078.  
  1079. /****************home page end**************/
  1080.  
  1081. /****************blog page start**************/
  1082. .page-article {
  1083. display: inline-block;
  1084. margin-bottom: 25px;
  1085. margin-top: 70px;
  1086. width: 100%;
  1087. }
  1088. .blog-page .latest-blog-img {
  1089. margin-bottom: 60px;
  1090. }
  1091. .blog-page .our-latest-box:nth-child(2n+1) {
  1092. clear: both;
  1093. }
  1094. /****************blog page end**************/
  1095.  
  1096. /****************single-blog page start**************/
  1097. .single-blog-page .latest-blog-img{
  1098. padding-bottom: 0;
  1099. }
  1100. .single-blog-page .latest-blog-inner p{
  1101. margin-bottom: 20px;
  1102. }
  1103. .attorney-detail{
  1104. margin-bottom: 35px;
  1105. }
  1106. .attorney-detail .inner-grid {
  1107. margin-bottom: 15px;
  1108. }
  1109. .comments-article .home-title h2 span{
  1110. border-top: 0 none;
  1111. font-size: 16px;
  1112. margin-bottom: 25px;
  1113. margin-top: 10px;
  1114. padding-left: 128px;
  1115. padding-right: 128px;
  1116. }
  1117. .comments-article > ol {
  1118. display: inline-block;
  1119. list-style: outside none none;
  1120. padding: 0;
  1121. width: 100%;
  1122. }
  1123.  
  1124. .comment-body {
  1125. margin-bottom: 20px;
  1126. position: relative;
  1127. }
  1128. .comment-author {
  1129. display: inline-block;
  1130. position: relative;
  1131. margin-bottom: 8px;
  1132. }
  1133. .comment-author, .comment-content {
  1134. padding-left: 50px;
  1135. }
  1136. .comment-author .says {
  1137. display: none;
  1138. }
  1139. .comment-author .avatar {
  1140. border: 1px solid rgba(0, 0, 0, 0.1);
  1141. height: 34px;
  1142. left: 0;
  1143. padding: 2px;
  1144. position: absolute;
  1145. top:30px;
  1146. width: 34px;
  1147. }
  1148. .comment-list{
  1149. padding: 0;
  1150. list-style: outside none none;
  1151. }
  1152. .comment-list .children {
  1153. padding-left: 20px;
  1154. list-style: outside none none;
  1155. margin-bottom: 10px;
  1156. }
  1157. .comment-metadata {
  1158. display: inline-block;
  1159. padding-left: 5px;
  1160. margin-bottom: 8px;
  1161. width: auto;
  1162. }
  1163. .comment-body a{
  1164. color: #212121;
  1165. }
  1166. .comment-body .reply {
  1167. position: absolute;
  1168. right: 5px;
  1169. top: 0;
  1170. }
  1171. .comment-author .fn{
  1172. color: #212121;
  1173. font-weight: normal;
  1174. }
  1175. .comment-body a:hover,.comment-body a:focus {
  1176. color: #389ca5;
  1177. }
  1178. .comment-metadata .reply a {
  1179. color: #212121;
  1180. display: inline-block;
  1181. float: right;
  1182. text-align: right;
  1183. }
  1184. .comment-content{
  1185. background: none repeat scroll 0 0 #ffffff;
  1186. border: 1px solid #d7d7d7;
  1187. border-radius: 0;
  1188. color: #272727;
  1189. display: inline-block;
  1190. font-size: 13px;
  1191. padding: 10px;
  1192. white-space: normal;
  1193. width: 93%;
  1194. margin-left: 50px;
  1195. }
  1196. .comment-form p {
  1197. margin-bottom: 20px;
  1198. }
  1199. .comment-form label {
  1200. display: none;
  1201. }
  1202. .comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form-url input {
  1203. background: none repeat scroll 0 0 #ffffff;
  1204. border: 1px solid #b0b0b0;
  1205. color: #272727;
  1206. font-size: 13px;
  1207. padding: 10px;
  1208. width: 100%;
  1209. }
  1210. .comment-form .comment-form-comment > textarea {
  1211. background: none repeat scroll 0 0 #ffffff;
  1212. border: 1px solid #b0b0b0;
  1213. color: #6a6a6a;
  1214. font-size: 13px;
  1215. margin-top: 20px;
  1216. padding: 10px;
  1217. resize: vertical;
  1218. width: 100%;
  1219. }
  1220. .comment-form-email {
  1221. margin: auto 15px;
  1222. }
  1223. .comment-form-author, .comment-form-email, .comment-form-url {
  1224. float: left;
  1225. width: 32%;
  1226. }
  1227. .comment-form-comment {
  1228. clear: both;
  1229. }
  1230. .wpcf7-form p{
  1231. display: inline-block;
  1232. margin: 0 0 15px;
  1233. width: 100%;
  1234. }
  1235. .wpcf7-form-control-wrap input {
  1236. background: none repeat scroll 0 0 #ffffff;
  1237. border: medium none;
  1238. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  1239. color: #272727;
  1240. font-size: 13px;
  1241. padding: 10px;
  1242. width: 100%;
  1243. }
  1244. .wpcf7-form-control-wrap textarea {
  1245. background: none repeat scroll 0 0 #ffffff;
  1246. border: medium none #c6c6c6;
  1247. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  1248. color: #6a6a6a;
  1249. font-size: 13px;
  1250. padding: 10px;
  1251. resize: vertical;
  1252. width: 100%;
  1253. }
  1254. .reply-box {
  1255. display: inline-block;
  1256. margin-bottom: 30px;
  1257. width: 100%;
  1258. }
  1259. .reply-box .home-title h2 span, .get-in-touch .home-title h2 span{
  1260. border-top: 0 none;
  1261. font-size: 16px;
  1262. padding-left: 128px;
  1263. padding-right: 128px;
  1264. }
  1265. .reply-box .home-title h2, .get-in-touch .home-title h2{
  1266. margin-top: 0;
  1267. margin-bottom: 40px;
  1268. }
  1269.  
  1270. .wpcf7-form .wpcf7-submit,.form-submit > input[type="submit"] {
  1271. background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  1272. border: 1px solid #000000;
  1273. border-radius: 2px;
  1274. color: #000000;
  1275. float: left;
  1276. font-family: 'OpenSans-Bold';
  1277. font-size: 13px;
  1278. margin-top: 20px;
  1279. padding: 8px 40px;
  1280. text-transform: uppercase;
  1281. transition: all 0.3s ease-in-out 0s;
  1282. -webkit-transition: all 0.3s ease-in-out 0s;
  1283. }
  1284. .wpcf7-form .wpcf7-submit:hover,.wpcf7-form .wpcf7-submit:focus, .form-submit > input[type="submit"]:hover,.form-submit > input[type="submit"]:focus,
  1285. .column-book input[type="button"]:hover, .column-book input[type="button"]:focus{
  1286. background-color: #389ca5;
  1287. color: #ffffff;
  1288. border-color: #389ca5;
  1289. }
  1290. /****************single-blog page end**************/
  1291.  
  1292. /****************contact-us page start**************/
  1293. .contact-us .home-title span{
  1294. padding-top: 0;
  1295. }
  1296. .get-in-touch > iframe{
  1297. width: 100%;
  1298. height: 230px;
  1299. }
  1300. .get-in-touch > p {
  1301. color: #6a6a6a;
  1302. font-size: 13px;
  1303. margin: 20px auto;
  1304. }
  1305. .get-in-touch > ul{
  1306. padding-left: 0;
  1307. }
  1308. .get-in-touch > ul li{
  1309. list-style: none;
  1310. padding-bottom: 5px;
  1311. }
  1312. .get-in-touch > ul li span{
  1313. color: #6a6a6a;
  1314. margin-right: 5px;
  1315. }
  1316. /****************contact-us page end**************/
  1317.  
  1318. /* Appoiment Form */
  1319. .column-book input[type="text"]{
  1320.  
  1321. border: 1px solid #389ca5;
  1322. padding: 10px 10px;
  1323. width: 47%;
  1324. margin-bottom: 30px;
  1325. color: #545454;
  1326. font-size: 14px;
  1327. float: left;
  1328. background: #fff;
  1329. }
  1330. .column-book select{
  1331. width: 100%;
  1332. border: 1px solid #389ca5;
  1333. padding: 10px 10px;
  1334. margin-bottom: 30px;
  1335. color: #545454;
  1336. font-size: 14px;
  1337. outline: 0;
  1338. }
  1339. .column-book textarea{
  1340. width: 100%;
  1341. border: 1px solid #389ca5;
  1342. margin-bottom: 30px;
  1343. resize: vertical;
  1344. padding: 10px 10px;
  1345. color: #545454;
  1346. font-size: 14px;
  1347. background: #fff;
  1348. }
  1349. .column-book input[type=button]{
  1350. background: none repeat scroll 0 0 #ffffff;
  1351. width: auto;
  1352. padding: 8px 35px;
  1353. text-transform: uppercase;
  1354. color: #212121;
  1355. font-family: 'OpenSans-Bold';
  1356. border: 1px solid #389ca5;
  1357. font-size: 16px;
  1358. transition: all ease-in-out 0.3s;
  1359. -webkit-transition: all ease-in-out 0.3s;
  1360. }
  1361. .column-book .row{
  1362. margin: 0;
  1363. }
  1364. .column-book .panel {
  1365. background-color: rgba(0, 0, 0, 0);
  1366. border: medium none;
  1367. box-shadow: none;
  1368. padding: 0;
  1369. width: 100%;
  1370. border-radius: 0;
  1371. }
  1372. .column-book .panel-body {
  1373. padding: 0;
  1374. }
  1375. .column-book .form-group{
  1376. margin-bottom: 0;
  1377. }
  1378. #appointment_email, #datetime{
  1379. margin-left: 17px;
  1380. }
  1381. #appointment_name, #appointment_phone{
  1382. margin-right: 17px;
  1383. }
  1384. .our-latest-blog .our-latest-box:nth-child(3n+1) {
  1385. clear: both;
  1386. }
  1387. .Label-book {
  1388. color: #120000;
  1389. font-family: "OpenSans-Bold" !important;
  1390. line-height: 1.8;
  1391. margin-top: 0 !important;
  1392. padding-top: 8px !important;
  1393. background: url(images/form-border.png);
  1394. background-position: bottom;
  1395. background-repeat: no-repeat;
  1396. }
  1397. .column-book form {
  1398. margin-top: 20px;
  1399. }
  1400. #displaymessage {
  1401. color: #449D44;
  1402. font-size: 20px;
  1403. margin-top: 20px;
  1404. }
  1405. .masonry-container .our-latest-box{
  1406. padding: 0px;
  1407. }
  1408. /*custom.css*/
  1409. /* wp default css */
  1410. dt, dd {
  1411. margin-bottom: 15px;
  1412. }
  1413. td, th {
  1414. border: 1px solid #ccc;
  1415. padding: 5px 0 5px 0px;
  1416. }
  1417. td, th a{
  1418. color: #000;
  1419. }
  1420. .comments-box {
  1421. padding: 0;
  1422. }
  1423. .current-menu-item > a {
  1424. color:#389ca5 !important;
  1425. }
  1426. .wp-caption-text{
  1427. margin-top:10px;
  1428. }
  1429. .wp-caption-text a:hover{
  1430. color:#fff;
  1431. }
  1432. .sticky .entry-date {
  1433. display: none;
  1434. }
  1435. .bypostauthor{
  1436. }
  1437. .breadcrumb.breadcrumb-menubar li > a {
  1438. padding: 0 5px;
  1439. }
  1440.  
  1441. /* main sidebar */
  1442. .main-sidebar .tagcloud{
  1443. text-align: left;
  1444. }
  1445. .main-sidebar .tagcloud > a {
  1446. color: #595959;
  1447. display: inline-block;
  1448. margin: 13px 5px 0 0;
  1449. font-size: 15px !important;
  1450. border: 1px solid #179CA4;
  1451. padding:5px;
  1452. }
  1453. .footer-widget .tagcloud > a {
  1454. color: #fff;
  1455. font-size: 15px !important;
  1456. border: 1px solid #179CA4;
  1457. padding:5px;
  1458. }
  1459. .tagcloud > a:hover {
  1460. color: #179CA4;
  1461. }
  1462. .main-sidebar table {
  1463. width: 100%;
  1464. border-collapse: separate;
  1465. border-spacing: 0;
  1466. }
  1467. .main-sidebar table th {
  1468. color:#000;
  1469. }
  1470. .footer-widget table {
  1471. width: 100%;
  1472. border-collapse: separate;
  1473. border-spacing: 0;
  1474. }
  1475. .footer-widget table a{
  1476. color:#179CA4;
  1477. }
  1478. .footer-widget caption {
  1479. text-align: center;
  1480. color:#fff;
  1481. }
  1482.  
  1483. .main-sidebar select{
  1484. padding: 4px;
  1485. width: 100%;
  1486. }
  1487. .footer-widget select{
  1488. padding: 4px;
  1489. width: 100%;
  1490. color:#000;
  1491. }
  1492. .footer-widget ul li {
  1493. color: #ffffff;
  1494.  
  1495. }
  1496. .footer-widget ul li a{
  1497. color: #ffffff;
  1498. }
  1499. .main-sidebar img {
  1500. height: auto;
  1501. max-width: 100%;
  1502. }
  1503. .main-sidebar caption {
  1504. text-align: center;
  1505. }
  1506. .sidebar-box .widget_calendar td, .widget_calendar th {
  1507. color:#000;
  1508. }
  1509. .footer-widget .widget_calendar td, .widget_calendar th {
  1510. color:#fff;
  1511. text-align: center;
  1512. }
  1513.  
  1514.  
  1515. /**/
  1516. /**
  1517. gallery
  1518. * -----------------------------------------------------------------------------
  1519. */
  1520. .gallery {
  1521. margin-bottom: 20px;
  1522. }
  1523. .gallery-item {
  1524. float: left;
  1525. margin: 0 4px 4px 0;
  1526. overflow: hidden;
  1527. position: relative;
  1528. }
  1529. .gallery-columns-1 .gallery-item {
  1530. max-width: 100%;
  1531. }
  1532. .gallery-columns-2 .gallery-item {
  1533. max-width: 48%;
  1534. max-width: -webkit-calc(50% - 4px);
  1535. max-width: calc(50% - 4px);
  1536. }
  1537. .gallery-columns-3 .gallery-item {
  1538. max-width: 32%;
  1539. max-width: -webkit-calc(33.3% - 4px);
  1540. max-width: calc(33.3% - 4px);
  1541. }
  1542. .gallery-columns-4 .gallery-item {
  1543. max-width: 23%;
  1544. max-width: -webkit-calc(25% - 4px);
  1545. max-width: calc(25% - 4px);
  1546. }
  1547. .gallery-columns-5 .gallery-item {
  1548. max-width: 19%;
  1549. max-width: -webkit-calc(20% - 4px);
  1550. max-width: calc(20% - 4px);
  1551. }
  1552. .gallery-columns-6 .gallery-item {
  1553. max-width: 15%;
  1554. max-width: -webkit-calc(16.7% - 4px);
  1555. max-width: calc(16.7% - 4px);
  1556. }
  1557. .gallery-columns-7 .gallery-item {
  1558. max-width: 13%;
  1559. max-width: -webkit-calc(14.28% - 4px);
  1560. max-width: calc(14.28% - 4px);
  1561. }
  1562. .gallery-columns-8 .gallery-item {
  1563. max-width: 11%;
  1564. max-width: -webkit-calc(12.5% - 4px);
  1565. max-width: calc(12.5% - 4px);
  1566. }
  1567. .gallery-columns-9 .gallery-item {
  1568. max-width: 9%;
  1569. max-width: -webkit-calc(11.1% - 4px);
  1570. max-width: calc(11.1% - 4px);
  1571. }
  1572. .gallery-columns-1 .gallery-item:nth-of-type(1n),
  1573. .gallery-columns-2 .gallery-item:nth-of-type(2n),
  1574. .gallery-columns-3 .gallery-item:nth-of-type(3n),
  1575. .gallery-columns-4 .gallery-item:nth-of-type(4n),
  1576. .gallery-columns-5 .gallery-item:nth-of-type(5n),
  1577. .gallery-columns-6 .gallery-item:nth-of-type(6n),
  1578. .gallery-columns-7 .gallery-item:nth-of-type(7n),
  1579. .gallery-columns-8 .gallery-item:nth-of-type(8n),
  1580. .gallery-columns-9 .gallery-item:nth-of-type(9n) {
  1581. margin-right: 0;
  1582. }
  1583. .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
  1584. .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
  1585. .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
  1586. .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
  1587. clear: left;
  1588. }
  1589. .gallery-caption {
  1590. background-color: rgba(0, 0, 0, 0.7);
  1591. -webkit-box-sizing: border-box;
  1592. -moz-box-sizing: border-box;
  1593. box-sizing: border-box;
  1594. color: #fff;
  1595. font-size: 12px;
  1596. line-height: 1.5;
  1597. /* margin: 0; */
  1598. max-height: 50%;
  1599. opacity: 0;
  1600. padding: 6px 8px;
  1601. position: absolute;
  1602. bottom: 0;
  1603. left: 0;
  1604. text-align: left;
  1605. width: 100%;
  1606. }
  1607. .gallery-caption:before {
  1608. content: "";
  1609. height: 100%;
  1610. min-height: 49px;
  1611. position: absolute;
  1612. top: 0;
  1613. left: 0;
  1614. width: 100%;
  1615. }
  1616. .gallery-item:hover .gallery-caption {
  1617. opacity: 1;
  1618. }
  1619. .gallery-columns-7 .gallery-caption,
  1620. .gallery-columns-8 .gallery-caption,
  1621. .gallery-columns-9 .gallery-caption {
  1622. display: none;
  1623. }
  1624. /**/
  1625. img {
  1626. height: auto;
  1627. }
  1628. table{
  1629. width:100%;
  1630. text-align: center;
  1631. }
  1632. .post-meta{
  1633. text-align:center;
  1634. }
  1635. .alignleft {
  1636. display: inline;
  1637. float: left;
  1638. }
  1639. blockquote.alignleft,
  1640. .wp-caption.alignleft, img.alignleft {
  1641. margin: 0.421em 1.684em 1.6842em 0;
  1642. }
  1643. blockquote.alignright, .wp-caption.alignright, img.alignright {
  1644. margin: 0.4211em 0 1.6842em 1.6842em;
  1645. }
  1646. .alignright {
  1647. display: inline;
  1648. float: right;
  1649. }
  1650. .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
  1651. margin-bottom: 1.2632em;
  1652. }
  1653. .aligncenter {
  1654. display: block;
  1655. margin-left: auto;
  1656. margin-right: auto;
  1657. }
  1658. .wp-caption {
  1659. background-color: #179CA4;
  1660. margin-bottom: 1.6em;
  1661. max-width: 100%;
  1662. padding: 10px 10px 2px;
  1663. text-align: center;
  1664. color: #fff;
  1665. }
  1666. .wp-caption .wp-caption-text{
  1667. color: #fff;
  1668. text-align: center;
  1669. }
  1670. .wp-caption .wp-caption-text a{
  1671. color: #000;
  1672. }
  1673. .wp-caption th{
  1674. color: #000;
  1675. }
  1676. .wp-caption, .gallery {
  1677. margin-bottom: 1.6842em;
  1678. }
  1679. iframe,
  1680. embed {
  1681. max-width: 100%;
  1682. }
  1683. /* end wp default css */
  1684.  
  1685.  
  1686. /* custom css */
  1687. .carousel-inner {height:250px;}
  1688.  
  1689.  
  1690. .custom-header-img {
  1691. text-align: center;
  1692. width: 100%;
  1693. }
  1694. .carousel-inner .fa {
  1695. color: #fff;
  1696. font-size: 70px;
  1697. }
  1698. .company-col1 .fa {
  1699. color:#179CA4;
  1700. }
  1701. .social-widget ul li .twitter-icon:hover, .social-widget ul li .twitter-icon:focus{
  1702. background-color:#179CA4 !important;
  1703. }
  1704. .sidebar-widget > h3{
  1705. border-bottom: 1px solid #d7d7d7;
  1706. font-family: "OpenSans-Bold";
  1707. font-size: 16px;
  1708. margin: 0 -31px;
  1709. padding: 0 15px 15px;
  1710. text-transform: uppercase;
  1711. }
  1712. .site-pagination .screen-reader-text{
  1713. display:none;
  1714. }
  1715. .footer-logo > a{
  1716. color: #179CA4;
  1717. font-size: 31px;
  1718. font-weight: 600;
  1719. text-transform: uppercase;
  1720. }
  1721. .col-md-3.theme-logo > a {
  1722. font-size: 35px;
  1723. text-transform: capitalize;
  1724. }
  1725. .sidebar-widget .post-date > a{
  1726. margin-bottom:8px;
  1727. text-align: left;
  1728. }
  1729. .footer-widget .post-date > a{
  1730. margin-bottom:2px;
  1731. text-align: left;
  1732. }
  1733. /* comment title */
  1734. .comment-reply-title {
  1735. border-bottom: 1px solid #b0b0b0;
  1736. color: #000000;
  1737. font-family: "OpenSans-Bold";
  1738. font-size: 17px;
  1739. font-weight: bold;
  1740. padding-bottom: 10px;
  1741. text-align: center;
  1742. text-transform: uppercase;
  1743. }
  1744. .comment-list .comment-content p{
  1745. margin:0px;
  1746. }
  1747.  
  1748.  
  1749. /* seacrh fourm */
  1750. .sidebar-widget .searchform .screen-reader-text{
  1751. display:none;
  1752. }
  1753. .footer-widget .search-form input[type="submit"]{
  1754. background-color: transparent;
  1755. background-image: url("images/search.png");
  1756. background-repeat: no-repeat;
  1757. border: medium none;
  1758. height: 21px;
  1759. padding: 0;
  1760. position: absolute;
  1761. right: 10px;
  1762. text-indent: -500px;
  1763. top: 0px;
  1764. width: 19px;
  1765. }
  1766. .sidebar-widget .search-form input[type="submit"]{
  1767. background-color: transparent;
  1768. background-image: url("images/search.png");
  1769. background-repeat: no-repeat;
  1770. border: medium none;
  1771. height: 21px;
  1772. padding: 0;
  1773. position: absolute;
  1774. right: 10px;
  1775. text-indent: -500px;
  1776. top: 10px;
  1777. width: 19px;
  1778. }
  1779. .searchform {
  1780. position: relative;
  1781. }
  1782. .sidebar-widget .searchform input[type="text"]{
  1783. border: 1px solid #ddd;
  1784. font-weight: normal;
  1785. padding: 7px 15px;
  1786. width: 100%;
  1787.  
  1788. }
  1789. .searchform input[type="text"]{
  1790. border: 1px solid #ddd;
  1791. font-weight: normal;
  1792. padding: 7px 15px;
  1793.  
  1794. }
  1795. .searchform input[type="submit"]{
  1796. background-color: #179CA4;
  1797. border: medium none;
  1798. color: #fff;
  1799. font-weight: bold;
  1800. padding: 7px 12px;
  1801. text-transform: capitalize;
  1802. }
  1803. .search-formmain .search-field {
  1804. border: 1px solid #ddd;
  1805. font-weight: normal;
  1806. padding: 7px 15px;
  1807. width: auto !important;
  1808. }
  1809. .search-formmain .search-submit {
  1810. background-color: #179ca4;
  1811. color: #fff;
  1812. left: 207px;
  1813. padding: 6px;
  1814. position: absolute;
  1815. top: 0;
  1816. }
  1817.  
  1818. /* pagignation */
  1819. .page-numbers{
  1820. border: 1px solid #000;
  1821. color: #000;
  1822. font-family: "OpenSans-Bold";
  1823. font-size: 13px;
  1824. padding: 7px 13px;
  1825. text-align: center;
  1826. display: inline-block;
  1827. transition: all 0.3s ease-in-out 0s;
  1828. -webkit-transition: all 0.3s ease-in-out 0s;
  1829. }
  1830. .page-numbers.current{
  1831. border: 1px solid #389ca5;
  1832. color: #389ca5;
  1833. }
  1834. .nav-links a.page-numbers:hover, .nav-links a.page-numbers:focus,
  1835. .post-navigation .page-numbers:hover, .post-navigation .page-numbers:focus{
  1836. border-color: #179ca4;
  1837. color: #179ca4;
  1838. }
  1839. .next.page-numbers {
  1840. text-transform: uppercase;
  1841. }
  1842. .prev.page-numbers {
  1843. text-transform: uppercase;
  1844. }
  1845. .nav-previous {
  1846. float: left;
  1847. margin-bottom: 15px;
  1848. }
  1849. .nav-next {
  1850. float: right;
  1851. margin-bottom: 15px;
  1852. }
  1853. .page-links{
  1854. margin-bottom: 25px;
  1855. }
  1856. .page-links a{
  1857. border: 1px solid #000;
  1858. color: #000;
  1859. font-family: "OpenSans-Bold";
  1860. font-size: 13px;
  1861. padding: 7px 13px;
  1862. text-align: center;
  1863. }
  1864. .page-links > span{
  1865. border: 1px solid #179CA4;
  1866. color: #179CA4;
  1867. font-family: "OpenSans-Bold";
  1868. font-size: 13px;
  1869. padding: 7px 13px;
  1870. text-align: center;
  1871. }
  1872. .page-links-title{
  1873. border:none !important;
  1874. }
  1875. .inner-grid .img-responsive{
  1876. width:100%;
  1877. }
  1878. .no-img{
  1879. max-height: 247px;
  1880. width:100%;
  1881. }
  1882. .site-pagination .pagination {
  1883. margin: 0 0 20px;
  1884. }
  1885. .button-div{
  1886. left: 0;
  1887. }
  1888. .logged-in-as a{
  1889. color:#179CA4;
  1890. }
  1891. .spage{
  1892. padding-top: 10px;
  1893. }
  1894. .theme-logo img {
  1895. display: inline-block;
  1896. }
  1897.  
  1898. /*media.css*/
  1899. /**==============theme media screen start==================**/
  1900.  
  1901. @media screen and (max-width:1200px){
  1902. .theme-container{
  1903. width: 100%;
  1904. }
  1905. }
  1906. @media (min-width: 1025px) and (max-width: 1199px){
  1907. .banner-inner-content h1 {
  1908. font-size: 40px;
  1909. }
  1910. }
  1911. @media(min-width:981px) and (max-width: 1024px){
  1912. .comment-form-email {
  1913. margin: auto 13px;
  1914. }
  1915. .home-title h2 span{
  1916. padding: 15px 40px;
  1917. }
  1918. .get-in-touch .home-title h2 span {
  1919. padding-left: 95px;
  1920. padding-right: 95px;
  1921. }
  1922. .banner-inner-content h1{
  1923. font-size: 40px;
  1924. }
  1925. #appointment_name, #appointment_phone {
  1926. margin-right: 14px;
  1927. }
  1928. #appointment_email, #datetime {
  1929. margin-left: 14px;
  1930. }
  1931. }
  1932. @media(min-width:768px) and (max-width: 980px){
  1933. .home-title h2 span{
  1934. padding: 15px 0;
  1935. }
  1936. .bottom-header{
  1937. text-align: center;
  1938. }
  1939. .banner-inner-content{
  1940. top: 10%;
  1941. }
  1942. .banner-inner-content h1{
  1943. font-size: 38px;
  1944. }
  1945. .banner-inner-content p{
  1946. margin: 10px 0 30px;
  1947. font-size: 26px;
  1948. }
  1949. .our-box-left > img{
  1950. width: 100%;
  1951. }
  1952. .header-navigation{
  1953. margin-top: 25px;
  1954. }
  1955. .comment-img {
  1956. padding: 0;
  1957. }
  1958. .reply-box .home-title h2{
  1959. margin-bottom: 20px;
  1960. }
  1961. .comment-form-author, .comment-form-email, .comment-form-url {
  1962. float: none;
  1963. margin: 0;
  1964. width: 100%;
  1965. }
  1966. .wpcf7-form-control-wrap {
  1967. display: inline-block;
  1968. width: 100%;
  1969. }
  1970. .wpcf7-form-control-wrap input{
  1971. margin-top: 20px;
  1972. }
  1973. .get-in-touch .home-title h2 span{
  1974. padding-left: 53px;
  1975. padding-right: 53px;
  1976. }
  1977. .our-latest-box:nth-child(2n+1), .attorneys:nth-child(2n+1){
  1978. clear: both;
  1979. }
  1980. .comment-author .avatar {
  1981. top: 5px;
  1982. }
  1983. .comment-content {
  1984. margin-left: 0;
  1985. width: 100%;
  1986. }
  1987. .comment-metadata {
  1988. display: block;
  1989. padding-left: 50px;
  1990. }
  1991. .column-book input[type="text"]{
  1992. width: 100%;
  1993. }
  1994. #appointment_name, #appointment_phone {
  1995. margin-right: 0;
  1996. }
  1997. #appointment_email, #datetime {
  1998. margin-left: 0;
  1999. }
  2000. .our-latest-blog .our-latest-box:nth-child(3n+1) {
  2001. clear: none;
  2002. }
  2003. .our-latest-blog .our-latest-box:nth-child(2n+1) {
  2004. clear: both;
  2005. }
  2006. }
  2007. @media(max-width:767px){
  2008. .page-article{
  2009. margin-bottom: 0;
  2010. margin-top: 50px;
  2011. }
  2012. .home-image-section .blur-effect {
  2013. padding: 50px 0 60px;
  2014. }
  2015. .home-image-section h2{
  2016. font-size: 26px;
  2017. }
  2018. .theme-banner,.home-image-section {
  2019. margin-bottom: 40px;
  2020. }
  2021. .section-column,.our-section-list {
  2022. margin-top: 30px;
  2023. }
  2024. .home-practise-section,.home-our-section {
  2025. margin-bottom: 20px;
  2026. }
  2027. .home-our-blog{
  2028. margin-bottom: 30px;
  2029. }
  2030. .comment-author .avatar {
  2031. top: 5px;
  2032. }
  2033. .comment-content {
  2034. margin-left: 0;
  2035. width: 100%;
  2036. }
  2037. .comment-metadata {
  2038. display: block;
  2039. padding-left: 50px;
  2040. }
  2041. .home-title h2 span,.section-column .column-company .home-title h2 span, .section-column .column-book .home-title h2 span{
  2042. font-size: 20px;
  2043. }
  2044. /***menu***/
  2045. .header-navigation{
  2046. float: left;
  2047. }
  2048. .theme-nav{
  2049. margin-top:0px;
  2050. width:100%;
  2051. border-top: 1px solid #b0b0b0;
  2052. float: none;
  2053. margin: 0 auto !important;
  2054. }
  2055. .navbar-collapse.in{
  2056. overflow: hidden;
  2057. }
  2058. .theme-nav > ul{
  2059. float:left;
  2060. width:100%;
  2061. }
  2062. .theme-nav > ul li,
  2063. .theme-nav > ul li a{
  2064. display:inherit;
  2065. float:left;
  2066. width:98%;
  2067. }
  2068. .theme-nav > ul li a{
  2069. border:none;
  2070. background:none;
  2071. }
  2072. .theme-nav > ul > li > a:hover,
  2073. .theme-nav > ul > li > a:focus,
  2074. .theme-nav > ul > li.current-menu-item > a{
  2075. background:none;
  2076. }
  2077. .theme-nav ul ul{
  2078. position:relative;
  2079. opacity:1;
  2080. visibility:visible;
  2081. border:none;
  2082. padding-left:20px;
  2083. float:left;
  2084. width:100%;
  2085. margin-top: 0;
  2086. left:auto;
  2087. top:0px;
  2088. }
  2089. .theme-nav ul ul ul{
  2090. right:auto;
  2091. }
  2092. .theme-nav ul ul li{
  2093. border-bottom: 0;
  2094. }
  2095. /***effect**/
  2096. .theme-nav > ul > li > a:before,
  2097. .theme-nav > ul > li > a:after{
  2098. background: none;
  2099. }
  2100. /**top header**/
  2101. .callus-part,
  2102. .social-part,
  2103. .top-header-email,
  2104. .callus-part p,
  2105. .theme-logo,
  2106. .footer-bottom .terms,
  2107. .footer-bottom{
  2108. text-align: center;
  2109. float: none;
  2110. }
  2111. .footer-bottom .terms{
  2112. margin-top: 10px;
  2113. }
  2114. .social-part ul li{
  2115. margin-top: 5px;
  2116. }
  2117. .social-part ul{
  2118. padding-left: 0;
  2119. }
  2120. .callus-part p{
  2121. margin: 0 0 10px;
  2122. }
  2123. .banner-button a{
  2124. padding: 10px 30px;
  2125. }
  2126. .site-pagination{
  2127. margin-bottom: 10px;
  2128. }
  2129. .comments-article li > ul{
  2130. padding-left: 15px;
  2131. }
  2132. .comment-img {
  2133. padding: 0;
  2134. }
  2135. .wpcf7-form-control-wrap {
  2136. display: inline-block;
  2137. width: 100%;
  2138. }
  2139. .reply-box .home-title h2{
  2140. margin-bottom: 20px;
  2141. }
  2142. .wpcf7-form-control-wrap input{
  2143. margin-top: 20px;
  2144. }
  2145. .comment-form-author, .comment-form-email, .comment-form-url {
  2146. float: none;
  2147. margin: 0;
  2148. width: 100%;
  2149. }
  2150. .comments-article .home-title h2 span, .reply-box .home-title h2 span, .get-in-touch .home-title h2 span, .site-breadcrumb .home-title span{
  2151. font-size: 20px;
  2152. padding-left: 5px;
  2153. padding-right: 5px;
  2154. }
  2155. /*****our-section***/
  2156. .our-section-box{
  2157. margin-bottom: 30px;
  2158. }
  2159. .our-box-left img{
  2160. margin: 0 auto;
  2161. }
  2162. .gallarey-container{
  2163. padding: 0;
  2164. }
  2165. .column-book input[type="text"]{
  2166. width: 100%;
  2167. }
  2168. #appointment_name, #appointment_phone {
  2169. margin-right: 0;
  2170. }
  2171. #appointment_email, #datetime {
  2172. margin-left: 0;
  2173. }
  2174. /****footer***/
  2175. .footer-logo a{
  2176. padding: 0 0 15px;
  2177. }
  2178. }
  2179. @media (min-width:568px) and (max-width: 767px){
  2180.  
  2181. .attorneys:nth-child(2n+1) {
  2182. clear: both;
  2183. }
  2184. .attorneys{
  2185. float: left;
  2186. width: 50%;
  2187. }
  2188. .our-box-right p{
  2189. text-align: justify;
  2190. }
  2191. .footer-logo a:after, .footer-logo a:before{
  2192. bottom: -5px;
  2193. }
  2194. .company-col1 ul li {
  2195. float: left;
  2196. width: 50%;
  2197. }
  2198. .company-col1 ul li i {
  2199. float: left;
  2200. width: 16%;
  2201. margin-left: 5px;
  2202. }
  2203. .company-col1 ul li span {
  2204. float: left;
  2205. width: 70%;
  2206. }
  2207. .company-col1 ul li:nth-child(2n+1) {
  2208. clear: both;
  2209. }
  2210. }
  2211. @media (min-width: 481px) and (max-width: 767px){
  2212. .banner-inner-content{
  2213. top: 10%;
  2214. }
  2215. .banner-inner-content h1{
  2216. font-size: 20px;
  2217. }
  2218. .banner-inner-content p{
  2219. font-size: 16px;
  2220. margin: 10px 0;
  2221. }
  2222. .banner-button a{color:black;
  2223. font-size: 14px;
  2224. }
  2225. .carousel-inner .fa {
  2226. font-size: 60px;
  2227. }
  2228. }
  2229. @media (min-width: 380px) and (max-width: 480px){
  2230. .footer-logo a:after, .footer-logo a:before{
  2231. bottom: -5px;
  2232. }
  2233. }
  2234. @media screen and (max-width: 568px){
  2235. .banner-inner-content{
  2236. top: 6%;
  2237. margin: 0 152px;
  2238. }
  2239. .carousel-control{
  2240. top: 38%;
  2241. }
  2242. }
  2243. @media screen and (max-width: 480px){
  2244. .inner-grid img{
  2245. margin: 0 auto;
  2246. }
  2247. .banner-inner-content{
  2248. display: none;
  2249. }
  2250. }
  2251. @media screen and (max-width: 380px){
  2252. .home-page .home-title h2 span, .our-firm .home-title h2 span{
  2253. padding: 15px 0;
  2254. }
  2255. .our-firm-tabs > li {
  2256. float: none;
  2257. }
  2258. }
  2259. @media screen and (max-width: 320px){
  2260. .footer-logo a:after, .footer-logo a:before{
  2261. bottom: -4px;
  2262. }
  2263. }
  2264. @media(min-width:685px) and (max-width: 767px){
  2265. .section-column .column-company .home-title h2 span{
  2266. width: 570px;
  2267. }
  2268. }
  2269.  
  2270.  
  2271. /**==========theme media screen end==============**/
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!