API tools faq
paste
rdusnr

Untitled

rdusnr
Dec 26th, 2016
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.06 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:165px;
  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% - 100px) !important;
  506. width: -webkit-calc(100% - 100px);
  507. width: 62%;
  508. }
  509. .post-date > a {
  510. color: #d7d7d7;
  511. display: list-item;
  512. line-height: 1.3;
  513. list-style: outside none none;
  514. margin-bottom: 12px;
  515. transition: all 0.3s ease-in-out 0s;
  516. -webkit-transition: all 0.3s ease-in-out 0s;
  517. text-transform: capitalize;
  518. }
  519. .social-widget{
  520. display: inline-block;
  521. width: 100%;
  522. }
  523. .social-widget ul{
  524. display: inline-block;
  525. width: 100%;
  526. text-align: center;
  527. padding: 0;
  528. margin-top: 15px;
  529. }
  530. .social-widget ul li{
  531. display: inline;
  532. list-style: none;
  533. margin-right: 5px;
  534. }
  535. .social-widget ul li a{
  536. display: inline-block;
  537. }
  538. .social-widget ul li a{
  539. background-color: #ffffff;
  540. border-radius: 5px;
  541. color: #222222;
  542. font-size: 22px;
  543. height: 30px;
  544. text-align: center;
  545. width: 30px;
  546. transition: all ease-in-out 0.3s;
  547. -webkit-transition: all ease-in-out 0.3s;
  548. }
  549. .social-widget ul li .facebook-icon:hover, .social-widget ul li .facebook-icon:focus {
  550. background-color: #3b5998;
  551. color: #ffffff;
  552. }
  553. .social-widget ul li .twitter-icon:hover, .social-widget ul li .twitter-icon:focus {
  554. background-color: #48c4d2;
  555. color: #ffffff;
  556. }
  557. /***************footer end***************/
  558.  
  559. /****************pagination start**************/
  560. .site-pagination {
  561. display: inline-block;
  562. width: 100%;
  563. }
  564. .site-pagination > ul {
  565. text-align: center;
  566. margin: 0;
  567. padding-left: 0;
  568. }
  569. .site-pagination ul li {
  570. display: inline-block;
  571. margin-bottom: 5px;
  572. margin-right: 5px;
  573. }
  574. .site-pagination ul li a {
  575. border: 1px solid #000000;
  576. border-radius: 1px;
  577. color: #000000;
  578. display: inline-block;
  579. font-family: 'OpenSans-Bold';
  580. font-size: 13px;
  581. text-align: center;
  582. text-transform: uppercase;
  583. transition: all 0.3s ease 0s;
  584. -webkit-transition: all 0.3s ease 0s;
  585. padding: 7px 13px;
  586. }
  587. .site-pagination ul li a:hover, .site-pagination ul li a:focus, .site-pagination ul li .active{
  588. color: #389ca5;
  589. border-color: #389ca5;
  590. }
  591. /****************pagination end**************/
  592.  
  593. /****************breadcrumb start**************/
  594. .breadcrumb-bg {
  595. background: none repeat scroll 0 0 #ffffff;
  596. border-bottom: 1px solid #d7d7d7;
  597. border-top: 1px solid #d7d7d7;
  598. }
  599. .site-breadcrumb .home-title span:after,.site-breadcrumb .home-title span:before{
  600. background-color: #fff;
  601. }
  602. .site-breadcrumb .home-title > h2 {
  603. margin-top: 10px;
  604. }
  605. .site-breadcrumb .home-title span {
  606. border-top: 0 none;
  607. font-size: 24px;
  608. padding-left: 128px;
  609. padding-right: 128px;
  610. }
  611. .breadcrumb-menubar {
  612. background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  613. text-align: center;
  614. margin-bottom: 0;
  615. padding: 15px 5px;
  616. text-transform: capitalize;
  617. }
  618. .breadcrumb-menubar > li > a {
  619. color: #000000;
  620. }
  621. .breadcrumb-menubar > li > a:hover, .breadcrumb-menubar > li > a:focus {
  622. color: #389ca5;
  623. }
  624. .breadcrumb-menubar > li + li:before{
  625. color: #000000;
  626. padding: 0;
  627. }
  628. .breadcrumb-menubar > .active{
  629. color: #389ca5;
  630. }
  631. /****************breadcrumb end**************/
  632.  
  633. /****************sidebar start**************/
  634. .sidebar-box{
  635. background: none repeat scroll 0 0 #ffffff;
  636. border: 1px solid #d7d7d7;
  637. }
  638. .sidebar-widget {
  639. display: inline-block;
  640. padding: 15px;
  641. width: 100%;
  642. }
  643. .search-form {
  644. position: relative;
  645. }
  646. .search-form label {
  647. width: 100%;
  648. margin: 0;
  649. }
  650. .search-form .screen-reader-text {
  651. display: none;
  652. }
  653. .search-form .search-field {
  654. border: 1px solid #ddd;
  655. font-weight: normal;
  656. padding: 7px 15px;
  657. width: 100%;
  658. }
  659. .search-form .search-submit {
  660. background-color: rgba(0, 0, 0, 0);
  661. background-repeat: no-repeat;
  662. border: medium none;
  663. color: #9e9e9e;
  664. font-size: 16px;
  665. padding: 0;
  666. position: absolute;
  667. right: 17px;
  668. top: 6px;
  669. vertical-align: middle;
  670. }
  671. .sidebar-widget .widget-title {
  672. border-bottom: 1px solid #d7d7d7;
  673. font-family: 'OpenSans-Bold';
  674. font-size: 16px;
  675. margin: 0 -15px;
  676. padding: 0 15px 15px;
  677. text-transform: uppercase;
  678. }
  679. .sidebar-widget ul {
  680. list-style: outside none none;
  681. padding-left: 0;
  682. }
  683. .sidebar-widget ul li ul{
  684. border-top: 1px dashed #595959;
  685. margin-top: 10px;
  686. padding-left: 15px;
  687. }
  688. .sidebar-widget ul li {
  689. border-bottom: 1px dashed #595959;
  690. clear: both;
  691. color: #595959;
  692. display: inline-block;
  693. padding: 10px 0;
  694. width: 100%;
  695. }
  696. .sidebar-widget ul li ul li:last-child{
  697. border-bottom: none;
  698. padding-bottom: 0;
  699. }
  700. .sidebar-widget ul li a{
  701. color: #595959;
  702. font-size: 13px;
  703. text-transform: capitalize;
  704. }
  705. .sidebar-widget ul li a:hover,.sidebar-widget ul li a:focus, .tagcloud > a:hover,.tagcloud > a:focus{
  706. color: #389ca5
  707. }
  708. .left-tag {
  709. float: left;
  710. text-align: left;
  711. text-transform: capitalize;
  712. }
  713. .right-tag {
  714. float: right;
  715. text-align: right;
  716. text-transform: capitalize;
  717. }
  718. .tagcloud{
  719. text-align: left;
  720. }
  721. .tagcloud > a {
  722. color: #595959;
  723. display: inline-block;
  724. margin: 13px 5px 0 0;
  725. }
  726. /****************sidebar end**************/
  727.  
  728. /********home page strat**********/
  729. .section-main {
  730. position: relative;
  731. display: inline-block;
  732. width: 100%;
  733.  
  734. }
  735. /**banner******/
  736. .theme-banner{
  737. padding: 0;
  738. margin-bottom: 145px;
  739. height:300px;
  740. }
  741. .blur-effect{
  742. background-color: rgba(0,0,0,0.1);
  743. position: absolute;
  744. top: 0;
  745. width: 100%;
  746. height: 100%;
  747. }
  748. .banner-inner-content{
  749. display: block;
  750. left: 0;
  751. margin: auto;
  752. position: absolute;
  753. right: 0;
  754. text-align: center;
  755. top: 20%;
  756. }
  757. .banner-inner-content h1{
  758. text-transform: capitalize;
  759. color: #ffffff;
  760. font-size: 58px;
  761. font-family: 'OpenSans-Bold';
  762. margin-top: 5px;
  763. }
  764. .banner-inner-content p{
  765. text-transform: capitalize;
  766. color: #ffffff;
  767. font-size: 32px;
  768. font-family: 'OpenSans-Bold';
  769. margin: 10px 0 50px 0;
  770. }
  771. .banner-button a{
  772. border: 1px solid #ffffff;
  773. text-transform: uppercase;
  774. color: #ffffff;
  775. display: inline-block;
  776. font-size: 18px;
  777. font-family: 'OpenSans-Bold';
  778. padding: 10px 35px;
  779. -webkit-transition: all ease-in-out 0.3s;
  780. transition: all ease-in-out 0.3s;
  781. }
  782. .banner-button a:hover,.banner-button a:focus{
  783. background-color: #ffffff;
  784. color: #181818;
  785. }
  786. .carousel-control{
  787. top: 50%;
  788. bottom: 41%;
  789. height: 30px;
  790. width: 30px;
  791. }
  792. .carousel-control.left{
  793. background-image: url(images/image-sprite.png);
  794. background-repeat: no-repeat;
  795. background-position: 0 0;
  796. left: 10px;
  797. }
  798. .carousel-control.right{
  799. background-image: url(images/image-sprite.png);
  800. background-repeat: no-repeat;
  801. background-position: -33px 0;
  802. right: 10px;
  803. }
  804. .theme-banner .item > img{
  805. width: 100%;
  806. }
  807. /********section our***/
  808. .home-practise-section{
  809. margin-bottom: 45px;
  810. padding: 0;
  811. margin-top:-30px;
  812. }
  813. .home-title {
  814. display: inline-block;
  815. width: 100%;
  816. }
  817. .home-title h2{
  818. text-align: center;
  819. position: relative;
  820. margin-bottom: 0;
  821. margin-top: 0;
  822. }
  823. .home-title h2 span{
  824. text-align: center;
  825. text-transform: uppercase;
  826. font-size: 26px;
  827. padding: 15px 50px;
  828. font-family: 'OpenSans-Bold';
  829. border-top: 4px solid #389ca5;
  830. border-bottom: 1px solid #b0b0b0;
  831. position: relative;
  832. color: #000;
  833. display: inline-block;
  834. }
  835. .home-title span:after,
  836. .home-title span:before{
  837. background-color: #f8f8f8;/**same as body color*/
  838. content:"\f111";
  839. position: absolute;
  840. bottom: -4px;
  841. font-family:'FontAwesome';
  842. font-size: 6px;
  843. color: #b0b0b0;
  844. z-index: 1;
  845. height: 7px;
  846. }
  847. .home-title span:after{
  848. left: 50%;
  849. padding: 0 0px 0px 10px;
  850.  
  851. }
  852. .home-title span:before{
  853. right: 50%;
  854. padding: 0 10px 0px 0px;
  855.  
  856. }
  857. .home-title p{
  858. text-align: center;
  859. width: 80%;
  860. margin: 30px auto 0 auto;
  861. font-size: 16px;
  862. color: #7f7f7f;
  863. }
  864. /****our practice***/
  865. .section-column{
  866. margin-top: 50px;
  867. }
  868. .section-column .column-company .home-title h2 span,
  869. .section-column .column-book .home-title h2 span{
  870. border-top: none;
  871. width: 100%;
  872. font-size: 22px;
  873. }
  874. .company-col1{
  875. background-color: #f8f8f8;
  876. }
  877. .company-col1 ul{
  878. padding: 0;
  879. display: inline-block;
  880. margin-bottom: 30px;
  881. margin-top: 20px;
  882. width: 100%;
  883. }
  884. .company-col1 ul li{
  885. padding: 0;
  886. color: #535353;
  887. text-transform: capitalize;
  888. font-size: 16px;
  889. font-family: 'OpenSans-Bold';
  890. list-style: none;
  891. margin-top: 30px;
  892. }
  893. .company-col1 ul li i{
  894. color: #999999;
  895. font-size: 44px;
  896. margin-right: 30px;
  897. vertical-align: middle;
  898. }
  899. .company-col1 p{
  900. font-size: 14px;
  901. color: #212121;
  902. line-height: 26px;
  903. text-align: justify;
  904. }
  905. .column-book form{
  906. margin-top: 50px;
  907. }
  908. .column-book input{
  909.  
  910. border: 1px solid #389ca5;
  911. padding: 10px 10px;
  912. width: 100%;
  913. margin-bottom: 30px;
  914. color: #545454;
  915. font-size: 14px;
  916. }
  917. .column-book input[type=date]{
  918. line-height: inherit;
  919. }
  920. .column-book i {
  921. position: absolute;
  922. top: 10px;
  923. right: 24px;
  924. font-size: 24px;
  925. color: #999999;
  926. }
  927. .column-book input[type=submit]{
  928. width: auto;
  929. padding: 8px 35px;
  930. text-transform: uppercase;
  931. color: #212121;
  932. font-family: 'OpenSans-Bold';
  933. font-size: 16px;
  934. transition: all ease-in-out 0.3s;
  935. -webkit-transition: all ease-in-out 0.3s;
  936. }
  937. .column-book input[type=submit]:hover, .column-book input[type=submit]:focus{
  938. background-color: #389ca5;
  939. color: #ffffff;
  940. }
  941. .column-book select{
  942. width: 100%;
  943. border: 1px solid #389ca5;
  944. padding: 10px 10px;
  945. margin-bottom: 30px;
  946. color: #545454;
  947. font-size: 14px;
  948. outline: 0;
  949. }
  950. .column-book textarea{
  951. width: 100%;
  952. border: 1px solid #389ca5;
  953. margin-bottom: 30px;
  954. resize: vertical;
  955. padding: 10px 10px;
  956. color: #545454;
  957. font-size: 14px;
  958. }
  959. /****end**/
  960.  
  961. /************here to help css****/
  962. .home-image-section{
  963. background-attachment: fixed !important;
  964. background-repeat: no-repeat !important;
  965. background-position: center center !important;
  966. background-size: cover !important;
  967. padding: 0;
  968. margin: 0 0 75px 0;
  969. }
  970. .home-image-section .blur-effect{
  971. position: static;
  972. padding: 100px 0 120px 0;
  973. background-color: rgba(0,0,0,0.8);
  974. }
  975. .home-image-section h2{
  976. text-transform: uppercase;
  977. font-size: 44px;
  978. text-align: center;
  979. color: #ffffff;
  980. font-family: 'OpenSans-Bold';
  981. }
  982. .home-image-section .banner-button{
  983. text-align: center;
  984. margin-top: 50px;
  985. }
  986.  
  987. /******latest blog start********/
  988. .home-our-blog{
  989. margin: 0 0 0px;
  990. padding: 0;
  991. }
  992. .our-latest-blog{
  993. margin-top: 60px;
  994. }
  995. .attorneys .our-box-left > img {
  996. min-height: 234px;
  997. }
  998. .latest-blog-img{
  999. border: 1px solid #d7d7d7;
  1000. position: relative;
  1001. margin-bottom: 40px;
  1002. padding-bottom: 40px;
  1003. background: none repeat scroll 0 0 #ffffff;
  1004. }
  1005. .post-meta ul{
  1006. display: inline-block;
  1007. padding:10px 8px;
  1008. margin: 0;
  1009. width: 100%;
  1010. border-bottom: 1px solid #d7d7d7;
  1011. }
  1012. .post-meta ul li{
  1013. list-style: none;
  1014. float: left;
  1015. margin-right: 5px;
  1016. text-align: left;
  1017. }
  1018. .post-meta ul li a,
  1019. .post-meta ul li span{
  1020. color: #595959;
  1021. }
  1022. .post-meta ul li a:hover,.post-meta ul li a:focus{
  1023. color: #389ca5;
  1024. }
  1025. .latest-blog-inner .latest-blog-title{
  1026. color: #212121;
  1027. font-size: 16px;
  1028. font-family: 'OpenSans-Bold';
  1029. margin: 10px 0 15px;
  1030. display: inline-block;
  1031. text-transform: capitalize;
  1032. }
  1033. .latest-blog-inner .latest-blog-title:hover, .latest-blog-inner .latest-blog-title:focus{
  1034. color: #389ca5;
  1035. }
  1036. .latest-blog-inner h3.latest-blog-title:hover, .latest-blog-inner h3.latest-blog-title:focus{
  1037. color: #212121;
  1038. }
  1039. .latest-blog-inner {
  1040. padding: 0 15px;
  1041. }
  1042. .latest-blog-inner p{
  1043. color: #2c2c2c;
  1044. font-size: 13px;
  1045. line-height: 1.8;
  1046. text-align: justify;
  1047. }
  1048. .button-div {
  1049. bottom: -20px;
  1050. display: inline-block;
  1051. position: absolute;
  1052. text-align: center;
  1053. width: 100%;
  1054.  
  1055. }
  1056. .button-read{
  1057. background-color: #389ca5;
  1058. color: #ffffff;
  1059. text-transform: uppercase;
  1060. font-family: 'OpenSans-Bold';
  1061. padding: 10px 20px;
  1062. display: inline-block;
  1063. margin: 0 auto;
  1064. border: 1px solid #389ca5;
  1065. -webkit-transition: all ease-in-out 0.3s;
  1066. transition: all ease-in-out 0.3s;
  1067.  
  1068. }
  1069. .button-read:hover, .button-read:focus{
  1070. background-color: #ffffff;
  1071. color: #545454;
  1072. }
  1073. /*************end******/
  1074.  
  1075.  
  1076. /****************home page end**************/
  1077.  
  1078. /****************blog page start**************/
  1079. .page-article {
  1080. display: inline-block;
  1081. margin-bottom: 25px;
  1082. margin-top: 70px;
  1083. width: 100%;
  1084. }
  1085. .blog-page .latest-blog-img {
  1086. margin-bottom: 60px;
  1087. }
  1088. .blog-page .our-latest-box:nth-child(2n+1) {
  1089. clear: both;
  1090. }
  1091. /****************blog page end**************/
  1092.  
  1093. /****************single-blog page start**************/
  1094. .single-blog-page .latest-blog-img{
  1095. padding-bottom: 0;
  1096. }
  1097. .single-blog-page .latest-blog-inner p{
  1098. margin-bottom: 20px;
  1099. }
  1100. .attorney-detail{
  1101. margin-bottom: 35px;
  1102. }
  1103. .attorney-detail .inner-grid {
  1104. margin-bottom: 15px;
  1105. }
  1106. .comments-article .home-title h2 span{
  1107. border-top: 0 none;
  1108. font-size: 16px;
  1109. margin-bottom: 25px;
  1110. margin-top: 10px;
  1111. padding-left: 128px;
  1112. padding-right: 128px;
  1113. }
  1114. .comments-article > ol {
  1115. display: inline-block;
  1116. list-style: outside none none;
  1117. padding: 0;
  1118. width: 100%;
  1119. }
  1120.  
  1121. .comment-body {
  1122. margin-bottom: 20px;
  1123. position: relative;
  1124. }
  1125. .comment-author {
  1126. display: inline-block;
  1127. position: relative;
  1128. margin-bottom: 8px;
  1129. }
  1130. .comment-author, .comment-content {
  1131. padding-left: 50px;
  1132. }
  1133. .comment-author .says {
  1134. display: none;
  1135. }
  1136. .comment-author .avatar {
  1137. border: 1px solid rgba(0, 0, 0, 0.1);
  1138. height: 34px;
  1139. left: 0;
  1140. padding: 2px;
  1141. position: absolute;
  1142. top:30px;
  1143. width: 34px;
  1144. }
  1145. .comment-list{
  1146. padding: 0;
  1147. list-style: outside none none;
  1148. }
  1149. .comment-list .children {
  1150. padding-left: 20px;
  1151. list-style: outside none none;
  1152. margin-bottom: 10px;
  1153. }
  1154. .comment-metadata {
  1155. display: inline-block;
  1156. padding-left: 5px;
  1157. margin-bottom: 8px;
  1158. width: auto;
  1159. }
  1160. .comment-body a{
  1161. color: #212121;
  1162. }
  1163. .comment-body .reply {
  1164. position: absolute;
  1165. right: 5px;
  1166. top: 0;
  1167. }
  1168. .comment-author .fn{
  1169. color: #212121;
  1170. font-weight: normal;
  1171. }
  1172. .comment-body a:hover,.comment-body a:focus {
  1173. color: #389ca5;
  1174. }
  1175. .comment-metadata .reply a {
  1176. color: #212121;
  1177. display: inline-block;
  1178. float: right;
  1179. text-align: right;
  1180. }
  1181. .comment-content{
  1182. background: none repeat scroll 0 0 #ffffff;
  1183. border: 1px solid #d7d7d7;
  1184. border-radius: 0;
  1185. color: #272727;
  1186. display: inline-block;
  1187. font-size: 13px;
  1188. padding: 10px;
  1189. white-space: normal;
  1190. width: 93%;
  1191. margin-left: 50px;
  1192. }
  1193. .comment-form p {
  1194. margin-bottom: 20px;
  1195. }
  1196. .comment-form label {
  1197. display: none;
  1198. }
  1199. .comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form-url input {
  1200. background: none repeat scroll 0 0 #ffffff;
  1201. border: 1px solid #b0b0b0;
  1202. color: #272727;
  1203. font-size: 13px;
  1204. padding: 10px;
  1205. width: 100%;
  1206. }
  1207. .comment-form .comment-form-comment > textarea {
  1208. background: none repeat scroll 0 0 #ffffff;
  1209. border: 1px solid #b0b0b0;
  1210. color: #6a6a6a;
  1211. font-size: 13px;
  1212. margin-top: 20px;
  1213. padding: 10px;
  1214. resize: vertical;
  1215. width: 100%;
  1216. }
  1217. .comment-form-email {
  1218. margin: auto 15px;
  1219. }
  1220. .comment-form-author, .comment-form-email, .comment-form-url {
  1221. float: left;
  1222. width: 32%;
  1223. }
  1224. .comment-form-comment {
  1225. clear: both;
  1226. }
  1227. .wpcf7-form p{
  1228. display: inline-block;
  1229. margin: 0 0 15px;
  1230. width: 100%;
  1231. }
  1232. .wpcf7-form-control-wrap input {
  1233. background: none repeat scroll 0 0 #ffffff;
  1234. border: medium none;
  1235. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  1236. color: #272727;
  1237. font-size: 13px;
  1238. padding: 10px;
  1239. width: 100%;
  1240. }
  1241. .wpcf7-form-control-wrap textarea {
  1242. background: none repeat scroll 0 0 #ffffff;
  1243. border: medium none #c6c6c6;
  1244. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  1245. color: #6a6a6a;
  1246. font-size: 13px;
  1247. padding: 10px;
  1248. resize: vertical;
  1249. width: 100%;
  1250. }
  1251. .reply-box {
  1252. display: inline-block;
  1253. margin-bottom: 30px;
  1254. width: 100%;
  1255. }
  1256. .reply-box .home-title h2 span, .get-in-touch .home-title h2 span{
  1257. border-top: 0 none;
  1258. font-size: 16px;
  1259. padding-left: 128px;
  1260. padding-right: 128px;
  1261. }
  1262. .reply-box .home-title h2, .get-in-touch .home-title h2{
  1263. margin-top: 0;
  1264. margin-bottom: 40px;
  1265. }
  1266.  
  1267. .wpcf7-form .wpcf7-submit,.form-submit > input[type="submit"] {
  1268. background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  1269. border: 1px solid #000000;
  1270. border-radius: 2px;
  1271. color: #000000;
  1272. float: left;
  1273. font-family: 'OpenSans-Bold';
  1274. font-size: 13px;
  1275. margin-top: 20px;
  1276. padding: 8px 40px;
  1277. text-transform: uppercase;
  1278. transition: all 0.3s ease-in-out 0s;
  1279. -webkit-transition: all 0.3s ease-in-out 0s;
  1280. }
  1281. .wpcf7-form .wpcf7-submit:hover,.wpcf7-form .wpcf7-submit:focus, .form-submit > input[type="submit"]:hover,.form-submit > input[type="submit"]:focus,
  1282. .column-book input[type="button"]:hover, .column-book input[type="button"]:focus{
  1283. background-color: #389ca5;
  1284. color: #ffffff;
  1285. border-color: #389ca5;
  1286. }
  1287. /****************single-blog page end**************/
  1288.  
  1289. /****************contact-us page start**************/
  1290. .contact-us .home-title span{
  1291. padding-top: 0;
  1292. }
  1293. .get-in-touch > iframe{
  1294. width: 100%;
  1295. height: 230px;
  1296. }
  1297. .get-in-touch > p {
  1298. color: #6a6a6a;
  1299. font-size: 13px;
  1300. margin: 20px auto;
  1301. }
  1302. .get-in-touch > ul{
  1303. padding-left: 0;
  1304. }
  1305. .get-in-touch > ul li{
  1306. list-style: none;
  1307. padding-bottom: 5px;
  1308. }
  1309. .get-in-touch > ul li span{
  1310. color: #6a6a6a;
  1311. margin-right: 5px;
  1312. }
  1313. /****************contact-us page end**************/
  1314.  
  1315. /* Appoiment Form */
  1316. .column-book input[type="text"]{
  1317.  
  1318. border: 1px solid #389ca5;
  1319. padding: 10px 10px;
  1320. width: 47%;
  1321. margin-bottom: 30px;
  1322. color: #545454;
  1323. font-size: 14px;
  1324. float: left;
  1325. background: #fff;
  1326. }
  1327. .column-book select{
  1328. width: 100%;
  1329. border: 1px solid #389ca5;
  1330. padding: 10px 10px;
  1331. margin-bottom: 30px;
  1332. color: #545454;
  1333. font-size: 14px;
  1334. outline: 0;
  1335. }
  1336. .column-book textarea{
  1337. width: 100%;
  1338. border: 1px solid #389ca5;
  1339. margin-bottom: 30px;
  1340. resize: vertical;
  1341. padding: 10px 10px;
  1342. color: #545454;
  1343. font-size: 14px;
  1344. background: #fff;
  1345. }
  1346. .column-book input[type=button]{
  1347. background: none repeat scroll 0 0 #ffffff;
  1348. width: auto;
  1349. padding: 8px 35px;
  1350. text-transform: uppercase;
  1351. color: #212121;
  1352. font-family: 'OpenSans-Bold';
  1353. border: 1px solid #389ca5;
  1354. font-size: 16px;
  1355. transition: all ease-in-out 0.3s;
  1356. -webkit-transition: all ease-in-out 0.3s;
  1357. }
  1358. .column-book .row{
  1359. margin: 0;
  1360. }
  1361. .column-book .panel {
  1362. background-color: rgba(0, 0, 0, 0);
  1363. border: medium none;
  1364. box-shadow: none;
  1365. padding: 0;
  1366. width: 100%;
  1367. border-radius: 0;
  1368. }
  1369. .column-book .panel-body {
  1370. padding: 0;
  1371. }
  1372. .column-book .form-group{
  1373. margin-bottom: 0;
  1374. }
  1375. #appointment_email, #datetime{
  1376. margin-left: 17px;
  1377. }
  1378. #appointment_name, #appointment_phone{
  1379. margin-right: 17px;
  1380. }
  1381. .our-latest-blog .our-latest-box:nth-child(3n+1) {
  1382. clear: both;
  1383. }
  1384. .Label-book {
  1385. color: #120000;
  1386. font-family: "OpenSans-Bold" !important;
  1387. line-height: 1.8;
  1388. margin-top: 0 !important;
  1389. padding-top: 8px !important;
  1390. background: url(images/form-border.png);
  1391. background-position: bottom;
  1392. background-repeat: no-repeat;
  1393. }
  1394. .column-book form {
  1395. margin-top: 20px;
  1396. }
  1397. #displaymessage {
  1398. color: #449D44;
  1399. font-size: 20px;
  1400. margin-top: 20px;
  1401. }
  1402. .masonry-container .our-latest-box{
  1403. padding: 0px;
  1404. }
  1405. /*custom.css*/
  1406. /* wp default css */
  1407. dt, dd {
  1408. margin-bottom: 15px;
  1409. }
  1410. td, th {
  1411. border: 1px solid #ccc;
  1412. padding: 5px 0 5px 0px;
  1413. }
  1414. td, th a{
  1415. color: #000;
  1416. }
  1417. .comments-box {
  1418. padding: 0;
  1419. }
  1420. .current-menu-item > a {
  1421. color:#389ca5 !important;
  1422. }
  1423. .wp-caption-text{
  1424. margin-top:10px;
  1425. }
  1426. .wp-caption-text a:hover{
  1427. color:#fff;
  1428. }
  1429. .sticky .entry-date {
  1430. display: none;
  1431. }
  1432. .bypostauthor{
  1433. }
  1434. .breadcrumb.breadcrumb-menubar li > a {
  1435. padding: 0 5px;
  1436. }
  1437.  
  1438. /* main sidebar */
  1439. .main-sidebar .tagcloud{
  1440. text-align: left;
  1441. }
  1442. .main-sidebar .tagcloud > a {
  1443. color: #595959;
  1444. display: inline-block;
  1445. margin: 13px 5px 0 0;
  1446. font-size: 15px !important;
  1447. border: 1px solid #179CA4;
  1448. padding:5px;
  1449. }
  1450. .footer-widget .tagcloud > a {
  1451. color: #fff;
  1452. font-size: 15px !important;
  1453. border: 1px solid #179CA4;
  1454. padding:5px;
  1455. }
  1456. .tagcloud > a:hover {
  1457. color: #179CA4;
  1458. }
  1459. .main-sidebar table {
  1460. width: 100%;
  1461. border-collapse: separate;
  1462. border-spacing: 0;
  1463. }
  1464. .main-sidebar table th {
  1465. color:#000;
  1466. }
  1467. .footer-widget table {
  1468. width: 100%;
  1469. border-collapse: separate;
  1470. border-spacing: 0;
  1471. }
  1472. .footer-widget table a{
  1473. color:#179CA4;
  1474. }
  1475. .footer-widget caption {
  1476. text-align: center;
  1477. color:#fff;
  1478. }
  1479.  
  1480. .main-sidebar select{
  1481. padding: 4px;
  1482. width: 100%;
  1483. }
  1484. .footer-widget select{
  1485. padding: 4px;
  1486. width: 100%;
  1487. color:#000;
  1488. }
  1489. .footer-widget ul li {
  1490. color: #ffffff;
  1491.  
  1492. }
  1493. .footer-widget ul li a{
  1494. color: #ffffff;
  1495. }
  1496. .main-sidebar img {
  1497. height: auto;
  1498. max-width: 100%;
  1499. }
  1500. .main-sidebar caption {
  1501. text-align: center;
  1502. }
  1503. .sidebar-box .widget_calendar td, .widget_calendar th {
  1504. color:#000;
  1505. }
  1506. .footer-widget .widget_calendar td, .widget_calendar th {
  1507. color:#fff;
  1508. text-align: center;
  1509. }
  1510.  
  1511.  
  1512. /**/
  1513. /**
  1514. gallery
  1515. * -----------------------------------------------------------------------------
  1516. */
  1517. .gallery {
  1518. margin-bottom: 20px;
  1519. }
  1520. .gallery-item {
  1521. float: left;
  1522. margin: 0 4px 4px 0;
  1523. overflow: hidden;
  1524. position: relative;
  1525. }
  1526. .gallery-columns-1 .gallery-item {
  1527. max-width: 100%;
  1528. }
  1529. .gallery-columns-2 .gallery-item {
  1530. max-width: 48%;
  1531. max-width: -webkit-calc(50% - 4px);
  1532. max-width: calc(50% - 4px);
  1533. }
  1534. .gallery-columns-3 .gallery-item {
  1535. max-width: 32%;
  1536. max-width: -webkit-calc(33.3% - 4px);
  1537. max-width: calc(33.3% - 4px);
  1538. }
  1539. .gallery-columns-4 .gallery-item {
  1540. max-width: 23%;
  1541. max-width: -webkit-calc(25% - 4px);
  1542. max-width: calc(25% - 4px);
  1543. }
  1544. .gallery-columns-5 .gallery-item {
  1545. max-width: 19%;
  1546. max-width: -webkit-calc(20% - 4px);
  1547. max-width: calc(20% - 4px);
  1548. }
  1549. .gallery-columns-6 .gallery-item {
  1550. max-width: 15%;
  1551. max-width: -webkit-calc(16.7% - 4px);
  1552. max-width: calc(16.7% - 4px);
  1553. }
  1554. .gallery-columns-7 .gallery-item {
  1555. max-width: 13%;
  1556. max-width: -webkit-calc(14.28% - 4px);
  1557. max-width: calc(14.28% - 4px);
  1558. }
  1559. .gallery-columns-8 .gallery-item {
  1560. max-width: 11%;
  1561. max-width: -webkit-calc(12.5% - 4px);
  1562. max-width: calc(12.5% - 4px);
  1563. }
  1564. .gallery-columns-9 .gallery-item {
  1565. max-width: 9%;
  1566. max-width: -webkit-calc(11.1% - 4px);
  1567. max-width: calc(11.1% - 4px);
  1568. }
  1569. .gallery-columns-1 .gallery-item:nth-of-type(1n),
  1570. .gallery-columns-2 .gallery-item:nth-of-type(2n),
  1571. .gallery-columns-3 .gallery-item:nth-of-type(3n),
  1572. .gallery-columns-4 .gallery-item:nth-of-type(4n),
  1573. .gallery-columns-5 .gallery-item:nth-of-type(5n),
  1574. .gallery-columns-6 .gallery-item:nth-of-type(6n),
  1575. .gallery-columns-7 .gallery-item:nth-of-type(7n),
  1576. .gallery-columns-8 .gallery-item:nth-of-type(8n),
  1577. .gallery-columns-9 .gallery-item:nth-of-type(9n) {
  1578. margin-right: 0;
  1579. }
  1580. .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
  1581. .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
  1582. .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
  1583. .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
  1584. clear: left;
  1585. }
  1586. .gallery-caption {
  1587. background-color: rgba(0, 0, 0, 0.7);
  1588. -webkit-box-sizing: border-box;
  1589. -moz-box-sizing: border-box;
  1590. box-sizing: border-box;
  1591. color: #fff;
  1592. font-size: 12px;
  1593. line-height: 1.5;
  1594. /* margin: 0; */
  1595. max-height: 50%;
  1596. opacity: 0;
  1597. padding: 6px 8px;
  1598. position: absolute;
  1599. bottom: 0;
  1600. left: 0;
  1601. text-align: left;
  1602. width: 100%;
  1603. }
  1604. .gallery-caption:before {
  1605. content: "";
  1606. height: 100%;
  1607. min-height: 49px;
  1608. position: absolute;
  1609. top: 0;
  1610. left: 0;
  1611. width: 100%;
  1612. }
  1613. .gallery-item:hover .gallery-caption {
  1614. opacity: 1;
  1615. }
  1616. .gallery-columns-7 .gallery-caption,
  1617. .gallery-columns-8 .gallery-caption,
  1618. .gallery-columns-9 .gallery-caption {
  1619. display: none;
  1620. }
  1621. /**/
  1622. img {
  1623. height: auto;
  1624. }
  1625. table{
  1626. width:100%;
  1627. text-align: center;
  1628. }
  1629. .post-meta{
  1630. text-align:center;
  1631. }
  1632. .alignleft {
  1633. display: inline;
  1634. float: left;
  1635. }
  1636. blockquote.alignleft,
  1637. .wp-caption.alignleft, img.alignleft {
  1638. margin: 0.421em 1.684em 1.6842em 0;
  1639. }
  1640. blockquote.alignright, .wp-caption.alignright, img.alignright {
  1641. margin: 0.4211em 0 1.6842em 1.6842em;
  1642. }
  1643. .alignright {
  1644. display: inline;
  1645. float: right;
  1646. }
  1647. .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
  1648. margin-bottom: 1.2632em;
  1649. }
  1650. .aligncenter {
  1651. display: block;
  1652. margin-left: auto;
  1653. margin-right: auto;
  1654. }
  1655. .wp-caption {
  1656. background-color: #179CA4;
  1657. margin-bottom: 1.6em;
  1658. max-width: 100%;
  1659. padding: 10px 10px 2px;
  1660. text-align: center;
  1661. color: #fff;
  1662. }
  1663. .wp-caption .wp-caption-text{
  1664. color: #fff;
  1665. text-align: center;
  1666. }
  1667. .wp-caption .wp-caption-text a{
  1668. color: #000;
  1669. }
  1670. .wp-caption th{
  1671. color: #000;
  1672. }
  1673. .wp-caption, .gallery {
  1674. margin-bottom: 1.6842em;
  1675. }
  1676. iframe,
  1677. embed {
  1678. max-width: 100%;
  1679. }
  1680. /* end wp default css */
  1681.  
  1682.  
  1683. /* custom css */
  1684. .custom-header-img {
  1685. text-align: center;
  1686. width: 100%;
  1687. }
  1688. .carousel-inner .fa {
  1689. color: #fff;
  1690. font-size: 70px;
  1691. }
  1692. .company-col1 .fa {
  1693. color:#179CA4;
  1694. }
  1695. .social-widget ul li .twitter-icon:hover, .social-widget ul li .twitter-icon:focus{
  1696. background-color:#179CA4 !important;
  1697. }
  1698. .sidebar-widget > h3{
  1699. border-bottom: 1px solid #d7d7d7;
  1700. font-family: "OpenSans-Bold";
  1701. font-size: 16px;
  1702. margin: 0 -31px;
  1703. padding: 0 15px 15px;
  1704. text-transform: uppercase;
  1705. }
  1706. .site-pagination .screen-reader-text{
  1707. display:none;
  1708. }
  1709. .footer-logo > a{
  1710. color: #179CA4;
  1711. font-size: 31px;
  1712. font-weight: 600;
  1713. text-transform: uppercase;
  1714. }
  1715. .col-md-3.theme-logo > a {
  1716. font-size: 35px;
  1717. text-transform: capitalize;
  1718. }
  1719. .sidebar-widget .post-date > a{
  1720. margin-bottom:8px;
  1721. text-align: left;
  1722. }
  1723. .footer-widget .post-date > a{
  1724. margin-bottom:2px;
  1725. text-align: left;
  1726. }
  1727. /* comment title */
  1728. .comment-reply-title {
  1729. border-bottom: 1px solid #b0b0b0;
  1730. color: #000000;
  1731. font-family: "OpenSans-Bold";
  1732. font-size: 17px;
  1733. font-weight: bold;
  1734. padding-bottom: 10px;
  1735. text-align: center;
  1736. text-transform: uppercase;
  1737. }
  1738. .comment-list .comment-content p{
  1739. margin:0px;
  1740. }
  1741.  
  1742.  
  1743. /* seacrh fourm */
  1744. .sidebar-widget .searchform .screen-reader-text{
  1745. display:none;
  1746. }
  1747. .footer-widget .search-form input[type="submit"]{
  1748. background-color: transparent;
  1749. background-image: url("images/search.png");
  1750. background-repeat: no-repeat;
  1751. border: medium none;
  1752. height: 21px;
  1753. padding: 0;
  1754. position: absolute;
  1755. right: 10px;
  1756. text-indent: -500px;
  1757. top: 0px;
  1758. width: 19px;
  1759. }
  1760. .sidebar-widget .search-form input[type="submit"]{
  1761. background-color: transparent;
  1762. background-image: url("images/search.png");
  1763. background-repeat: no-repeat;
  1764. border: medium none;
  1765. height: 21px;
  1766. padding: 0;
  1767. position: absolute;
  1768. right: 10px;
  1769. text-indent: -500px;
  1770. top: 10px;
  1771. width: 19px;
  1772. }
  1773. .searchform {
  1774. position: relative;
  1775. }
  1776. .sidebar-widget .searchform input[type="text"]{
  1777. border: 1px solid #ddd;
  1778. font-weight: normal;
  1779. padding: 7px 15px;
  1780. width: 100%;
  1781.  
  1782. }
  1783. .searchform input[type="text"]{
  1784. border: 1px solid #ddd;
  1785. font-weight: normal;
  1786. padding: 7px 15px;
  1787.  
  1788. }
  1789. .searchform input[type="submit"]{
  1790. background-color: #179CA4;
  1791. border: medium none;
  1792. color: #fff;
  1793. font-weight: bold;
  1794. padding: 7px 12px;
  1795. text-transform: capitalize;
  1796. }
  1797. .search-formmain .search-field {
  1798. border: 1px solid #ddd;
  1799. font-weight: normal;
  1800. padding: 7px 15px;
  1801. width: auto !important;
  1802. }
  1803. .search-formmain .search-submit {
  1804. background-color: #179ca4;
  1805. color: #fff;
  1806. left: 207px;
  1807. padding: 6px;
  1808. position: absolute;
  1809. top: 0;
  1810. }
  1811.  
  1812. /* pagignation */
  1813. .page-numbers{
  1814. border: 1px solid #000;
  1815. color: #000;
  1816. font-family: "OpenSans-Bold";
  1817. font-size: 13px;
  1818. padding: 7px 13px;
  1819. text-align: center;
  1820. display: inline-block;
  1821. transition: all 0.3s ease-in-out 0s;
  1822. -webkit-transition: all 0.3s ease-in-out 0s;
  1823. }
  1824. .page-numbers.current{
  1825. border: 1px solid #389ca5;
  1826. color: #389ca5;
  1827. }
  1828. .nav-links a.page-numbers:hover, .nav-links a.page-numbers:focus,
  1829. .post-navigation .page-numbers:hover, .post-navigation .page-numbers:focus{
  1830. border-color: #179ca4;
  1831. color: #179ca4;
  1832. }
  1833. .next.page-numbers {
  1834. text-transform: uppercase;
  1835. }
  1836. .prev.page-numbers {
  1837. text-transform: uppercase;
  1838. }
  1839. .nav-previous {
  1840. float: left;
  1841. margin-bottom: 15px;
  1842. }
  1843. .nav-next {
  1844. float: right;
  1845. margin-bottom: 15px;
  1846. }
  1847. .page-links{
  1848. margin-bottom: 25px;
  1849. }
  1850. .page-links a{
  1851. border: 1px solid #000;
  1852. color: #000;
  1853. font-family: "OpenSans-Bold";
  1854. font-size: 13px;
  1855. padding: 7px 13px;
  1856. text-align: center;
  1857. }
  1858. .page-links > span{
  1859. border: 1px solid #179CA4;
  1860. color: #179CA4;
  1861. font-family: "OpenSans-Bold";
  1862. font-size: 13px;
  1863. padding: 7px 13px;
  1864. text-align: center;
  1865. }
  1866. .page-links-title{
  1867. border:none !important;
  1868. }
  1869. .inner-grid .img-responsive{
  1870. width:100%;
  1871. }
  1872. .no-img{
  1873. max-height: 247px;
  1874. width:100%;
  1875. }
  1876. .site-pagination .pagination {
  1877. margin: 0 0 20px;
  1878. }
  1879. .button-div{
  1880. left: 0;
  1881. }
  1882. .logged-in-as a{
  1883. color:#179CA4;
  1884. }
  1885. .spage{
  1886. padding-top: 10px;
  1887. }
  1888. .theme-logo img {
  1889. display: inline-block;
  1890. }
  1891.  
  1892. /*media.css*/
  1893. /**==============theme media screen start==================**/
  1894.  
  1895. @media screen and (max-width:1200px){
  1896. .theme-container{
  1897. width: 100%;
  1898. }
  1899. }
  1900. @media (min-width: 1025px) and (max-width: 1199px){
  1901. .banner-inner-content h1 {
  1902. font-size: 40px;
  1903. }
  1904. }
  1905. @media(min-width:981px) and (max-width: 1024px){
  1906. .comment-form-email {
  1907. margin: auto 13px;
  1908. }
  1909. .home-title h2 span{
  1910. padding: 15px 40px;
  1911. }
  1912. .get-in-touch .home-title h2 span {
  1913. padding-left: 95px;
  1914. padding-right: 95px;
  1915. }
  1916. .banner-inner-content h1{
  1917. font-size: 40px;
  1918. }
  1919. #appointment_name, #appointment_phone {
  1920. margin-right: 14px;
  1921. }
  1922. #appointment_email, #datetime {
  1923. margin-left: 14px;
  1924. }
  1925. }
  1926. @media(min-width:768px) and (max-width: 980px){
  1927. .home-title h2 span{
  1928. padding: 15px 0;
  1929. }
  1930. .bottom-header{
  1931. text-align: center;
  1932. }
  1933. .banner-inner-content{
  1934. top: 10%;
  1935. }
  1936. .banner-inner-content h1{
  1937. font-size: 38px;
  1938. }
  1939. .banner-inner-content p{
  1940. margin: 10px 0 30px;
  1941. font-size: 26px;
  1942. }
  1943. .our-box-left > img{
  1944. width: 100%;
  1945. }
  1946. .header-navigation{
  1947. margin-top: 25px;
  1948. }
  1949. .comment-img {
  1950. padding: 0;
  1951. }
  1952. .reply-box .home-title h2{
  1953. margin-bottom: 20px;
  1954. }
  1955. .comment-form-author, .comment-form-email, .comment-form-url {
  1956. float: none;
  1957. margin: 0;
  1958. width: 100%;
  1959. }
  1960. .wpcf7-form-control-wrap {
  1961. display: inline-block;
  1962. width: 100%;
  1963. }
  1964. .wpcf7-form-control-wrap input{
  1965. margin-top: 20px;
  1966. }
  1967. .get-in-touch .home-title h2 span{
  1968. padding-left: 53px;
  1969. padding-right: 53px;
  1970. }
  1971. .our-latest-box:nth-child(2n+1), .attorneys:nth-child(2n+1){
  1972. clear: both;
  1973. }
  1974. .comment-author .avatar {
  1975. top: 5px;
  1976. }
  1977. .comment-content {
  1978. margin-left: 0;
  1979. width: 100%;
  1980. }
  1981. .comment-metadata {
  1982. display: block;
  1983. padding-left: 50px;
  1984. }
  1985. .column-book input[type="text"]{
  1986. width: 100%;
  1987. }
  1988. #appointment_name, #appointment_phone {
  1989. margin-right: 0;
  1990. }
  1991. #appointment_email, #datetime {
  1992. margin-left: 0;
  1993. }
  1994. .our-latest-blog .our-latest-box:nth-child(3n+1) {
  1995. clear: none;
  1996. }
  1997. .our-latest-blog .our-latest-box:nth-child(2n+1) {
  1998. clear: both;
  1999. }
  2000. }
  2001. @media(max-width:767px){
  2002. .page-article{
  2003. margin-bottom: 0;
  2004. margin-top: 50px;
  2005. }
  2006. .home-image-section .blur-effect {
  2007. padding: 50px 0 60px;
  2008. }
  2009. .home-image-section h2{
  2010. font-size: 26px;
  2011. }
  2012. .theme-banner,.home-image-section {
  2013. margin-bottom: 50px;
  2014. }
  2015. .section-column,.our-section-list {
  2016. margin-top: 30px;
  2017. }
  2018. .home-practise-section,.home-our-section {
  2019. margin-bottom: 20px;
  2020. }
  2021. .home-our-blog{
  2022. margin-bottom: 30px;
  2023. }
  2024. .comment-author .avatar {
  2025. top: 5px;
  2026. }
  2027. .comment-content {
  2028. margin-left: 0;
  2029. width: 100%;
  2030. }
  2031. .comment-metadata {
  2032. display: block;
  2033. padding-left: 50px;
  2034. }
  2035. .home-title h2 span,.section-column .column-company .home-title h2 span, .section-column .column-book .home-title h2 span{
  2036. font-size: 20px;
  2037. }
  2038. /***menu***/
  2039. .header-navigation{
  2040. float: left;
  2041. }
  2042. .theme-nav{
  2043. margin-top:0px;
  2044. width:100%;
  2045. border-top: 1px solid #b0b0b0;
  2046. float: none;
  2047. margin: 0 auto !important;
  2048. }
  2049. .navbar-collapse.in{
  2050. overflow: hidden;
  2051. }
  2052. .theme-nav > ul{
  2053. float:left;
  2054. width:100%;
  2055. }
  2056. .theme-nav > ul li,
  2057. .theme-nav > ul li a{
  2058. display:inherit;
  2059. float:left;
  2060. width:98%;
  2061. }
  2062. .theme-nav > ul li a{
  2063. border:none;
  2064. background:none;
  2065. }
  2066. .theme-nav > ul > li > a:hover,
  2067. .theme-nav > ul > li > a:focus,
  2068. .theme-nav > ul > li.current-menu-item > a{
  2069. background:none;
  2070. }
  2071. .theme-nav ul ul{
  2072. position:relative;
  2073. opacity:1;
  2074. visibility:visible;
  2075. border:none;
  2076. padding-left:20px;
  2077. float:left;
  2078. width:100%;
  2079. margin-top: 0;
  2080. left:auto;
  2081. top:0px;
  2082. }
  2083. .theme-nav ul ul ul{
  2084. right:auto;
  2085. }
  2086. .theme-nav ul ul li{
  2087. border-bottom: 0;
  2088. }
  2089. /***effect**/
  2090. .theme-nav > ul > li > a:before,
  2091. .theme-nav > ul > li > a:after{
  2092. background: none;
  2093. }
  2094. /**top header**/
  2095. .callus-part,
  2096. .social-part,
  2097. .top-header-email,
  2098. .callus-part p,
  2099. .theme-logo,
  2100. .footer-bottom .terms,
  2101. .footer-bottom{
  2102. text-align: center;
  2103. float: none;
  2104. }
  2105. .footer-bottom .terms{
  2106. margin-top: 10px;
  2107. }
  2108. .social-part ul li{
  2109. margin-top: 5px;
  2110. }
  2111. .social-part ul{
  2112. padding-left: 0;
  2113. }
  2114. .callus-part p{
  2115. margin: 0 0 10px;
  2116. }
  2117. .banner-button a{
  2118. padding: 10px 30px;
  2119. }
  2120. .site-pagination{
  2121. margin-bottom: 10px;
  2122. }
  2123. .comments-article li > ul{
  2124. padding-left: 15px;
  2125. }
  2126. .comment-img {
  2127. padding: 0;
  2128. }
  2129. .wpcf7-form-control-wrap {
  2130. display: inline-block;
  2131. width: 100%;
  2132. }
  2133. .reply-box .home-title h2{
  2134. margin-bottom: 20px;
  2135. }
  2136. .wpcf7-form-control-wrap input{
  2137. margin-top: 20px;
  2138. }
  2139. .comment-form-author, .comment-form-email, .comment-form-url {
  2140. float: none;
  2141. margin: 0;
  2142. width: 100%;
  2143. }
  2144. .comments-article .home-title h2 span, .reply-box .home-title h2 span, .get-in-touch .home-title h2 span, .site-breadcrumb .home-title span{
  2145. font-size: 20px;
  2146. padding-left: 5px;
  2147. padding-right: 5px;
  2148. }
  2149. /*****our-section***/
  2150. .our-section-box{
  2151. margin-bottom: 30px;
  2152. }
  2153. .our-box-left img{
  2154. margin: 0 auto;
  2155. }
  2156. .gallarey-container{
  2157. padding: 0;
  2158. }
  2159. .column-book input[type="text"]{
  2160. width: 100%;
  2161. }
  2162. #appointment_name, #appointment_phone {
  2163. margin-right: 0;
  2164. }
  2165. #appointment_email, #datetime {
  2166. margin-left: 0;
  2167. }
  2168. /****footer***/
  2169. .footer-logo a{
  2170. padding: 0 0 15px;
  2171. }
  2172. }
  2173. @media (min-width:568px) and (max-width: 767px){
  2174.  
  2175. .attorneys:nth-child(2n+1) {
  2176. clear: both;
  2177. }
  2178. .attorneys{
  2179. float: left;
  2180. width: 50%;
  2181. }
  2182. .our-box-right p{
  2183. text-align: justify;
  2184. }
  2185. .footer-logo a:after, .footer-logo a:before{
  2186. bottom: -5px;
  2187. }
  2188. .company-col1 ul li {
  2189. float: left;
  2190. width: 50%;
  2191. }
  2192. .company-col1 ul li i {
  2193. float: left;
  2194. width: 16%;
  2195. margin-left: 5px;
  2196. }
  2197. .company-col1 ul li span {
  2198. float: left;
  2199. width: 70%;
  2200. }
  2201. .company-col1 ul li:nth-child(2n+1) {
  2202. clear: both;
  2203. }
  2204. }
  2205. @media (min-width: 481px) and (max-width: 767px){
  2206. .banner-inner-content{
  2207. top: 10%;
  2208. }
  2209. .banner-inner-content h1{
  2210. font-size: 20px;
  2211. }
  2212. .banner-inner-content p{
  2213. font-size: 16px;
  2214. margin: 10px 0;
  2215. }
  2216. .banner-button a{color:black;
  2217. font-size: 14px;
  2218. }
  2219. .carousel-inner .fa {
  2220. font-size: 60px;
  2221. }
  2222. }
  2223. @media (min-width: 380px) and (max-width: 480px){
  2224. .footer-logo a:after, .footer-logo a:before{
  2225. bottom: -5px;
  2226. }
  2227. }
  2228. @media screen and (max-width: 568px){
  2229. .banner-inner-content{
  2230. top: 6%;
  2231. margin: 0 152px;
  2232. }
  2233. .carousel-control{
  2234. top: 38%;
  2235. }
  2236. }
  2237. @media screen and (max-width: 480px){
  2238. .inner-grid img{
  2239. margin: 0 auto;
  2240. }
  2241. .banner-inner-content{
  2242. display: none;
  2243. }
  2244. }
  2245. @media screen and (max-width: 380px){
  2246. .home-page .home-title h2 span, .our-firm .home-title h2 span{
  2247. padding: 15px 0;
  2248. }
  2249. .our-firm-tabs > li {
  2250. float: none;
  2251. }
  2252. }
  2253. @media screen and (max-width: 320px){
  2254. .footer-logo a:after, .footer-logo a:before{
  2255. bottom: -4px;
  2256. }
  2257. }
  2258. @media(min-width:685px) and (max-width: 767px){
  2259. .section-column .column-company .home-title h2 span{
  2260. width: 570px;
  2261. }
  2262. }
  2263. /**==========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!