Advertisement
grappler

/mobile-menu-not-working/

Apr 6th, 2013
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 42.69 KB | None | 0 0
  1. /*
  2. Theme Name: Ideal Child
  3. Theme URI: http://alpinelakesdesign.com
  4. Description: Child theme for the Responsive Theme Version: 1.6.2
  5. Author: Lee Honeycutt
  6. Author URI: http://alpinelakesdesign.com
  7. Template: responsive
  8. CSS Rules: Sorted in Groups arranged from top to bottom of main page
  9. */
  10.  @import url("../responsive/style.css");
  11.  
  12. /* @group Typography */
  13.  body {
  14.     background: url('images/cloud.jpg') no-repeat scroll center top;
  15.     -webkit-background-size: cover;
  16.     -moz-background-size: cover;
  17.     -o-background-size: cover;
  18.     background-size: cover;
  19. }
  20. body {
  21.     font-size: 14px !important;
  22.     line-height:1.5em;
  23.     margin-bottom: 2em;
  24. }
  25. p, hr, dl, pre, form, table, address, blockquote {
  26.     margin:1em 0;
  27. }
  28. h1 {
  29.     margin:1em 0 .5em;
  30. }
  31. #compas {
  32.     position:relative;
  33. }
  34. span#headline-intro {
  35.     display: inline-block;
  36.     font-size: .7em;
  37.     line-height: 1em;
  38. }
  39. span#tm {
  40.     position: relative;
  41.     font-size: .4em;
  42.     bottom: 1.1em;
  43. }
  44. h2 {
  45.     margin:1.07em 0 .535em;
  46. }
  47. h3 {
  48.     margin:1.14em 0 .57em;
  49. }
  50. .red {
  51.     color: #ff1713;
  52. }
  53. .word {
  54.     font-size: 1em;
  55. }
  56. a.telephone {
  57.     color: #fff;
  58. }
  59. a:hover.telephone {
  60.     color:#C88E3F;
  61. }
  62. a#contact {
  63.     color:#85AA30 !important;
  64. }
  65. a:hover#contact {
  66.     text-decoration:underline;
  67. }
  68. .list-item-header {
  69.     font-weight: bold;
  70.     font-style: italic;
  71. }
  72. /* @end */
  73.  
  74. /* @group Front Page */
  75.  .home #wrapper {
  76.     border: 0px solid #fff;
  77.     margin-top: 1em !important;
  78.     background-color: transparent !important;
  79.     padding: 0 0 20px 0;
  80. }
  81. div#featured {
  82.     border: 0px solid #fff;
  83.     padding-bottom: 0;
  84.     margin-bottom: 0;
  85. }
  86. div#featured-image img {
  87.     border: 1px solid #dddddd;
  88.     -webkit-border-radius: 5px;
  89.     -moz-border-radius: 5px;
  90.     border-radius: 5px;
  91. }
  92. /* Moves H1 to left edge */
  93.  .home #featured .grid {
  94.     margin-top: 0 !important;
  95.     padding-top: 0 !important;
  96. }
  97. h1.featured-title {
  98.     text-align:left;
  99.     margin: -.3em 0 .1em .15em;
  100.     padding-top: 0 !important;
  101.     color: #fff;
  102.     font-size: 3.4em;
  103.     letter-spacing: .01em;
  104. }
  105. .featured-title #headline-intro {
  106.     padding-top: 0 !important;
  107.     margin-top: 0 !important;
  108. }
  109. h2.featured-subtitle {
  110.     text-align:left;
  111.     margin: 0;
  112.     color: #d3d3d3;
  113. }
  114. #featured-image {
  115.     margin: .5em 0 0 0;
  116. }
  117. #featured-image img {
  118.     border: none !important;
  119.     margin-bottom: 0;
  120. }
  121. #featured-text {
  122.     margin: 0 0 0 0;
  123. }
  124. #featured-text p {
  125.     padding-left: 1em;
  126.     font-size: 1.2em;
  127. }
  128. .call-to-action {
  129.     margin: 1.5em 2em 0 0;
  130. }
  131. #featured {
  132.     background-image: none;
  133.     background-color: transparent;
  134. }
  135. #featured p {
  136.     text-align: left;
  137. }
  138. #featured-inner-wrapper {
  139.     -moz-border-radius: 6px;
  140.     -webkit-border-radius: 6px;
  141.     background-color: #F9FBFA;
  142.     border: 1px solid #d6d6d6;
  143.     border-radius: 6px;
  144.     width: 99.893617021277%;
  145. }
  146. .home-widgets #text-3, .home-widgets #text-2, .home-widgets #text-8 {
  147.     position: relative;
  148.     height: 28em;
  149. }
  150. .textwidget p {
  151.     margin: .4em 0 .4em 0;
  152.     line-height: 1.4em;
  153. }
  154. .widget-button {
  155.     display: block;
  156.     position: absolute;
  157.     bottom: 4em;
  158.     left: 50%;
  159.     margin-left: -90px !important;
  160. }
  161. /* Moved from theme CSS and amended for IE support */
  162.  .aligncenter, div.aligncenter {
  163.     display: inline-block;
  164.     margin: 5px auto 10px auto;
  165.     text-align: center !important;
  166. }
  167. .check {
  168.     font-size: 2.2em;
  169.     line-height: 1em;
  170.     background-image: url('images/check.png');
  171.     background-repeat: no-repeat;
  172.     background-position: left-center;
  173. }
  174. #check-1 {
  175.     display: block;
  176.     position: absolute;
  177.     bottom: .5em;
  178.     left: 23%;
  179. }
  180. #check-2 {
  181.     display: block;
  182.     position: absolute;
  183.     bottom: .5em;
  184.     left: 20%;
  185. }
  186. #check-3 {
  187.     display: block;
  188.     position: absolute;
  189.     bottom: .5em;
  190.     left: 26%;
  191. }
  192. .check a {
  193.     color: #617d24;
  194.     text-decoration: none !important;
  195. }
  196. .check a:hover {
  197.     color: #000;
  198.     text-decoration: none !important;
  199. }
  200. span.word {
  201.     margin-left: 1.25em;
  202. }
  203. .widget-title-home h3 {
  204.     padding: 0 0 .25em 0;
  205. }
  206. img.frontwidgpix {
  207.     margin-top: 1em;
  208. }
  209. #container {
  210.     padding-bottom: 0 !important;
  211. }
  212. .home #wrapper {
  213.     margin-bottom: 0;
  214. }
  215. .widget-wrapper {
  216.     margin-bottom: 0;
  217.     background-image: none;
  218.     background-color: #F9FBFA;
  219.     ;
  220. }
  221. p.widgetgraf {
  222.     font-size: 1.2em;
  223. }
  224. /* @end */
  225.  
  226. /* @group Header */
  227.  
  228. /*#container {
  229.     background-color: #fff;
  230.     border: 1px solid rgb(214,214,214);
  231. }*/
  232.  #header {
  233.     position:relative;
  234.     margin-top: 5px;
  235. }
  236. /* div#subheader {
  237.     display: block;
  238.     position: absolute;
  239.     height: auto !important;
  240. } */
  241.  div#logo {
  242.     position:relative;
  243.     left: 0px;
  244. }
  245. /*ul.top-menu {
  246.     position:absolute;
  247.     top:10px;
  248.     right:20px;
  249.     z-index: 500;
  250. } */
  251.  ul.top-menu li {
  252.     float: left;
  253.     list-style: none;
  254.     padding-left: .7em;
  255. }
  256. .top-menu {
  257.     float:right;
  258.     margin: .75em 1.25em 0 0;
  259. }
  260. .top-menu li {
  261.     display:inline;
  262.     list-style-type:none;
  263. }
  264. .top-menu li a {
  265.     border-left: none;
  266.     color: #fff;
  267.     font-size: .9em;
  268.     font-weight: 800;
  269.     padding: 0 .5em;
  270. }
  271. .top-menu > li:first-child > a {
  272.     border-left:none;
  273.     padding:0 8px 0 0;
  274. }
  275. .top-menu li a:hover {
  276.     color:#C88E3F;
  277. }
  278. /* hides facebook logo for mobile */
  279.  li#facebook-top {
  280.     display: none;
  281. }
  282. .contact-container {
  283.     position: absolute;
  284.     right: 0;
  285.     top: 1em;
  286.     width: 9.5em !important;
  287.     padding:0 0 0 0;
  288.     margin: 1em .6em 0 0;
  289.     font-size: 1.8em;
  290.     /*22/16 px*/
  291.     color:#fff;
  292.     text-align: right;
  293. }
  294. .contact-icon {
  295.     float:left;
  296.     margin-right: .2em;
  297. }
  298. .contact-text {
  299.     margin-top: .6em;
  300.     float:right;
  301. }
  302. /* @end */
  303.  
  304. /* @group Footer */
  305.  #footer-wrapper .col-940 {
  306.     border: 1px solid #ddd !important;
  307.     -webkit-border-radius: 5px;
  308.     -moz-border-radius: 5px;
  309.     border-radius: 5px;
  310.     background-color: #485B8F;
  311.     color: #fff;
  312. }
  313. #footer-wrapper .col-940 a, #footer-wrapper .col-940 a:visited {
  314.     color: #fff;
  315.     font-weight: 600;
  316. }
  317. #footer-wrapper .col-940 a:hover {
  318.     color: #85AA30;
  319. }
  320. h2#footer-contact-header {
  321.     padding: .8em 0 0 0 !important;
  322.     margin: 0 !important;
  323.     font-size: 1.5em !important;
  324.     list-style-type: none !important;
  325.     color: #fff;
  326. }
  327. h2.footer-header {
  328.     padding: .8em 0 .5em 0 !important;
  329.     margin: 0 !important;
  330.     font-size: 1.8em !important;
  331.     color: #fff;
  332. }
  333. .footerinside li a {
  334.     font-size: 1em !important;
  335. }
  336. #footer .street-address, #footer .locality, #footer .region, #footer .postal-code, #footer .tel, #footer .email {
  337.     font-size: 1em;
  338.     font-weight: 700;
  339.     line-height: 1.9em;
  340. }
  341. img#compass-icon {
  342.     float:left;
  343.     margin: 1.95em .7em 0 0;
  344. }
  345. /* Three Footer Widgets */
  346.  #brand-front {
  347.     position: relative;
  348.     padding: 0 0 0 2em;
  349.     width: 30%;
  350. }
  351. #blog-front {
  352.     padding: 0;
  353.     width: 30%;
  354. }
  355. #newsletter-front {
  356.     position: relative;
  357.     padding: 0 2em 0 0;
  358.     width: 28%;
  359.     float:right;
  360. }
  361. #facewidget {
  362.     margin-top: 3em;
  363. }
  364. img#fb-icon {
  365.     display: inline;
  366.     margin-top: -.8em;
  367. }
  368. h2#face-header {
  369.     display: inline;
  370.     margin-left: .25em !important;
  371. }
  372. p#face-graf {
  373.     font-size: 1.2em;
  374.     font-weight: 400;
  375.     line-height: 1.4em;
  376. }
  377. #blog-front ul li {
  378.     margin-left: -.6em;
  379.     font-size: 1.2em;
  380.     padding-bottom: .2em;
  381.     text-shadow: #000000 0 0 0;
  382. }
  383. #blog-front ul li {
  384.     line-height: 1.8em;
  385.     border-bottom: 1px solid #999;
  386.     list-style-image: url(images/bullet.png) !important;
  387. }
  388. p#newsletter-graf {
  389.     font-size: 1.2em;
  390.     font-weight: 500;
  391.     line-height: 1.6em;
  392. }
  393. #copyright {
  394.     font-size: 1.2em;
  395.     margin-top: 1.5em;
  396.     float: right;
  397. }
  398. /* @end */
  399.  
  400. /* @group Facebook Feed */
  401.  .connect_top {
  402.     display: none !important;
  403. }
  404. .profileimage {
  405.     display: none !important;
  406. }
  407. .facebookOuter {
  408.     background-color:#F4F4F4;
  409.     width:260px;
  410.     padding:10px 0 10px 10px;
  411.     height:290px;
  412.     border:1px solid #CCCCCC;
  413.     -webkit-border-radius: 5px;
  414.     -moz-border-radius: 5px;
  415.     border-radius: 5px;
  416. }
  417. .facebookInner {
  418.     height:290px;
  419.     color: #fff;
  420.     overflow: hidden !important;
  421. }
  422. .connect_top {
  423.     visibility: hidden !important;
  424.     display: none !important;
  425. }
  426. /* @end */
  427.  
  428. /* @group Images */
  429.  #featured-image img {
  430.     margin-bottom: 0 !important;
  431. }
  432. img#mirror {
  433.     margin: 0 0 0 .5em;
  434.     float: right;
  435. }
  436. img.right {
  437.     float:right;
  438. }
  439. img.frame {
  440.     border: 1px solid #dddddd;
  441.     -webkit-border-radius: 5px;
  442.     -moz-border-radius: 5px;
  443.     border-radius: 5px;
  444. }
  445. img.border-frame {
  446.     max-width: 100%;
  447.     height: auto;
  448.     border: 1px solid #dddddd;
  449.     padding: .4375em;
  450.     /*7/16 px */
  451. }
  452. /* @end */
  453.  
  454. /* @group Primary Menu */
  455.  
  456. /* =Primary Menu
  457. -------------------------------------------------------------- */
  458.  #main-nav {
  459.     width:100%;
  460.     float:left;
  461.     margin: 0 0 1em 0;
  462. }
  463. .menu {
  464.     height: 49px;
  465.     float: right;
  466.     background-color: transparent;
  467.     background-image: none;
  468.     filter: alpha(opacity=00);
  469.     /* IE6+ */
  470.     filter: progid:DXImageTransform.Microsoft.Alpha(opacity=00);
  471.     /* IE6+ */
  472.     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
  473.     /* this works in IE8 only */
  474. }
  475. .menu ul {
  476.     display:block;
  477.     list-style-type:none;
  478.     width:auto;
  479.     margin:0 auto;
  480.     padding:0;
  481. }
  482. .menu li {
  483.     border:0;
  484.     display:block;
  485.     float:left;
  486.     margin:0;
  487.     padding:0;
  488.     position:relative;
  489.     z-index:5;
  490. }
  491. .menu li:hover {
  492.     background-color: transparent !important;
  493.     background-image: none;
  494.     color: #fff;
  495.     white-space:normal;
  496. }
  497. .menu li li {
  498.     float:none;
  499. }
  500. .menu ul {
  501.     left:0;
  502.     position:absolute;
  503.     top:0;
  504.     visibility:hidden;
  505.     z-index:10;
  506. }
  507. .menu li:hover > ul {
  508.     background-color: transparent;
  509.     top:100%;
  510.     visibility:visible;
  511. }
  512. .menu li li:hover > ul {
  513.     left:100%;
  514.     top:0;
  515. }
  516. .menu:after, .menu ul:after {
  517.     clear:both;
  518.     content:".";
  519.     display:block;
  520.     height:0;
  521.     overflow:hidden;
  522.     visibility:hidden;
  523. }
  524. .menu, .menu ul {
  525.     min-height:0;
  526. }
  527. .menu ul {
  528.     margin:-10px 0 0 -30px;
  529.     padding:10px 30px 30px;
  530. }
  531. .menu ul ul {
  532.     margin:-30px 0 0 -10px;
  533.     padding:30px 30px 30px 10px;
  534. }
  535. .menu ul li a:hover, .menu li li a:hover {
  536.     color: #C88E3F;
  537.     text-decoration:none;
  538.     background-color: transparent !important;
  539. }
  540. .menu ul {
  541.     min-width:15em;
  542.     width:auto;
  543. }
  544. /*Controls spacing between menu items */
  545.  .menu a {
  546.     border-left:0px solid #585858;
  547.     letter-spacing: .1em;
  548.     color:#fff !important;
  549.     display:block;
  550.     font-size:16px;
  551.     font-weight:700;
  552.     height:45px;
  553.     line-height:45px;
  554.     margin:0;
  555.     padding:0 1.6em;
  556.     position:relative;
  557.     text-decoration:none;
  558.     text-shadow:0 0px 0px #242424;
  559. }
  560. /* Transparent Menu Hover for IE */
  561.  .menu a:hover {
  562.     background:transparent;
  563.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00990000, endColorstr=#00990000);
  564.     zoom: 1;
  565.     color: #C88E3F !important;
  566. }
  567. .menu .current_page_item a {
  568.     background-color: transparent;
  569.     /*color: #fe8c45; */
  570. }
  571. .menu li li {
  572.     background:#fff;
  573.     background-image:none;
  574.     border:1px solid #b2b2b2;
  575.     border-top:none;
  576.     color:#444;
  577.     filter:none;
  578.     width:auto;
  579. }
  580. .menu li li a {
  581.     background:transparent !important;
  582.     border:none;
  583.     color:#444;
  584.     font-size:12px;
  585.     font-weight:400;
  586.     height:auto;
  587.     height:20px;
  588.     line-height:20px;
  589.     padding:5px 10px;
  590.     text-shadow:none;
  591.     white-space:nowrap;
  592. }
  593. .menu li li a:hover {
  594.     background:#f5f5f5 !important;
  595.     background-image:none;
  596.     border:none;
  597.     color:#444;
  598.     filter:none;
  599. }
  600. .menu ul > li + li {
  601.     border-top:0;
  602. }
  603. .menu li li:hover > ul {
  604.     left:100%;
  605.     top:0;
  606. }
  607. .menu > li:first-child > a {
  608.     border-left:none;
  609. }
  610. .menu > li:first-child > a, .menu li + li + li li:first-child > a {
  611. }
  612. /* =Primary Main Menu IE Fixes (Modernizr)
  613. -------------------------------------------------------------- */
  614.  .ie7 .menu ul {
  615.     background:url(images/ie7-fix.gif) repeat;
  616. }
  617. /* =Responsive Menu (Tinynav.js)
  618. -------------------------------------------------------------- */
  619.  .tinynav {
  620.     display:none
  621. }
  622. /* @end */
  623.  
  624. /* @group Forms */
  625.  
  626. /*Email Newsletter */
  627.  td, th, table {
  628.     border-style: none;
  629.     border-width: 0;
  630. }
  631. td#news-col1 {
  632.     width: 32%;
  633. }
  634. td#news-col2 {
  635.     width: 68%;
  636. }
  637. #text-17 h2.footer-header {
  638.     padding-bottom: 0 !important;
  639.     margin: 0 0 .5em 0 !important;
  640. }
  641. /* Contact Form */
  642.  #contact-form table, #contact-form th, #contact-form td {
  643.     border: 0px;
  644.     padding: 0 0 1em 0;
  645. }
  646. td#contact-col1 {
  647.     width: 25%;
  648. }
  649. td#contact-col2 {
  650.     width: 75%;
  651. }
  652. /* Consultation Form */
  653.  #text-15 {
  654.     margin-top: 5em;
  655. }
  656. #text-15 table, #text-15 th, #text-15 td {
  657.     border: 0px;
  658.     padding: 0 0 1em 0;
  659. }
  660. td#consult-col1 {
  661.     width: 35%;
  662. }
  663. td#consult-col2 {
  664.     width: 65%;
  665. }
  666. #text-15 .widget-title {
  667.     font-size: 1.5em;
  668. }
  669. #text-15 input {
  670.     width: 100% !important;
  671. }
  672. /* Tax Form */
  673.  #text-19 {
  674.     margin-top: 5em;
  675. }
  676. #text-19 table, #text-19 th, #text-19 td {
  677.     border: 0px;
  678.     padding: 0 0 1em 0;
  679. }
  680. td#consult-col1 {
  681.     width: 35%;
  682. }
  683. td#consult-col2 {
  684.     width: 65%;
  685. }
  686. #text-19 .widget-title {
  687.     font-size: 1.5em;
  688. }
  689. #text-19 input {
  690.     width: 100% !important;
  691. }
  692. /* @end */
  693.  
  694. /* @group Main Content */
  695.  .breadcrumb-list {
  696.     display: none;
  697.     font-size:12px;
  698.     padding: 0;
  699. }
  700. /* Controls Client Login on Front Page */
  701.  #content {
  702.     margin-top: 20px;
  703. }
  704. #widgets {
  705.     margin-top: 20px;
  706. }
  707. div#text-3 {
  708.     display: block !important;
  709.     position: relative !important;
  710. }
  711. img#compass-icon {
  712.     display: inline-block;
  713.     position: relative;
  714.     top: -0.8em;
  715.     left: 0;
  716. }
  717. div#client-headers {
  718.     display: block;
  719.     position: absolute;
  720.     top: 0;
  721.     left: 6em;
  722. }
  723. h2#client-h2 {
  724.     font-size: 1.3em;
  725. }
  726. h3#login-header {
  727.     font-size: 1em;
  728.     margin: -.5em 0 .5em 0;
  729. }
  730. ul#login-list {
  731.     margin: 0 0 0 .5em;
  732. }
  733. #text-3 a:hover {
  734.     text-decoration: underline !important;
  735. }
  736. /* Modal Client Login */
  737.  div#fancyboxID-2 {
  738.     display: block !important;
  739.     position: relative !important;
  740.     padding: 0 1em 1em 1em;
  741. }
  742. div#client-headers-modal {
  743.     display: block;
  744.     position: absolute;
  745.     top: -1em;
  746.     left: 5em;
  747. }
  748. img#compass-icon-modal {
  749.     display: inline-block;
  750.     position: relative;
  751.     top: 1em;
  752.     left: 0;
  753. }
  754. h2#client-h2-modal {
  755.     font-size: 2.2em;
  756. }
  757. ul#login-list-modal {
  758.     margin: .5em 0 .2em 2em;
  759. }
  760. /*Consultation Form Modal */
  761.  #fancybox-content {
  762.     width: 70%;
  763. }
  764. #fancyboxID-1 {
  765.     padding: 2em;
  766. }
  767. #newsletter-form {
  768.     float: right;
  769.     margin-left: 1em;
  770. }
  771. /* @end */
  772.  
  773. /* @group Values */
  774.  .values {
  775.     padding: 0;
  776. }
  777. .values p {
  778.     font-size: .8em;
  779.     line-height: 1.5em;
  780. }
  781. img.check-icon {
  782.     float: left;
  783. }
  784. h3.value-header {
  785.     padding: .1em 0 0 1.3em;
  786.     margin:0;
  787. }
  788. /* @end */
  789.  
  790. /* @group Button */
  791.  .client-button {
  792.     border-top: 1px solid #805b2c;
  793.     background: #9c6c28;
  794.     background: -webkit-gradient(linear, left top, left bottom, from(#c88f3f), to(#9c6c28));
  795.     background: -webkit-linear-gradient(top, #c88f3f, #9c6c28);
  796.     background: -moz-linear-gradient(top, #c88f3f, #9c6c28);
  797.     background: -ms-linear-gradient(top, #c88f3f, #9c6c28);
  798.     background: -o-linear-gradient(top, #c88f3f, #9c6c28);
  799.     padding: .5em .5em !important;
  800.     -webkit-border-radius: 6px;
  801.     -moz-border-radius: 6px;
  802.     border-radius: 6px;
  803.     -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  804.     -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  805.     box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  806.     text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
  807.     color: #ffffff;
  808.     font-size: 16px;
  809.     font-family: Helvetica, Arial, Sans-Serif;
  810.     text-decoration: none;
  811.     vertical-align: middle;
  812. }
  813. .client-button:hover {
  814.     border-top-color: #e3a656;
  815.     background: #e3a656;
  816.     color: #fff !important;
  817. }
  818. .client-button:active {
  819.     border-top-color: #e3a656;
  820.     background: #e3a656;
  821. }
  822. a.client-button:active {
  823.     border-style: none;
  824. }
  825. .signup-button {
  826.     border-top: 1px solid #2a380b;
  827.     background: #566e1e;
  828.     background: -webkit-gradient(linear, left top, left bottom, from(#85aa30), to(#566e1e));
  829.     background: -webkit-linear-gradient(top, #85aa30, #566e1e);
  830.     background: -moz-linear-gradient(top, #85aa30, #566e1e);
  831.     background: -ms-linear-gradient(top, #85aa30, #566e1e);
  832.     background: -o-linear-gradient(top, #85aa30, #566e1e);
  833.     padding: .5em .5em !important;
  834.     -webkit-border-radius: 6px;
  835.     -moz-border-radius: 6px;
  836.     border-radius: 6px;
  837.     -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  838.     -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  839.     box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  840.     text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
  841.     color: #ffffff;
  842.     font-size: 16px;
  843.     font-family: Helvetica, Arial, Sans-Serif;
  844.     text-decoration: none;
  845.     vertical-align: middle;
  846. }
  847. .signup-button:hover {
  848.     border-top-color: #9ac732;
  849.     background: #82AA30;
  850.     color: #fff !important;
  851. }
  852. .signup-button:active {
  853.     border-top-color: #85aa30;
  854.     background: #85aa30;
  855. }
  856. a.signup-button:active {
  857.     border-style: none;
  858. }
  859. /* Modified for "Learn More" button */
  860.  a.feature-button {
  861.     border-top: 0px solid #2a380b;
  862.     background: #566e1e;
  863.     background: -webkit-gradient(linear, left top, left bottom, from(#85aa30), to(#566e1e));
  864.     background: -webkit-linear-gradient(top, #85aa30, #566e1e);
  865.     background: -moz-linear-gradient(top, #85aa30, #566e1e);
  866.     background: -ms-linear-gradient(top, #85aa30, #566e1e);
  867.     background: -o-linear-gradient(top, #85aa30, #566e1e);
  868.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#85aa30', endColorstr='#566e1e');
  869.     /* IE */
  870.     padding: .5em .5em !important;
  871.     -webkit-border-radius: 6px;
  872.     -moz-border-radius: 6px;
  873.     border-radius: 6px;
  874.     color: #fff;
  875.     text-shadow: 0 1px 0 #115290;
  876. }
  877. a.feature-button:hover {
  878.     border: 1px solid #115290;
  879.     background: #82AA30;
  880.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#82AA30', endColorstr='#82AA30');
  881.     /* IE */
  882.     color: #fff !important;
  883.     text-shadow: 0 1px 0 #115290;
  884. }
  885. #consult-button {
  886.     margin-left: 2em;
  887. }
  888. .bluebutton {
  889.     background-color:#2c709f;
  890.     -moz-border-radius:.5em;
  891.     -webkit-border-radius:.5em;
  892.     border-radius:.5em;
  893.     border:1px solid #000;
  894.     display:inline-block;
  895.     color:#ffffff;
  896.     font-family:arial;
  897.     font-size:1.3em;
  898.     font-weight:bold;
  899.     padding:.8em 1.5em !important;
  900.     text-decoration:none;
  901. }
  902. .bluebutton:hover {
  903.     background-color:#9d882b;
  904.     color: #ffffff;
  905. }
  906. .bluebutton:active {
  907.     position:relative;
  908.     top:1px;
  909. }
  910. input.news-button {
  911.     border: 1px solid #999;
  912.     background: #566e1e;
  913.     background: -webkit-gradient(linear, left top, left bottom, from(#85aa30), to(#566e1e));
  914.     background: -webkit-linear-gradient(top, #85aa30, #566e1e);
  915.     background: -moz-linear-gradient(top, #85aa30, #566e1e);
  916.     background: -ms-linear-gradient(top, #85aa30, #566e1e);
  917.     background: -o-linear-gradient(top, #85aa30, #566e1e);
  918.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#85aa30', endColorstr='#566e1e');
  919.     /* IE */
  920.     padding: .4em .6em !important;
  921.     -webkit-border-radius: 6px;
  922.     -moz-border-radius: 6px;
  923.     border-radius: 6px;
  924.     text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
  925.     color: #ffffff;
  926.     font-size: 16px;
  927.     font-family: Helvetica, Arial, Sans-Serif;
  928.     text-decoration: none;
  929.     vertical-align: middle;
  930.     margin-top: .2em;
  931. }
  932. input.news-button:hover {
  933.     background: #82AA30;
  934.     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#82AA30', endColorstr='#82AA30');
  935.     /* IE */
  936.     color: #fff !important;
  937. }
  938. /* @end */
  939.  
  940. /* @group Sign Up Buttons & Form */
  941.  #text-19 .widget-title {
  942.     font-size: 1.5em;
  943. }
  944. #text-16 {
  945.     margin-top: 15em;
  946.     background: #fff;
  947. }
  948. .page-id-607 #text-16 {
  949.     margin-top: 0 !important;
  950.     background: #fff;
  951. }
  952. #text-16 h2 {
  953.     margin-top: 0;
  954.     padding-top: 0;
  955. }
  956. .business-button {
  957.     display: block;
  958.     float:left;
  959.     margin-left: 2em;
  960.     border-top: 1px solid #2a380b;
  961.     background: #566e1e;
  962.     background: -webkit-gradient(linear, left top, left bottom, from(#85aa30), to(#566e1e));
  963.     background: -webkit-linear-gradient(top, #85aa30, #566e1e);
  964.     background: -moz-linear-gradient(top, #85aa30, #566e1e);
  965.     background: -ms-linear-gradient(top, #85aa30, #566e1e);
  966.     background: -o-linear-gradient(top, #85aa30, #566e1e);
  967.     padding: .5em .5em !important;
  968.     -webkit-border-radius: 6px;
  969.     -moz-border-radius: 6px;
  970.     border-radius: 6px;
  971.     -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  972.     -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  973.     box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  974.     text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
  975.     color: #ffffff;
  976.     font-size: 16px;
  977.     font-family: Helvetica, Arial, Sans-Serif;
  978.     text-decoration: none;
  979.     vertical-align: middle;
  980. }
  981. .business-button:hover {
  982.     border-top-color: #9ac732;
  983.     background: #82AA30;
  984.     color: #fff !important;
  985. }
  986. .business-button:active {
  987.     border-top-color: #85aa30;
  988.     background: #85aa30;
  989. }
  990. a.business-button:active {
  991.     border-style: none;
  992. }
  993. .individual-button {
  994.     display: block;
  995.     float:right;
  996.     margin-right: 2em;
  997.     border-top: 1px solid #805b2c;
  998.     background: #9c6c28;
  999.     background: -webkit-gradient(linear, left top, left bottom, from(#c88f3f), to(#9c6c28));
  1000.     background: -webkit-linear-gradient(top, #c88f3f, #9c6c28);
  1001.     background: -moz-linear-gradient(top, #c88f3f, #9c6c28);
  1002.     background: -ms-linear-gradient(top, #c88f3f, #9c6c28);
  1003.     background: -o-linear-gradient(top, #c88f3f, #9c6c28);
  1004.     padding: .5em .5em !important;
  1005.     -webkit-border-radius: 6px;
  1006.     -moz-border-radius: 6px;
  1007.     border-radius: 6px;
  1008.     -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  1009.     -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  1010.     box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  1011.     text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
  1012.     color: #ffffff;
  1013.     font-size: 16px;
  1014.     font-family: Helvetica, Arial, Sans-Serif;
  1015.     text-decoration: none;
  1016.     vertical-align: middle;
  1017. }
  1018. .individual-button:hover {
  1019.     border-top-color: #e3a656;
  1020.     background: #e3a656;
  1021.     color: #fff !important;
  1022. }
  1023. .individual-button:active {
  1024.     border-top-color: #e3a656;
  1025.     background: #e3a656;
  1026. }
  1027. a.individual-button:active {
  1028.     border-style: none;
  1029. }
  1030. /* @end */
  1031.  
  1032. /* @group Contact Us */
  1033.  #contact-schema {
  1034.     font-size: 1.2em;
  1035.     line-height: 1.4em;
  1036. }
  1037. #contact-container {
  1038.     font-size: 1.2em;
  1039.     line-height: 1.4em;
  1040. }
  1041. h2#contact-header {
  1042.     padding: 1em 0 0 0 !important;
  1043.     margin: 0 !important;
  1044.     font-size: 1.2em !important;
  1045. }
  1046. img#ideal-building {
  1047.     border: 1px solid #ddd;
  1048.     margin-top: -3em;
  1049.     -webkit-border-radius: 5px;
  1050.     -moz-border-radius: 5px;
  1051.     border-radius: 5px;
  1052. }
  1053. #googlemap {
  1054.     border: 1px solid #ddd;
  1055.     margin: 9em 0 0 1em;
  1056.     -webkit-border-radius: 5px;
  1057.     -moz-border-radius: 5px;
  1058.     border-radius: 5px;
  1059. }
  1060. a#googlelink {
  1061.     display: inline-block;
  1062.     margin: .5em 0 0 1.8em;
  1063.     color:#06c;
  1064.     font-weight:400;
  1065.     text-decoration:none;
  1066. }
  1067. a#googlelink:hover {
  1068.     color:#444;
  1069.     text-decoration:none;
  1070. }
  1071. /* @end */
  1072.  
  1073. /* @group Our Team */
  1074.  .employee-pic img {
  1075.     max-width: 100%;
  1076.     height: auto;
  1077.     border: 1px solid #dddddd;
  1078.     padding: .4375em;
  1079.     /*7/16 px */
  1080.     margin-top: 0em;
  1081.     clear: both;
  1082. }
  1083. h2.empl-name {
  1084.     padding: 0;
  1085.     margin: 0 !important;
  1086. }
  1087. .empl-title {
  1088.     font-style: italic !important;
  1089.     margin-top: .2em;
  1090. }
  1091. .both {
  1092.     clear: both;
  1093. }
  1094. /* @end */
  1095.  
  1096. /* @group Blog Pages */
  1097.  .widget_recent_entries ul {
  1098.     margin: 0 0 0 .5em;
  1099. }
  1100. h1.post-title {
  1101.     font-size:1.8em;
  1102. }
  1103. .post-entry h2 {
  1104.     font-size:1.4em !important;
  1105. }
  1106. .post-entry h3 {
  1107.     font-size:1.2em !important;
  1108. }
  1109. .post-title a {
  1110.     color: #404040;
  1111. }
  1112. .post-title a:hover {
  1113.     color: #1270cf;
  1114. }
  1115. dt {
  1116.     font-weight: 700;
  1117.     font-size: 1.2em;
  1118. }
  1119. dd {
  1120.     margin-left: 1em;
  1121. }
  1122. #recent-posts-3 {
  1123.     margin: 4.75em 0 1em 0;
  1124. }
  1125. #archives-2 {
  1126.     margin: 1em 0;
  1127. }
  1128. /* Hide "by" */
  1129.  .byline {
  1130.     display: none;
  1131. }
  1132. /* Hide author */
  1133.  .author {
  1134.     display: none;
  1135. }
  1136. /* @end */
  1137.  
  1138. /* @group Media Queries */
  1139.  
  1140. /* =Media Print
  1141.     If you're working on a Child Theme, make sure that all
  1142.     media queries are included in your style.css
  1143. -------------------------------------------------------------- */
  1144.  @media print {
  1145.     h1 {
  1146.         page-break-before:always;
  1147.     }
  1148.     h1, h2, h3, h4, h5, h6 {
  1149.         page-break-after:avoid;
  1150.     }
  1151.     ul, ol, dl {
  1152.         page-break-before:avoid;
  1153.     }
  1154. }
  1155. /*  Retina (HiDPI) Display
  1156.     http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
  1157. -------------------------------------------------------------- */
  1158.  @media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  1159.     body {
  1160.     }
  1161. }
  1162. /*          T A B L E T    -  P O R T R A I T  
  1163.    ====================================================
  1164.     Target Width: 768px and above, with percentages and ems.
  1165. */
  1166.  @media screen and (max-width: 980px) {
  1167.     body {
  1168.     }
  1169.     #logo {
  1170.         margin-top: 1em;
  1171.     }
  1172.     img {
  1173.         max-width: 99%;
  1174.         /* just in case, to force correct aspet ratio */
  1175.         height: auto !important;
  1176.     }
  1177.     #header {
  1178.         margin-bottom: 0 !important;
  1179.         padding-bottom: 0 !important;
  1180.     }
  1181.     #main-nav {
  1182.         margin-bottom: 0 !important;
  1183.     }
  1184.     #menu-primary {
  1185.         margin-bottom: 0 !important;
  1186.     }
  1187.     .home #wrapper {
  1188.         margin-top: 0 !important;
  1189.         padding-top: 0 !important;
  1190.     }
  1191.     #featured {
  1192.         margin-top: 0 !important;
  1193.         padding-top: 0 !important;
  1194.     }
  1195.     #featured .grid .col-940 {
  1196.         margin-top: 0 !important;
  1197.         padding-top: 0 !important;
  1198.     }
  1199.     h1.featured-title {
  1200.         margin-top: 0 !important;
  1201.         padding-top: 0 !important;
  1202.     }
  1203.     /*Makes 1/3 columns go back to 1/3 */
  1204.     .home .grid, .home .grid-right {
  1205.         float:left;
  1206.     }
  1207.     #footer .grid, #footer .grid-right {
  1208.         float:left;
  1209.     }
  1210.     .page-id-24 .grid, .page-id-24 .grid-right {
  1211.         float:left;
  1212.     }
  1213.     .widget-title-home h3 {
  1214.         font-size: 1.2em;
  1215.     }
  1216.     .widgetgraf {
  1217.         font-size: .9em;
  1218.     }
  1219.     .home-widgets #text-3, .home-widgets #text-2, .home-widgets #text-8 {
  1220.         position: relative;
  1221.         height: 30em;
  1222.     }
  1223.     .widget-button {
  1224.         display: block;
  1225.         width: 75%;
  1226.         height: auto !important;
  1227.         position: absolute;
  1228.         bottom: 4em;
  1229.         left: 50%;
  1230.         margin-left: -85px !important;
  1231.     }
  1232.     .check {
  1233.         font-size: 2.2em;
  1234.         line-height: 1em;
  1235.         background-image: url('images/check.png');
  1236.         background-repeat: no-repeat;
  1237.         background-position: left-center;
  1238.     }
  1239.     #check-1 {
  1240.         display: block;
  1241.         position: absolute;
  1242.         bottom: .5em;
  1243.         left: 17%;
  1244.     }
  1245.     #check-2 {
  1246.         display: block;
  1247.         position: absolute;
  1248.         bottom: .5em;
  1249.         left: 12%;
  1250.     }
  1251.     #check-3 {
  1252.         display: block;
  1253.         position: absolute;
  1254.         bottom: .5em;
  1255.         left: 20%;
  1256.     }
  1257.     /* Changes type size on inside COMPAS page */
  1258.     #post-199 h3.value-header {
  1259.         font-size: 1.5em !important;
  1260.         margin: 0 0 0 .3em !important;
  1261.         padding-top: .2em;
  1262.     }
  1263.     #post-199 .values p {
  1264.         font-size: 1em !important;
  1265.     }
  1266.     #featured-image .fluid-width-video-wrapper {
  1267.         margin:20px 0 0 0;
  1268.     }
  1269.     img#compass-icon {
  1270.         display: none;
  1271.     }
  1272.     .mobile-hide {
  1273.         display: none;
  1274.     }
  1275.     /* Lessens top space over Consultation Form */
  1276.     #text-15 {
  1277.         margin-top: .5em;
  1278.     }
  1279.     img#ideal-building {
  1280.         width: 50%;
  1281.         height: auto !important;
  1282.     }
  1283.     #googlemap {
  1284.         margin-top: 0 !important;
  1285.         width: 100% !important;
  1286.         height: auto !important;
  1287.     }
  1288.     .page-template-blog-excerpt-php #recent-posts-3 {
  1289.         display: none !important;
  1290.     }
  1291.     .page-template-blog-excerpt-php #archives-2 {
  1292.         margin-top: 0 !important;
  1293.         margin-bottom: 1em !important;
  1294.     }
  1295.     /* @group Footer */
  1296.     #footer-wrapper .col-940 {
  1297.         border: 1px solid #ddd !important;
  1298.         -webkit-border-radius: 5px;
  1299.         -moz-border-radius: 5px;
  1300.         border-radius: 5px;
  1301.         background-color: #485B8F;
  1302.         color: #fff;
  1303.     }
  1304.     #footer-wrapper .col-940 a, #footer-wrapper .col-940 a:visited {
  1305.         color: #fff;
  1306.         font-weight: 600;
  1307.     }
  1308.     #footer-wrapper .col-940 a:hover {
  1309.         color: #85AA30;
  1310.     }
  1311.     h2#footer-contact-header {
  1312.         padding: .75em 0 .45em 0 !important;
  1313.         margin: 0 !important;
  1314.         font-size: 1.4em !important;
  1315.         list-style-type: none !important;
  1316.         color: #fff;
  1317.     }
  1318.     h2.footer-header {
  1319.         padding: .8em 0 .5em 0 !important;
  1320.         margin: 0 !important;
  1321.         font-size: 1.6em !important;
  1322.         color: #fff;
  1323.     }
  1324.     .footerinside li a {
  1325.         font-size: 1em !important;
  1326.     }
  1327.     /* Three Footer Widgets */
  1328.     #brand-front {
  1329.         position: relative;
  1330.         padding: 0 0 0 2em;
  1331.     }
  1332.     #blog-front {
  1333.         padding: 0 1em 0 0;
  1334.     }
  1335.     #newsletter-front {
  1336.         position: relative;
  1337.         padding: 0 0 0 0;
  1338.         float: right;
  1339.         margin: 0 !important;
  1340.     }
  1341.     #brand-front .street-address, #brand-front .locality, #brand-front .region, #brand-front .postal-code, #brand-front .tel, #brand-front .email {
  1342.         font-size: 1em;
  1343.         font-weight: 700;
  1344.         line-height: 1.8em;
  1345.     }
  1346.     #facewidget {
  1347.         margin-top: 3em;
  1348.     }
  1349.     img#fb-icon {
  1350.         display: inline;
  1351.         margin-top: -.8em;
  1352.     }
  1353.     h2#face-header {
  1354.         display: inline;
  1355.         margin-left: .25em !important;
  1356.     }
  1357.     p#face-graf {
  1358.         display: block;
  1359.         width: 90%;
  1360.     }
  1361.     #blog-front li ul li {
  1362.         margin-left: -.8em;
  1363.         font-size: 1.2em;
  1364.         padding-bottom: .2em;
  1365.         text-shadow: #000000 0 0 0;
  1366.     }
  1367.     #blog-front li ul li {
  1368.         line-height: 1.8em;
  1369.         border-bottom: 1px solid #999;
  1370.         list-style-image: url(images/bullet.png) !important;
  1371.     }
  1372.     #copyright {
  1373.         display: block;
  1374.         margin: 1.5em 0;
  1375.     }
  1376.     /* @end */
  1377. }
  1378. /*          I N    B E T W E E N     9 0 0
  1379.    ===============================================
  1380.     Target Width: 480px, with percentages and ems.
  1381. */
  1382.  @media screen and (max-width: 900px) {
  1383. }
  1384. /*          I N    B E T W E E N    7 6 8
  1385.    ===============================================
  1386.     Target Width: 480px, with percentages and ems.
  1387. */
  1388.  @media screen and (max-width: 768px) {
  1389. }
  1390. /*          P H O N E - L A N D S C A P E
  1391.    ===============================================
  1392.     Target Width: 480px, with percentages and ems.
  1393. */
  1394.  @media screen and (max-width: 650px) {
  1395.     body {
  1396.         margin-bottom: 1em !important;
  1397.         background-color: #0f2d40 !important;
  1398.         background-image: none !important;
  1399.     }
  1400.     #header #logo {
  1401.         float:left;
  1402.         margin-bottom: 1em;
  1403.     }
  1404.     #menu-utility {
  1405.         float: right;
  1406.         margin: 0 !important;
  1407.         padding: 0 !important;
  1408.     }
  1409.     ul#utility-menu li {
  1410.         float: left;
  1411.         list-style: none;
  1412.         padding-left: 1em;
  1413.     }
  1414.     #utility-menu {
  1415.         float: right;
  1416.         margin: .5em 0 0 0;
  1417.     }
  1418.     #utility-menu li {
  1419.         display:inline;
  1420.         list-style-type:none;
  1421.     }
  1422.     /* Adds Facebook logo upstop */
  1423.     li#facebook-top {
  1424.         display: inline;
  1425.     }
  1426.     .contact-container {
  1427.         position: absolute;
  1428.         right: 0;
  1429.         top: 1em;
  1430.         font-size: 1.2em;
  1431.         /*22/16 px*/
  1432.         color:#fff;
  1433.         padding:0 0 0 0;
  1434.         margin:1em 0 0 0;
  1435.     }
  1436.     /* New Mobile Navigation */
  1437.     .js .sub-header-menu {
  1438.         display: none;
  1439.     }
  1440.     .js .main-nav {
  1441.         position: relative;
  1442.         height: 30px;
  1443.         background-color: #fff;
  1444.         clear: both;
  1445.         margin: 0 auto;
  1446.     }
  1447.     .js .main-nav .menu {
  1448.         display: none;
  1449.         position: absolute;
  1450.         width: 100%;
  1451.         top: 30px;
  1452.         z-index: 1000;
  1453.     }
  1454.     .js .main-nav .menu ul {
  1455.         margin-top: 1px;
  1456.     }
  1457.     .js .main-nav .menu li {
  1458.         float: none;
  1459.         background-color: #fff;
  1460.         border: none;
  1461.     }
  1462.     .js .main-nav .menu li a {
  1463.         color: #444;
  1464.         font-size: 13px;
  1465.         font-weight: normal;
  1466.         height: 45px;
  1467.         line-height: 45px;
  1468.         padding: 0 15px;
  1469.         border: none;
  1470.         border-bottom: 1px solid #f5f5f5;
  1471.         text-shadow: none;
  1472.         text-align: left;
  1473.     }
  1474.     .js .main-nav .menu li.current_page_item, .js .menu .current_page_item a, .js .menu .current-menu-item a {
  1475.         background-color: #f5f5f5;
  1476.     }
  1477.     .js .main-nav .menu li li:hover {
  1478.         background: none!important;
  1479.     }
  1480.     .js .main-nav .menu li li a {
  1481.         position: relative;
  1482.         padding: 0 10px 0 30px;
  1483.     }
  1484.     .js .main-nav .menu li li li a {
  1485.         position: relative;
  1486.         padding: 0 10px 0 40px;
  1487.     }
  1488.     .js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {
  1489.         background-image: none;
  1490.         filter: none;
  1491.         background-color: #f5f5f5!important;
  1492.     }
  1493.     .js .main-nav .menu li li a::before {
  1494.         content:'\2013';
  1495.         position: absolute;
  1496.         top: 0;
  1497.         left: 20px;
  1498.     }
  1499.     .js .main-nav .menu li li li a::before {
  1500.         content:'\2013';
  1501.         position: absolute;
  1502.         top: 0;
  1503.         left: 20px;
  1504.     }
  1505.     .js .main-nav .menu li li li a::after {
  1506.         content:'\2013';
  1507.         position: absolute;
  1508.         top: 0;
  1509.         left: 30px;
  1510.     }
  1511.     .js .main-nav .menu li ul {
  1512.         position: static;
  1513.         visibility: visible;
  1514.         background-color: #fff;
  1515.     }
  1516.     .js .main-nav #responsive_current_menu_item {
  1517.         position: absolute;
  1518.         display: block;
  1519.         top: 5px;
  1520.         left: 15px;
  1521.         color: #fff;
  1522.         font-weight: 700;
  1523.     }
  1524.     .js .main-nav a#responsive_menu_button {
  1525.         position: absolute;
  1526.         display: block;
  1527.         top: 0;
  1528.         left: 100%;
  1529.         height: 30px;
  1530.         width: 23px;
  1531.         margin-left: -30px;
  1532.         background: url('images/select-icons.png') 0 5px no-repeat;
  1533.     }
  1534.     .js .main-nav a#responsive_menu_button.responsive-toggle-open {
  1535.         background: url('images/select-icons.png') 0 -46px no-repeat;
  1536.     }
  1537.     .top-menu, .footer-menu li {
  1538.         float: none;
  1539.         font-size: 11px;
  1540.         text-align: center;
  1541.     }
  1542.     .tinynav {
  1543.         display: block;
  1544.         margin:0 auto;
  1545.         width:100%;
  1546.     }
  1547.     .sb-holder {
  1548.         display: block;
  1549.         background-color: #fff;
  1550.         margin-top: 8.5em;
  1551.     }
  1552.     #author-meta {
  1553.         padding: 20px;
  1554.     }
  1555.     .hide-650 {
  1556.         display: none;
  1557.     }
  1558.     .show-650 {
  1559.         display: block;
  1560.     }
  1561.     /* End Navigation */
  1562.     .contact-icon {
  1563.         display: none !important;
  1564.     }
  1565.     h1.featured-title {
  1566.         font-size: 2.8em !important;
  1567.         letter-spacing: .03em;
  1568.     }
  1569.     h2.featured-subtitle {
  1570.         font-size: 1.8em !important;
  1571.         letter-spacing: .03em;
  1572.     }
  1573.     h2#contact-header {
  1574.         font-size: 1em !important;
  1575.         margin-top: .5em !important;
  1576.     }
  1577.     #featured-inner-wrapper {
  1578.         padding-bottom: 1em;
  1579.         margin-bottom: 0em;
  1580.     }
  1581.     #featured-text p {
  1582.         width: 90% !important;
  1583.         font-size: 1em !important;
  1584.         line-height: 1.4em;
  1585.         padding: 0 !important;
  1586.         margin: 1em !important;
  1587.     }
  1588.     .call-to-action {
  1589.         width: 100% !important;
  1590.         margin: 0 !important;
  1591.         padding: 0 !important;
  1592.         text-align: center !important;
  1593.     }
  1594.     .home-widgets {
  1595.         margin-top: 1.5em !important;
  1596.     }
  1597.     .grid, .grid-right {
  1598.         float:none;
  1599.     }
  1600.     .home .grid, .home .grid-right {
  1601.         float:none !important;
  1602.     }
  1603.     #footer .grid, #footer .grid-right {
  1604.         float:none !important;
  1605.     }
  1606.     .page-id-24 .grid, .page-id-24 .grid-right {
  1607.         float:none !important;
  1608.     }
  1609.     #featured-image .fluid-width-video-wrapper {
  1610.         margin:20px 0 0 0;
  1611.     }
  1612.     .home-widgets #text-3, .home-widgets #text-2, .home-widgets #text-8 {
  1613.         position: relative;
  1614.         height: auto !important;
  1615.     }
  1616.     .home-widgets #text-8 {
  1617.         margin-bottom: 2em;
  1618.     }
  1619.     .home-widgets h3 {
  1620.         font-size: 2em !important;
  1621.     }
  1622.     #check-1 {
  1623.         display: block;
  1624.         position: absolute;
  1625.         bottom: .5em;
  1626.         left: 1em;
  1627.     }
  1628.     #check-2 {
  1629.         display: block;
  1630.         position: absolute;
  1631.         bottom: .5em;
  1632.         left: 1em;
  1633.     }
  1634.     #check-3 {
  1635.         display: block;
  1636.         position: absolute;
  1637.         bottom: .5em;
  1638.         left: 1em;
  1639.     }
  1640.     span.word {
  1641.     }
  1642.     p.widgetgraf {
  1643.         margin-bottom: 2em;
  1644.     }
  1645.     .widget-button {
  1646.         display: none !important;
  1647.     }
  1648.     .frontwidgpix {
  1649.         display: none !important;
  1650.     }
  1651.     img#ideal-building {
  1652.         display: none !important;
  1653.     }
  1654.     .top-menu li {
  1655.         float:right;
  1656.         text-align:right;
  1657.     }
  1658.     .top-menu, .footer-menu li {
  1659.         float:none;
  1660.         text-align:center;
  1661.     }
  1662.     .sb-selector:link, .sb-selector:visited, .sb-selector:hover {
  1663.         color: #000;
  1664.         font-size: 12px;
  1665.         font-weight: 700;
  1666.         outline: none;
  1667.         text-decoration: none;
  1668.         text-shadow: none;
  1669.     }
  1670.     /* Our Team */
  1671.     .employee-pic img {
  1672.         display: none !important;
  1673.     }
  1674.     h2.empl-name {
  1675.         font-size: 1.1em !important;
  1676.     }
  1677.     .empl-title {
  1678.         font-size: .9em !important;
  1679.     }
  1680.     .phone-hide {
  1681.         display: none;
  1682.     }
  1683.     .phone-p {
  1684.         margin: 0;
  1685.     }
  1686.     #footer {
  1687.         text-align:center;
  1688.     }
  1689.     #blog-front {
  1690.         display: none;
  1691.     }
  1692.     #footer .social-icons {
  1693.         text-align:center;
  1694.     }
  1695.     /*Email Newsletter */
  1696.     #text-17 table, #text-17 th, #text-17 td {
  1697.         border: 0px;
  1698.         padding: 0 0 1em 0;
  1699.     }
  1700.     #text-17 table {
  1701.         width: 40em;
  1702.     }
  1703.     td#news-col1 {
  1704.         width: 32%;
  1705.     }
  1706.     td#news-col2 {
  1707.         width: 68% !important;
  1708.     }
  1709.     #newsletter-front h2.footer-header {
  1710.         font-size: 1.8em !important;
  1711.         padding-bottom: 0 !important;
  1712.         margin: 0 0 .2em 0 !important;
  1713.     }
  1714.     p#newsletter-graf {
  1715.         display: inline-block;
  1716.         width: 96%;
  1717.         text-align: left;
  1718.     }
  1719.     input.news-button {
  1720.         display: inline-block;
  1721.         text-align: left;
  1722.         float: left;
  1723.     }
  1724.     #copyright {
  1725.         display: inline-block;
  1726.         margin-top: 1em;
  1727.         float: none;
  1728.         text-align: center !important;
  1729.     }
  1730.     #footer-wrapper .col-940 {
  1731.         margin-top: 1em;
  1732.         border: 0px solid #ddd !important;
  1733.         -webkit-border-radius: 5;
  1734.         -moz-border-radius: 5px;
  1735.         border-radius: 5px;
  1736.         background-color: #485B8F;
  1737.         color: #fff;
  1738.     }
  1739.     #facewidget {
  1740.         display:none
  1741.     }
  1742. }
  1743. /*           P H O N E - P O R T R A I T  
  1744.    ===============================================
  1745.     Target Width: 320px, with percentages and ems.
  1746. */
  1747.  @media screen and (max-width: 480px) {
  1748.     body {
  1749.     }
  1750.     #header #logo {
  1751.         float:left;
  1752.         margin: 2.5em 0 1em 0;
  1753.     }
  1754.     h1.featured-title {
  1755.         font-size: 3.5em;
  1756.         margin: .2em 0 0 0 !important;
  1757.         padding: 0 !important;
  1758.         text-align: center;
  1759.     }
  1760.     h2.featured-subtitle {
  1761.         font-size: 1.6em !important;
  1762.         padding: 0 !important;
  1763.         margin: .5em 0 1em 0 !important;
  1764.         text-align: center;
  1765.     }
  1766.     #featured-image {
  1767.         display: none;
  1768.     }
  1769.     .call-to-action {
  1770.         margin-left: 0em !important;
  1771.     }
  1772.     .home-widgets h3 {
  1773.         font-size: 1.4em !important;
  1774.     }
  1775.     h1.post-title {
  1776.         margin: .5em 0 .5em 0 !important;
  1777.         font-size: 1.3em;
  1778.     }
  1779.     .page h2 {
  1780.         font-size: 1em !important;
  1781.     }
  1782.     .widget-title {
  1783.         font-size: 1.1em !important;
  1784.         margin-bottom: 0;
  1785.         padding-bottom: .5em;
  1786.     }
  1787.     h1#blog {
  1788.         font-size: 1.2em;
  1789.     }
  1790.     h1.post-title {
  1791.         font-size: 1.3em;
  1792.     }
  1793.     h2.post-title {
  1794.         font-size: 1.1em;
  1795.     }
  1796.     #menu-utility {
  1797.         float: right;
  1798.         margin: 0 !important;
  1799.         padding: 0 !important;
  1800.     }
  1801.     .top-menu li a {
  1802.         border-left: none;
  1803.         color: #fff;
  1804.         font-size: .8em !important;
  1805.         font-weight: 800;
  1806.         padding: 0 .4em;
  1807.     }
  1808.     .contact-container {
  1809.         position: absolute;
  1810.         right: 0;
  1811.         top: 1em;
  1812.         width: auto !important;
  1813.         height: auto !important;
  1814.         padding:0 0 0 0;
  1815.         margin: .75em 0 0 0;
  1816.         font-size: 1em;
  1817.         /*22/16 px*/
  1818.         color:#fff;
  1819.         text-align: right;
  1820.     }
  1821.     /* menu add */
  1822.     .navigation .next, .navigation .previous {
  1823.         display: block;
  1824.         margin: 0 auto;
  1825.         text-align: center;
  1826.     }
  1827.     .menu ul, .menu li, .top-menu, .footer-menu li, .sub-header-menu li {
  1828.         float: none;
  1829.         text-align: center;
  1830.         text-rendering: optimizeSpeed;
  1831.     }
  1832.     .hide-480 {
  1833.         display: none;
  1834.     }
  1835.     .show-480 {
  1836.         display: block;
  1837.     }
  1838.     .check {
  1839.         font-size: 1.5em;
  1840.         line-height: 1.4em;
  1841.     }
  1842.     /* Email Newsletter */
  1843.     #text-17 table {
  1844.         width: 22em !important;
  1845.     }
  1846.     p#newsletter-graf {
  1847.         display: inline-block;
  1848.         width: 95%;
  1849.         text-align: left;
  1850.     }
  1851.     input.news-button {
  1852.         display: inline-block;
  1853.         text-align: left;
  1854.         float: left;
  1855.     }
  1856.     /* Consultation Form */
  1857.     #text-15 {
  1858.         margin-top: -1em;
  1859.     }
  1860.     /* Contact Page */
  1861.     h2#contact-header {
  1862.         margin-bottom: .5em !important;
  1863.         font-size: 1.2em !important;
  1864.     }
  1865.     td#contact-col1 {
  1866.         width: 35%;
  1867.     }
  1868.     td#contact-col2 {
  1869.         width: 65%;
  1870.     }
  1871.     .grid, .grid-right {
  1872.         float:none;
  1873.     }
  1874.     #featured-image .fluid-width-video-wrapper {
  1875.         margin:20px 0 0 0;
  1876.     }
  1877.     .menu li, .footer-menu li, .sub-header-menu li {
  1878.         float:none;
  1879.         text-align:left;
  1880.     }
  1881.     #footer {
  1882.         text-align:center;
  1883.     }
  1884.     img#compass-icon {
  1885.         display: none;
  1886.     }
  1887.     #footer .social-icons {
  1888.         text-align:center;
  1889.     }
  1890. }
  1891. /* @end */
  1892.  a {
  1893.     outline: 0 !important;
  1894. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement