Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: Ideal Child
- Theme URI: http://alpinelakesdesign.com
- Description: Child theme for the Responsive Theme Version: 1.6.2
- Author: Lee Honeycutt
- Author URI: http://alpinelakesdesign.com
- Template: responsive
- CSS Rules: Sorted in Groups arranged from top to bottom of main page
- */
- @import url("../responsive/style.css");
- /* @group Typography */
- body {
- background: url('images/cloud.jpg') no-repeat scroll center top;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- body {
- font-size: 14px !important;
- line-height:1.5em;
- margin-bottom: 2em;
- }
- p, hr, dl, pre, form, table, address, blockquote {
- margin:1em 0;
- }
- h1 {
- margin:1em 0 .5em;
- }
- #compas {
- position:relative;
- }
- span#headline-intro {
- display: inline-block;
- font-size: .7em;
- line-height: 1em;
- }
- span#tm {
- position: relative;
- font-size: .4em;
- bottom: 1.1em;
- }
- h2 {
- margin:1.07em 0 .535em;
- }
- h3 {
- margin:1.14em 0 .57em;
- }
- .red {
- color: #ff1713;
- }
- .word {
- font-size: 1em;
- }
- a.telephone {
- color: #fff;
- }
- a:hover.telephone {
- color:#C88E3F;
- }
- a#contact {
- color:#85AA30 !important;
- }
- a:hover#contact {
- text-decoration:underline;
- }
- .list-item-header {
- font-weight: bold;
- font-style: italic;
- }
- /* @end */
- /* @group Front Page */
- .home #wrapper {
- border: 0px solid #fff;
- margin-top: 1em !important;
- background-color: transparent !important;
- padding: 0 0 20px 0;
- }
- div#featured {
- border: 0px solid #fff;
- padding-bottom: 0;
- margin-bottom: 0;
- }
- div#featured-image img {
- border: 1px solid #dddddd;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- /* Moves H1 to left edge */
- .home #featured .grid {
- margin-top: 0 !important;
- padding-top: 0 !important;
- }
- h1.featured-title {
- text-align:left;
- margin: -.3em 0 .1em .15em;
- padding-top: 0 !important;
- color: #fff;
- font-size: 3.4em;
- letter-spacing: .01em;
- }
- .featured-title #headline-intro {
- padding-top: 0 !important;
- margin-top: 0 !important;
- }
- h2.featured-subtitle {
- text-align:left;
- margin: 0;
- color: #d3d3d3;
- }
- #featured-image {
- margin: .5em 0 0 0;
- }
- #featured-image img {
- border: none !important;
- margin-bottom: 0;
- }
- #featured-text {
- margin: 0 0 0 0;
- }
- #featured-text p {
- padding-left: 1em;
- font-size: 1.2em;
- }
- .call-to-action {
- margin: 1.5em 2em 0 0;
- }
- #featured {
- background-image: none;
- background-color: transparent;
- }
- #featured p {
- text-align: left;
- }
- #featured-inner-wrapper {
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- background-color: #F9FBFA;
- border: 1px solid #d6d6d6;
- border-radius: 6px;
- width: 99.893617021277%;
- }
- .home-widgets #text-3, .home-widgets #text-2, .home-widgets #text-8 {
- position: relative;
- height: 28em;
- }
- .textwidget p {
- margin: .4em 0 .4em 0;
- line-height: 1.4em;
- }
- .widget-button {
- display: block;
- position: absolute;
- bottom: 4em;
- left: 50%;
- margin-left: -90px !important;
- }
- /* Moved from theme CSS and amended for IE support */
- .aligncenter, div.aligncenter {
- display: inline-block;
- margin: 5px auto 10px auto;
- text-align: center !important;
- }
- .check {
- font-size: 2.2em;
- line-height: 1em;
- background-image: url('images/check.png');
- background-repeat: no-repeat;
- background-position: left-center;
- }
- #check-1 {
- display: block;
- position: absolute;
- bottom: .5em;
- left: 23%;
- }
- #check-2 {
- display: block;
- position: absolute;
- bottom: .5em;
- left: 20%;
- }
- #check-3 {
- display: block;
- position: absolute;
- bottom: .5em;
- left: 26%;
- }
- .check a {
- color: #617d24;
- text-decoration: none !important;
- }
- .check a:hover {
- color: #000;
- text-decoration: none !important;
- }
- span.word {
- margin-left: 1.25em;
- }
- .widget-title-home h3 {
- padding: 0 0 .25em 0;
- }
- img.frontwidgpix {
- margin-top: 1em;
- }
- #container {
- padding-bottom: 0 !important;
- }
- .home #wrapper {
- margin-bottom: 0;
- }
- .widget-wrapper {
- margin-bottom: 0;
- background-image: none;
- background-color: #F9FBFA;
- ;
- }
- p.widgetgraf {
- font-size: 1.2em;
- }
- /* @end */
- /* @group Header */
- /*#container {
- background-color: #fff;
- border: 1px solid rgb(214,214,214);
- }*/
- #header {
- position:relative;
- margin-top: 5px;
- }
- /* div#subheader {
- display: block;
- position: absolute;
- height: auto !important;
- } */
- div#logo {
- position:relative;
- left: 0px;
- }
- /*ul.top-menu {
- position:absolute;
- top:10px;
- right:20px;
- z-index: 500;
- } */
- ul.top-menu li {
- float: left;
- list-style: none;
- padding-left: .7em;
- }
- .top-menu {
- float:right;
- margin: .75em 1.25em 0 0;
- }
- .top-menu li {
- display:inline;
- list-style-type:none;
- }
- .top-menu li a {
- border-left: none;
- color: #fff;
- font-size: .9em;
- font-weight: 800;
- padding: 0 .5em;
- }
- .top-menu > li:first-child > a {
- border-left:none;
- padding:0 8px 0 0;
- }
- .top-menu li a:hover {
- color:#C88E3F;
- }
- /* hides facebook logo for mobile */
- li#facebook-top {
- display: none;
- }
- .contact-container {
- position: absolute;
- right: 0;
- top: 1em;
- width: 9.5em !important;
- padding:0 0 0 0;
- margin: 1em .6em 0 0;
- font-size: 1.8em;
- /*22/16 px*/
- color:#fff;
- text-align: right;
- }
- .contact-icon {
- float:left;
- margin-right: .2em;
- }
- .contact-text {
- margin-top: .6em;
- float:right;
- }
- /* @end */
- /* @group Footer */
- #footer-wrapper .col-940 {
- border: 1px solid #ddd !important;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #485B8F;
- color: #fff;
- }
- #footer-wrapper .col-940 a, #footer-wrapper .col-940 a:visited {
- color: #fff;
- font-weight: 600;
- }
- #footer-wrapper .col-940 a:hover {
- color: #85AA30;
- }
- h2#footer-contact-header {
- padding: .8em 0 0 0 !important;
- margin: 0 !important;
- font-size: 1.5em !important;
- list-style-type: none !important;
- color: #fff;
- }
- h2.footer-header {
- padding: .8em 0 .5em 0 !important;
- margin: 0 !important;
- font-size: 1.8em !important;
- color: #fff;
- }
- .footerinside li a {
- font-size: 1em !important;
- }
- #footer .street-address, #footer .locality, #footer .region, #footer .postal-code, #footer .tel, #footer .email {
- font-size: 1em;
- font-weight: 700;
- line-height: 1.9em;
- }
- img#compass-icon {
- float:left;
- margin: 1.95em .7em 0 0;
- }
- /* Three Footer Widgets */
- #brand-front {
- position: relative;
- padding: 0 0 0 2em;
- width: 30%;
- }
- #blog-front {
- padding: 0;
- width: 30%;
- }
- #newsletter-front {
- position: relative;
- padding: 0 2em 0 0;
- width: 28%;
- float:right;
- }
- #facewidget {
- margin-top: 3em;
- }
- img#fb-icon {
- display: inline;
- margin-top: -.8em;
- }
- h2#face-header {
- display: inline;
- margin-left: .25em !important;
- }
- p#face-graf {
- font-size: 1.2em;
- font-weight: 400;
- line-height: 1.4em;
- }
- #blog-front ul li {
- margin-left: -.6em;
- font-size: 1.2em;
- padding-bottom: .2em;
- text-shadow: #000000 0 0 0;
- }
- #blog-front ul li {
- line-height: 1.8em;
- border-bottom: 1px solid #999;
- list-style-image: url(images/bullet.png) !important;
- }
- p#newsletter-graf {
- font-size: 1.2em;
- font-weight: 500;
- line-height: 1.6em;
- }
- #copyright {
- font-size: 1.2em;
- margin-top: 1.5em;
- float: right;
- }
- /* @end */
- /* @group Facebook Feed */
- .connect_top {
- display: none !important;
- }
- .profileimage {
- display: none !important;
- }
- .facebookOuter {
- background-color:#F4F4F4;
- width:260px;
- padding:10px 0 10px 10px;
- height:290px;
- border:1px solid #CCCCCC;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- .facebookInner {
- height:290px;
- color: #fff;
- overflow: hidden !important;
- }
- .connect_top {
- visibility: hidden !important;
- display: none !important;
- }
- /* @end */
- /* @group Images */
- #featured-image img {
- margin-bottom: 0 !important;
- }
- img#mirror {
- margin: 0 0 0 .5em;
- float: right;
- }
- img.right {
- float:right;
- }
- img.frame {
- border: 1px solid #dddddd;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- img.border-frame {
- max-width: 100%;
- height: auto;
- border: 1px solid #dddddd;
- padding: .4375em;
- /*7/16 px */
- }
- /* @end */
- /* @group Primary Menu */
- /* =Primary Menu
- -------------------------------------------------------------- */
- #main-nav {
- width:100%;
- float:left;
- margin: 0 0 1em 0;
- }
- .menu {
- height: 49px;
- float: right;
- background-color: transparent;
- background-image: none;
- filter: alpha(opacity=00);
- /* IE6+ */
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity=00);
- /* IE6+ */
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
- /* this works in IE8 only */
- }
- .menu ul {
- display:block;
- list-style-type:none;
- width:auto;
- margin:0 auto;
- padding:0;
- }
- .menu li {
- border:0;
- display:block;
- float:left;
- margin:0;
- padding:0;
- position:relative;
- z-index:5;
- }
- .menu li:hover {
- background-color: transparent !important;
- background-image: none;
- color: #fff;
- white-space:normal;
- }
- .menu li li {
- float:none;
- }
- .menu ul {
- left:0;
- position:absolute;
- top:0;
- visibility:hidden;
- z-index:10;
- }
- .menu li:hover > ul {
- background-color: transparent;
- top:100%;
- visibility:visible;
- }
- .menu li li:hover > ul {
- left:100%;
- top:0;
- }
- .menu:after, .menu ul:after {
- clear:both;
- content:".";
- display:block;
- height:0;
- overflow:hidden;
- visibility:hidden;
- }
- .menu, .menu ul {
- min-height:0;
- }
- .menu ul {
- margin:-10px 0 0 -30px;
- padding:10px 30px 30px;
- }
- .menu ul ul {
- margin:-30px 0 0 -10px;
- padding:30px 30px 30px 10px;
- }
- .menu ul li a:hover, .menu li li a:hover {
- color: #C88E3F;
- text-decoration:none;
- background-color: transparent !important;
- }
- .menu ul {
- min-width:15em;
- width:auto;
- }
- /*Controls spacing between menu items */
- .menu a {
- border-left:0px solid #585858;
- letter-spacing: .1em;
- color:#fff !important;
- display:block;
- font-size:16px;
- font-weight:700;
- height:45px;
- line-height:45px;
- margin:0;
- padding:0 1.6em;
- position:relative;
- text-decoration:none;
- text-shadow:0 0px 0px #242424;
- }
- /* Transparent Menu Hover for IE */
- .menu a:hover {
- background:transparent;
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00990000, endColorstr=#00990000);
- zoom: 1;
- color: #C88E3F !important;
- }
- .menu .current_page_item a {
- background-color: transparent;
- /*color: #fe8c45; */
- }
- .menu li li {
- background:#fff;
- background-image:none;
- border:1px solid #b2b2b2;
- border-top:none;
- color:#444;
- filter:none;
- width:auto;
- }
- .menu li li a {
- background:transparent !important;
- border:none;
- color:#444;
- font-size:12px;
- font-weight:400;
- height:auto;
- height:20px;
- line-height:20px;
- padding:5px 10px;
- text-shadow:none;
- white-space:nowrap;
- }
- .menu li li a:hover {
- background:#f5f5f5 !important;
- background-image:none;
- border:none;
- color:#444;
- filter:none;
- }
- .menu ul > li + li {
- border-top:0;
- }
- .menu li li:hover > ul {
- left:100%;
- top:0;
- }
- .menu > li:first-child > a {
- border-left:none;
- }
- .menu > li:first-child > a, .menu li + li + li li:first-child > a {
- }
- /* =Primary Main Menu IE Fixes (Modernizr)
- -------------------------------------------------------------- */
- .ie7 .menu ul {
- background:url(images/ie7-fix.gif) repeat;
- }
- /* =Responsive Menu (Tinynav.js)
- -------------------------------------------------------------- */
- .tinynav {
- display:none
- }
- /* @end */
- /* @group Forms */
- /*Email Newsletter */
- td, th, table {
- border-style: none;
- border-width: 0;
- }
- td#news-col1 {
- width: 32%;
- }
- td#news-col2 {
- width: 68%;
- }
- #text-17 h2.footer-header {
- padding-bottom: 0 !important;
- margin: 0 0 .5em 0 !important;
- }
- /* Contact Form */
- #contact-form table, #contact-form th, #contact-form td {
- border: 0px;
- padding: 0 0 1em 0;
- }
- td#contact-col1 {
- width: 25%;
- }
- td#contact-col2 {
- width: 75%;
- }
- /* Consultation Form */
- #text-15 {
- margin-top: 5em;
- }
- #text-15 table, #text-15 th, #text-15 td {
- border: 0px;
- padding: 0 0 1em 0;
- }
- td#consult-col1 {
- width: 35%;
- }
- td#consult-col2 {
- width: 65%;
- }
- #text-15 .widget-title {
- font-size: 1.5em;
- }
- #text-15 input {
- width: 100% !important;
- }
- /* Tax Form */
- #text-19 {
- margin-top: 5em;
- }
- #text-19 table, #text-19 th, #text-19 td {
- border: 0px;
- padding: 0 0 1em 0;
- }
- td#consult-col1 {
- width: 35%;
- }
- td#consult-col2 {
- width: 65%;
- }
- #text-19 .widget-title {
- font-size: 1.5em;
- }
- #text-19 input {
- width: 100% !important;
- }
- /* @end */
- /* @group Main Content */
- .breadcrumb-list {
- display: none;
- font-size:12px;
- padding: 0;
- }
- /* Controls Client Login on Front Page */
- #content {
- margin-top: 20px;
- }
- #widgets {
- margin-top: 20px;
- }
- div#text-3 {
- display: block !important;
- position: relative !important;
- }
- img#compass-icon {
- display: inline-block;
- position: relative;
- top: -0.8em;
- left: 0;
- }
- div#client-headers {
- display: block;
- position: absolute;
- top: 0;
- left: 6em;
- }
- h2#client-h2 {
- font-size: 1.3em;
- }
- h3#login-header {
- font-size: 1em;
- margin: -.5em 0 .5em 0;
- }
- ul#login-list {
- margin: 0 0 0 .5em;
- }
- #text-3 a:hover {
- text-decoration: underline !important;
- }
- /* Modal Client Login */
- div#fancyboxID-2 {
- display: block !important;
- position: relative !important;
- padding: 0 1em 1em 1em;
- }
- div#client-headers-modal {
- display: block;
- position: absolute;
- top: -1em;
- left: 5em;
- }
- img#compass-icon-modal {
- display: inline-block;
- position: relative;
- top: 1em;
- left: 0;
- }
- h2#client-h2-modal {
- font-size: 2.2em;
- }
- ul#login-list-modal {
- margin: .5em 0 .2em 2em;
- }
- /*Consultation Form Modal */
- #fancybox-content {
- width: 70%;
- }
- #fancyboxID-1 {
- padding: 2em;
- }
- #newsletter-form {
- float: right;
- margin-left: 1em;
- }
- /* @end */
- /* @group Values */
- .values {
- padding: 0;
- }
- .values p {
- font-size: .8em;
- line-height: 1.5em;
- }
- img.check-icon {
- float: left;
- }
- h3.value-header {
- padding: .1em 0 0 1.3em;
- margin:0;
- }
- /* @end */
- /* @group Button */
- .client-button {
- border-top: 1px solid #805b2c;
- background: #9c6c28;
- background: -webkit-gradient(linear, left top, left bottom, from(#c88f3f), to(#9c6c28));
- background: -webkit-linear-gradient(top, #c88f3f, #9c6c28);
- background: -moz-linear-gradient(top, #c88f3f, #9c6c28);
- background: -ms-linear-gradient(top, #c88f3f, #9c6c28);
- background: -o-linear-gradient(top, #c88f3f, #9c6c28);
- padding: .5em .5em !important;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
- color: #ffffff;
- font-size: 16px;
- font-family: Helvetica, Arial, Sans-Serif;
- text-decoration: none;
- vertical-align: middle;
- }
- .client-button:hover {
- border-top-color: #e3a656;
- background: #e3a656;
- color: #fff !important;
- }
- .client-button:active {
- border-top-color: #e3a656;
- background: #e3a656;
- }
- a.client-button:active {
- border-style: none;
- }
- .signup-button {
- border-top: 1px solid #2a380b;
- background: #566e1e;
- background: -webkit-gradient(linear, left top, left bottom, from(#85aa30), to(#566e1e));
- background: -webkit-linear-gradient(top, #85aa30, #566e1e);
- background: -moz-linear-gradient(top, #85aa30, #566e1e);
- background: -ms-linear-gradient(top, #85aa30, #566e1e);
- background: -o-linear-gradient(top, #85aa30, #566e1e);
- padding: .5em .5em !important;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
- color: #ffffff;
- font-size: 16px;
- font-family: Helvetica, Arial, Sans-Serif;
- text-decoration: none;
- vertical-align: middle;
- }
- .signup-button:hover {
- border-top-color: #9ac732;
- background: #82AA30;
- color: #fff !important;
- }
- .signup-button:active {
- border-top-color: #85aa30;
- background: #85aa30;
- }
- a.signup-button:active {
- border-style: none;
- }
- /* Modified for "Learn More" button */
- a.feature-button {
- border-top: 0px solid #2a380b;
- background: #566e1e;
- background: -webkit-gradient(linear, left top, left bottom, from(#85aa30), to(#566e1e));
- background: -webkit-linear-gradient(top, #85aa30, #566e1e);
- background: -moz-linear-gradient(top, #85aa30, #566e1e);
- background: -ms-linear-gradient(top, #85aa30, #566e1e);
- background: -o-linear-gradient(top, #85aa30, #566e1e);
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#85aa30', endColorstr='#566e1e');
- /* IE */
- padding: .5em .5em !important;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- color: #fff;
- text-shadow: 0 1px 0 #115290;
- }
- a.feature-button:hover {
- border: 1px solid #115290;
- background: #82AA30;
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#82AA30', endColorstr='#82AA30');
- /* IE */
- color: #fff !important;
- text-shadow: 0 1px 0 #115290;
- }
- #consult-button {
- margin-left: 2em;
- }
- .bluebutton {
- background-color:#2c709f;
- -moz-border-radius:.5em;
- -webkit-border-radius:.5em;
- border-radius:.5em;
- border:1px solid #000;
- display:inline-block;
- color:#ffffff;
- font-family:arial;
- font-size:1.3em;
- font-weight:bold;
- padding:.8em 1.5em !important;
- text-decoration:none;
- }
- .bluebutton:hover {
- background-color:#9d882b;
- color: #ffffff;
- }
- .bluebutton:active {
- position:relative;
- top:1px;
- }
- input.news-button {
- border: 1px solid #999;
- background: #566e1e;
- background: -webkit-gradient(linear, left top, left bottom, from(#85aa30), to(#566e1e));
- background: -webkit-linear-gradient(top, #85aa30, #566e1e);
- background: -moz-linear-gradient(top, #85aa30, #566e1e);
- background: -ms-linear-gradient(top, #85aa30, #566e1e);
- background: -o-linear-gradient(top, #85aa30, #566e1e);
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#85aa30', endColorstr='#566e1e');
- /* IE */
- padding: .4em .6em !important;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
- color: #ffffff;
- font-size: 16px;
- font-family: Helvetica, Arial, Sans-Serif;
- text-decoration: none;
- vertical-align: middle;
- margin-top: .2em;
- }
- input.news-button:hover {
- background: #82AA30;
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#82AA30', endColorstr='#82AA30');
- /* IE */
- color: #fff !important;
- }
- /* @end */
- /* @group Sign Up Buttons & Form */
- #text-19 .widget-title {
- font-size: 1.5em;
- }
- #text-16 {
- margin-top: 15em;
- background: #fff;
- }
- .page-id-607 #text-16 {
- margin-top: 0 !important;
- background: #fff;
- }
- #text-16 h2 {
- margin-top: 0;
- padding-top: 0;
- }
- .business-button {
- display: block;
- float:left;
- margin-left: 2em;
- border-top: 1px solid #2a380b;
- background: #566e1e;
- background: -webkit-gradient(linear, left top, left bottom, from(#85aa30), to(#566e1e));
- background: -webkit-linear-gradient(top, #85aa30, #566e1e);
- background: -moz-linear-gradient(top, #85aa30, #566e1e);
- background: -ms-linear-gradient(top, #85aa30, #566e1e);
- background: -o-linear-gradient(top, #85aa30, #566e1e);
- padding: .5em .5em !important;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
- color: #ffffff;
- font-size: 16px;
- font-family: Helvetica, Arial, Sans-Serif;
- text-decoration: none;
- vertical-align: middle;
- }
- .business-button:hover {
- border-top-color: #9ac732;
- background: #82AA30;
- color: #fff !important;
- }
- .business-button:active {
- border-top-color: #85aa30;
- background: #85aa30;
- }
- a.business-button:active {
- border-style: none;
- }
- .individual-button {
- display: block;
- float:right;
- margin-right: 2em;
- border-top: 1px solid #805b2c;
- background: #9c6c28;
- background: -webkit-gradient(linear, left top, left bottom, from(#c88f3f), to(#9c6c28));
- background: -webkit-linear-gradient(top, #c88f3f, #9c6c28);
- background: -moz-linear-gradient(top, #c88f3f, #9c6c28);
- background: -ms-linear-gradient(top, #c88f3f, #9c6c28);
- background: -o-linear-gradient(top, #c88f3f, #9c6c28);
- padding: .5em .5em !important;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
- text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
- color: #ffffff;
- font-size: 16px;
- font-family: Helvetica, Arial, Sans-Serif;
- text-decoration: none;
- vertical-align: middle;
- }
- .individual-button:hover {
- border-top-color: #e3a656;
- background: #e3a656;
- color: #fff !important;
- }
- .individual-button:active {
- border-top-color: #e3a656;
- background: #e3a656;
- }
- a.individual-button:active {
- border-style: none;
- }
- /* @end */
- /* @group Contact Us */
- #contact-schema {
- font-size: 1.2em;
- line-height: 1.4em;
- }
- #contact-container {
- font-size: 1.2em;
- line-height: 1.4em;
- }
- h2#contact-header {
- padding: 1em 0 0 0 !important;
- margin: 0 !important;
- font-size: 1.2em !important;
- }
- img#ideal-building {
- border: 1px solid #ddd;
- margin-top: -3em;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- #googlemap {
- border: 1px solid #ddd;
- margin: 9em 0 0 1em;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- a#googlelink {
- display: inline-block;
- margin: .5em 0 0 1.8em;
- color:#06c;
- font-weight:400;
- text-decoration:none;
- }
- a#googlelink:hover {
- color:#444;
- text-decoration:none;
- }
- /* @end */
- /* @group Our Team */
- .employee-pic img {
- max-width: 100%;
- height: auto;
- border: 1px solid #dddddd;
- padding: .4375em;
- /*7/16 px */
- margin-top: 0em;
- clear: both;
- }
- h2.empl-name {
- padding: 0;
- margin: 0 !important;
- }
- .empl-title {
- font-style: italic !important;
- margin-top: .2em;
- }
- .both {
- clear: both;
- }
- /* @end */
- /* @group Blog Pages */
- .widget_recent_entries ul {
- margin: 0 0 0 .5em;
- }
- h1.post-title {
- font-size:1.8em;
- }
- .post-entry h2 {
- font-size:1.4em !important;
- }
- .post-entry h3 {
- font-size:1.2em !important;
- }
- .post-title a {
- color: #404040;
- }
- .post-title a:hover {
- color: #1270cf;
- }
- dt {
- font-weight: 700;
- font-size: 1.2em;
- }
- dd {
- margin-left: 1em;
- }
- #recent-posts-3 {
- margin: 4.75em 0 1em 0;
- }
- #archives-2 {
- margin: 1em 0;
- }
- /* Hide "by" */
- .byline {
- display: none;
- }
- /* Hide author */
- .author {
- display: none;
- }
- /* @end */
- /* @group Media Queries */
- /* =Media Print
- If you're working on a Child Theme, make sure that all
- media queries are included in your style.css
- -------------------------------------------------------------- */
- @media print {
- h1 {
- page-break-before:always;
- }
- h1, h2, h3, h4, h5, h6 {
- page-break-after:avoid;
- }
- ul, ol, dl {
- page-break-before:avoid;
- }
- }
- /* Retina (HiDPI) Display
- http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
- -------------------------------------------------------------- */
- @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) {
- body {
- }
- }
- /* T A B L E T - P O R T R A I T
- ====================================================
- Target Width: 768px and above, with percentages and ems.
- */
- @media screen and (max-width: 980px) {
- body {
- }
- #logo {
- margin-top: 1em;
- }
- img {
- max-width: 99%;
- /* just in case, to force correct aspet ratio */
- height: auto !important;
- }
- #header {
- margin-bottom: 0 !important;
- padding-bottom: 0 !important;
- }
- #main-nav {
- margin-bottom: 0 !important;
- }
- #menu-primary {
- margin-bottom: 0 !important;
- }
- .home #wrapper {
- margin-top: 0 !important;
- padding-top: 0 !important;
- }
- #featured {
- margin-top: 0 !important;
- padding-top: 0 !important;
- }
- #featured .grid .col-940 {
- margin-top: 0 !important;
- padding-top: 0 !important;
- }
- h1.featured-title {
- margin-top: 0 !important;
- padding-top: 0 !important;
- }
- /*Makes 1/3 columns go back to 1/3 */
- .home .grid, .home .grid-right {
- float:left;
- }
- #footer .grid, #footer .grid-right {
- float:left;
- }
- .page-id-24 .grid, .page-id-24 .grid-right {
- float:left;
- }
- .widget-title-home h3 {
- font-size: 1.2em;
- }
- .widgetgraf {
- font-size: .9em;
- }
- .home-widgets #text-3, .home-widgets #text-2, .home-widgets #text-8 {
- position: relative;
- height: 30em;
- }
- .widget-button {
- display: block;
- width: 75%;
- height: auto !important;
- position: absolute;
- bottom: 4em;
- left: 50%;
- margin-left: -85px !important;
- }
- .check {
- font-size: 2.2em;
- line-height: 1em;
- background-image: url('images/check.png');
- background-repeat: no-repeat;
- background-position: left-center;
- }
- #check-1 {
- display: block;
- position: absolute;
- bottom: .5em;
- left: 17%;
- }
- #check-2 {
- display: block;
- position: absolute;
- bottom: .5em;
- left: 12%;
- }
- #check-3 {
- display: block;
- position: absolute;
- bottom: .5em;
- left: 20%;
- }
- /* Changes type size on inside COMPAS page */
- #post-199 h3.value-header {
- font-size: 1.5em !important;
- margin: 0 0 0 .3em !important;
- padding-top: .2em;
- }
- #post-199 .values p {
- font-size: 1em !important;
- }
- #featured-image .fluid-width-video-wrapper {
- margin:20px 0 0 0;
- }
- img#compass-icon {
- display: none;
- }
- .mobile-hide {
- display: none;
- }
- /* Lessens top space over Consultation Form */
- #text-15 {
- margin-top: .5em;
- }
- img#ideal-building {
- width: 50%;
- height: auto !important;
- }
- #googlemap {
- margin-top: 0 !important;
- width: 100% !important;
- height: auto !important;
- }
- .page-template-blog-excerpt-php #recent-posts-3 {
- display: none !important;
- }
- .page-template-blog-excerpt-php #archives-2 {
- margin-top: 0 !important;
- margin-bottom: 1em !important;
- }
- /* @group Footer */
- #footer-wrapper .col-940 {
- border: 1px solid #ddd !important;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #485B8F;
- color: #fff;
- }
- #footer-wrapper .col-940 a, #footer-wrapper .col-940 a:visited {
- color: #fff;
- font-weight: 600;
- }
- #footer-wrapper .col-940 a:hover {
- color: #85AA30;
- }
- h2#footer-contact-header {
- padding: .75em 0 .45em 0 !important;
- margin: 0 !important;
- font-size: 1.4em !important;
- list-style-type: none !important;
- color: #fff;
- }
- h2.footer-header {
- padding: .8em 0 .5em 0 !important;
- margin: 0 !important;
- font-size: 1.6em !important;
- color: #fff;
- }
- .footerinside li a {
- font-size: 1em !important;
- }
- /* Three Footer Widgets */
- #brand-front {
- position: relative;
- padding: 0 0 0 2em;
- }
- #blog-front {
- padding: 0 1em 0 0;
- }
- #newsletter-front {
- position: relative;
- padding: 0 0 0 0;
- float: right;
- margin: 0 !important;
- }
- #brand-front .street-address, #brand-front .locality, #brand-front .region, #brand-front .postal-code, #brand-front .tel, #brand-front .email {
- font-size: 1em;
- font-weight: 700;
- line-height: 1.8em;
- }
- #facewidget {
- margin-top: 3em;
- }
- img#fb-icon {
- display: inline;
- margin-top: -.8em;
- }
- h2#face-header {
- display: inline;
- margin-left: .25em !important;
- }
- p#face-graf {
- display: block;
- width: 90%;
- }
- #blog-front li ul li {
- margin-left: -.8em;
- font-size: 1.2em;
- padding-bottom: .2em;
- text-shadow: #000000 0 0 0;
- }
- #blog-front li ul li {
- line-height: 1.8em;
- border-bottom: 1px solid #999;
- list-style-image: url(images/bullet.png) !important;
- }
- #copyright {
- display: block;
- margin: 1.5em 0;
- }
- /* @end */
- }
- /* I N B E T W E E N 9 0 0
- ===============================================
- Target Width: 480px, with percentages and ems.
- */
- @media screen and (max-width: 900px) {
- }
- /* I N B E T W E E N 7 6 8
- ===============================================
- Target Width: 480px, with percentages and ems.
- */
- @media screen and (max-width: 768px) {
- }
- /* P H O N E - L A N D S C A P E
- ===============================================
- Target Width: 480px, with percentages and ems.
- */
- @media screen and (max-width: 650px) {
- body {
- margin-bottom: 1em !important;
- background-color: #0f2d40 !important;
- background-image: none !important;
- }
- #header #logo {
- float:left;
- margin-bottom: 1em;
- }
- #menu-utility {
- float: right;
- margin: 0 !important;
- padding: 0 !important;
- }
- ul#utility-menu li {
- float: left;
- list-style: none;
- padding-left: 1em;
- }
- #utility-menu {
- float: right;
- margin: .5em 0 0 0;
- }
- #utility-menu li {
- display:inline;
- list-style-type:none;
- }
- /* Adds Facebook logo upstop */
- li#facebook-top {
- display: inline;
- }
- .contact-container {
- position: absolute;
- right: 0;
- top: 1em;
- font-size: 1.2em;
- /*22/16 px*/
- color:#fff;
- padding:0 0 0 0;
- margin:1em 0 0 0;
- }
- /* New Mobile Navigation */
- .js .sub-header-menu {
- display: none;
- }
- .js .main-nav {
- position: relative;
- height: 30px;
- background-color: #fff;
- clear: both;
- margin: 0 auto;
- }
- .js .main-nav .menu {
- display: none;
- position: absolute;
- width: 100%;
- top: 30px;
- z-index: 1000;
- }
- .js .main-nav .menu ul {
- margin-top: 1px;
- }
- .js .main-nav .menu li {
- float: none;
- background-color: #fff;
- border: none;
- }
- .js .main-nav .menu li a {
- color: #444;
- font-size: 13px;
- font-weight: normal;
- height: 45px;
- line-height: 45px;
- padding: 0 15px;
- border: none;
- border-bottom: 1px solid #f5f5f5;
- text-shadow: none;
- text-align: left;
- }
- .js .main-nav .menu li.current_page_item, .js .menu .current_page_item a, .js .menu .current-menu-item a {
- background-color: #f5f5f5;
- }
- .js .main-nav .menu li li:hover {
- background: none!important;
- }
- .js .main-nav .menu li li a {
- position: relative;
- padding: 0 10px 0 30px;
- }
- .js .main-nav .menu li li li a {
- position: relative;
- padding: 0 10px 0 40px;
- }
- .js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {
- background-image: none;
- filter: none;
- background-color: #f5f5f5!important;
- }
- .js .main-nav .menu li li a::before {
- content:'\2013';
- position: absolute;
- top: 0;
- left: 20px;
- }
- .js .main-nav .menu li li li a::before {
- content:'\2013';
- position: absolute;
- top: 0;
- left: 20px;
- }
- .js .main-nav .menu li li li a::after {
- content:'\2013';
- position: absolute;
- top: 0;
- left: 30px;
- }
- .js .main-nav .menu li ul {
- position: static;
- visibility: visible;
- background-color: #fff;
- }
- .js .main-nav #responsive_current_menu_item {
- position: absolute;
- display: block;
- top: 5px;
- left: 15px;
- color: #fff;
- font-weight: 700;
- }
- .js .main-nav a#responsive_menu_button {
- position: absolute;
- display: block;
- top: 0;
- left: 100%;
- height: 30px;
- width: 23px;
- margin-left: -30px;
- background: url('images/select-icons.png') 0 5px no-repeat;
- }
- .js .main-nav a#responsive_menu_button.responsive-toggle-open {
- background: url('images/select-icons.png') 0 -46px no-repeat;
- }
- .top-menu, .footer-menu li {
- float: none;
- font-size: 11px;
- text-align: center;
- }
- .tinynav {
- display: block;
- margin:0 auto;
- width:100%;
- }
- .sb-holder {
- display: block;
- background-color: #fff;
- margin-top: 8.5em;
- }
- #author-meta {
- padding: 20px;
- }
- .hide-650 {
- display: none;
- }
- .show-650 {
- display: block;
- }
- /* End Navigation */
- .contact-icon {
- display: none !important;
- }
- h1.featured-title {
- font-size: 2.8em !important;
- letter-spacing: .03em;
- }
- h2.featured-subtitle {
- font-size: 1.8em !important;
- letter-spacing: .03em;
- }
- h2#contact-header {
- font-size: 1em !important;
- margin-top: .5em !important;
- }
- #featured-inner-wrapper {
- padding-bottom: 1em;
- margin-bottom: 0em;
- }
- #featured-text p {
- width: 90% !important;
- font-size: 1em !important;
- line-height: 1.4em;
- padding: 0 !important;
- margin: 1em !important;
- }
- .call-to-action {
- width: 100% !important;
- margin: 0 !important;
- padding: 0 !important;
- text-align: center !important;
- }
- .home-widgets {
- margin-top: 1.5em !important;
- }
- .grid, .grid-right {
- float:none;
- }
- .home .grid, .home .grid-right {
- float:none !important;
- }
- #footer .grid, #footer .grid-right {
- float:none !important;
- }
- .page-id-24 .grid, .page-id-24 .grid-right {
- float:none !important;
- }
- #featured-image .fluid-width-video-wrapper {
- margin:20px 0 0 0;
- }
- .home-widgets #text-3, .home-widgets #text-2, .home-widgets #text-8 {
- position: relative;
- height: auto !important;
- }
- .home-widgets #text-8 {
- margin-bottom: 2em;
- }
- .home-widgets h3 {
- font-size: 2em !important;
- }
- #check-1 {
- display: block;
- position: absolute;
- bottom: .5em;
- left: 1em;
- }
- #check-2 {
- display: block;
- position: absolute;
- bottom: .5em;
- left: 1em;
- }
- #check-3 {
- display: block;
- position: absolute;
- bottom: .5em;
- left: 1em;
- }
- span.word {
- }
- p.widgetgraf {
- margin-bottom: 2em;
- }
- .widget-button {
- display: none !important;
- }
- .frontwidgpix {
- display: none !important;
- }
- img#ideal-building {
- display: none !important;
- }
- .top-menu li {
- float:right;
- text-align:right;
- }
- .top-menu, .footer-menu li {
- float:none;
- text-align:center;
- }
- .sb-selector:link, .sb-selector:visited, .sb-selector:hover {
- color: #000;
- font-size: 12px;
- font-weight: 700;
- outline: none;
- text-decoration: none;
- text-shadow: none;
- }
- /* Our Team */
- .employee-pic img {
- display: none !important;
- }
- h2.empl-name {
- font-size: 1.1em !important;
- }
- .empl-title {
- font-size: .9em !important;
- }
- .phone-hide {
- display: none;
- }
- .phone-p {
- margin: 0;
- }
- #footer {
- text-align:center;
- }
- #blog-front {
- display: none;
- }
- #footer .social-icons {
- text-align:center;
- }
- /*Email Newsletter */
- #text-17 table, #text-17 th, #text-17 td {
- border: 0px;
- padding: 0 0 1em 0;
- }
- #text-17 table {
- width: 40em;
- }
- td#news-col1 {
- width: 32%;
- }
- td#news-col2 {
- width: 68% !important;
- }
- #newsletter-front h2.footer-header {
- font-size: 1.8em !important;
- padding-bottom: 0 !important;
- margin: 0 0 .2em 0 !important;
- }
- p#newsletter-graf {
- display: inline-block;
- width: 96%;
- text-align: left;
- }
- input.news-button {
- display: inline-block;
- text-align: left;
- float: left;
- }
- #copyright {
- display: inline-block;
- margin-top: 1em;
- float: none;
- text-align: center !important;
- }
- #footer-wrapper .col-940 {
- margin-top: 1em;
- border: 0px solid #ddd !important;
- -webkit-border-radius: 5;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background-color: #485B8F;
- color: #fff;
- }
- #facewidget {
- display:none
- }
- }
- /* P H O N E - P O R T R A I T
- ===============================================
- Target Width: 320px, with percentages and ems.
- */
- @media screen and (max-width: 480px) {
- body {
- }
- #header #logo {
- float:left;
- margin: 2.5em 0 1em 0;
- }
- h1.featured-title {
- font-size: 3.5em;
- margin: .2em 0 0 0 !important;
- padding: 0 !important;
- text-align: center;
- }
- h2.featured-subtitle {
- font-size: 1.6em !important;
- padding: 0 !important;
- margin: .5em 0 1em 0 !important;
- text-align: center;
- }
- #featured-image {
- display: none;
- }
- .call-to-action {
- margin-left: 0em !important;
- }
- .home-widgets h3 {
- font-size: 1.4em !important;
- }
- h1.post-title {
- margin: .5em 0 .5em 0 !important;
- font-size: 1.3em;
- }
- .page h2 {
- font-size: 1em !important;
- }
- .widget-title {
- font-size: 1.1em !important;
- margin-bottom: 0;
- padding-bottom: .5em;
- }
- h1#blog {
- font-size: 1.2em;
- }
- h1.post-title {
- font-size: 1.3em;
- }
- h2.post-title {
- font-size: 1.1em;
- }
- #menu-utility {
- float: right;
- margin: 0 !important;
- padding: 0 !important;
- }
- .top-menu li a {
- border-left: none;
- color: #fff;
- font-size: .8em !important;
- font-weight: 800;
- padding: 0 .4em;
- }
- .contact-container {
- position: absolute;
- right: 0;
- top: 1em;
- width: auto !important;
- height: auto !important;
- padding:0 0 0 0;
- margin: .75em 0 0 0;
- font-size: 1em;
- /*22/16 px*/
- color:#fff;
- text-align: right;
- }
- /* menu add */
- .navigation .next, .navigation .previous {
- display: block;
- margin: 0 auto;
- text-align: center;
- }
- .menu ul, .menu li, .top-menu, .footer-menu li, .sub-header-menu li {
- float: none;
- text-align: center;
- text-rendering: optimizeSpeed;
- }
- .hide-480 {
- display: none;
- }
- .show-480 {
- display: block;
- }
- .check {
- font-size: 1.5em;
- line-height: 1.4em;
- }
- /* Email Newsletter */
- #text-17 table {
- width: 22em !important;
- }
- p#newsletter-graf {
- display: inline-block;
- width: 95%;
- text-align: left;
- }
- input.news-button {
- display: inline-block;
- text-align: left;
- float: left;
- }
- /* Consultation Form */
- #text-15 {
- margin-top: -1em;
- }
- /* Contact Page */
- h2#contact-header {
- margin-bottom: .5em !important;
- font-size: 1.2em !important;
- }
- td#contact-col1 {
- width: 35%;
- }
- td#contact-col2 {
- width: 65%;
- }
- .grid, .grid-right {
- float:none;
- }
- #featured-image .fluid-width-video-wrapper {
- margin:20px 0 0 0;
- }
- .menu li, .footer-menu li, .sub-header-menu li {
- float:none;
- text-align:left;
- }
- #footer {
- text-align:center;
- }
- img#compass-icon {
- display: none;
- }
- #footer .social-icons {
- text-align:center;
- }
- }
- /* @end */
- a {
- outline: 0 !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement