/* Theme Name: AnxietyControlCenter Theme URI: http://www.graphictechnique.com Description: Custom WordPress theme for Dogwood Home and Design. Designed by Graphic Technique. Version: 1.0 Author: Chris Frishe Author URI: http://www.graphictechnique.com */ @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500); @import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700|Varela+Round'); /* ==================== Layout ================== */ /*html, body {height:100%;overflow:auto}*/ #top {width:100%;margin:0;/*margin-bottom:350px;*/} #top .content {max-width:1000px;margin:0px auto;padding:0px; } #top .section {padding:0px; } #top .callinfo {text-align:right; } #logo {width:90%;display:inline-block;opacity:1.0 !important;filter:alpha(opacity=100) !important;} .logo-txt {padding-left:55%;} .logo-style {margin-top:-160px !important; text-shadow: -6px 0 4px #427d80, 0 6px 4px #427d80, 6px 0 4px #427d80, 0 -6px 4px #427d80;} .head-img {width:100%;margin-top:-10px;} .contact-button {position:fixed;right:0;top:25%;z-index:2500;} .contact-button2 {position:fixed;right:0;top:17%;z-index:2500;} .head-left {width:80%;float:left;padding-top:0px;margin:0;display:inline-block;} .social {display:inline-block;position:relative;z-index:500;float:right;vertical-align:middle;} .head-phone-l {color:#5e8e77; text-align:left; font-size:20px;} .head-phone-r {color:#5e8e77; text-align:right; font-size:20px;} .head-bottom {width:100%;background-color:#fff;} .head-bottom .content {padding:10px;} .head-bottom .contact { float:right;text-align:center;margin-top:5px;} .head-bottom .contact h2 {color:#fff;} #menu {width:100%;height:45px;display:inline-block;vertical-align:top;} #menu .content {width:100%;padding:0;} #menu .menu {width:100%;float:none;vertical-align:top;z-index:50;} #menu .search {border-right:1px solid #fff;display:inline-block;float:right;position:relative;z-index:1000;margin-top:15px;vertical-align:middle;margin-right:5px;padding-right:5px; } .shadow-sm {width:100%;height:20px;background:url(images/shadow-sm.png) no-repeat;background-size:100% 100%;position:relative;z-index:0;} .shadow-lg {width:100%;height:55px;background:url(images/shadow-lg.png) no-repeat;background-size:100% 100%;position:relative;z-index:0;} .menubar {position:fixed;width:100%;z-index:300;height:52px;background-color:#000;} .follow {position:fixed;width:100%;z-index:300;height:45px;background-color:#5e8e77;-webkit-transition: height 1s;-moz-transition: height 1s;transition: height 1s;opacity:.95;filter:alpha(opacity=95);} .follow-on {position:fixed;width:100%;z-index:300;background-color:#5e8e77;top:0;height:45px;-webkit-transition: height 1.2s;-moz-transition: height 1.2s;transition: height 1.2s; opacity:0.95;filter:alpha(opacity=95); } body.admin-bar .follow-on { top: 32px !important; } /* Key Frames ---------------------------------------------------- */ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .follow-on #logo {margin-top:10px;width:260px;height:65px;-webkit-transition: height 1.2s;-moz-transition: height 1.2s;transition: height 1.2s;-webkit-transition: width 1.2s;-moz-transition: width 1.2s;transition: width 1.2s;} .follow-on .head-left {margin-top:2px;-webkit-transition: margin-top 1.2s;-moz-transition: margin-top 1.2s;transition: margin-top 1.2s;position:relative;z-index:10;} .follow #logo {margin-top:15px;width:300px;height:60px;-webkit-transition: width 1s;-moz-transition: width 2s;transition: width 1s;-webkit-transition: height 1s;-moz-transition: height 1s;transition: height 1s;} .follow .head-left {margin-top:2px;-webkit-transition: margin-top 1s;-moz-transition: margin-top 1s;transition: margin-top 1s;position:relative;z-index:10;} .follow .tree-only {display:none; } .follow-on .tree-only {width:66px;height:55px;background:url(images/dogwood-tree.png) no-repeat;background-size:contain;display:inline-block;vertical-align:middle;margin-top:5px;float:left;} .follow .social {margin-top:4px;-webkit-transition: margin-top 1s;-moz-transition: margin-top 1s;transition: margin-top 1s;} .follow-on .social {margin-top:4px;-webkit-transition: margin-top 1s;-moz-transition: margin-top 1s;transition: margin-top 1s; } .home-slide {width:100%;height:450px;margin:0;padding-bottom:0px;background-size:100% !important; background-attachment: fixed !important;text-align:center;position:relative; } .down-image-mask {width:100%;position:absolute;bottom:0;z-index:50;padding:0;} .down-image-mask img {margin-bottom:-10px;} .home-slide .tag {width:50%;height:auto;background-color:#6d6e71;opacity:0.95;filter:alpha(opacity=95);color:#fff;font-size:30px;line-height:30px;font-weight:bold;text-align:right;position:absolute;bottom:40%;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-border-bottom-right-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-bottom-right-radius:8px;-moz-border-top-right-radius:8px;} .contact-slide {POSITION: relative;padding-left:80px;padding-top:20px;padding-bottom:10px;z-index: 1000;width:500px;height:331px;margin-top:-368px;padding-right:20px;} .tag .content {width:90%;} .slide-content h1 {color:#fff;} .feature-area {width:20%;display:inline-block;margin:1%;overflow:hidden;position:relative;z-index:0;text-align:center;border:1px solid #5e8e77;box-shadow:0px 2px 5px #808285;} .feature-area img {width:100%;} .feature-area-int {margin:20px;} .feature-area h3 {font-size:18px;width:auto;background-color:#5e8e77;position:absolute;left:20px;right:20px;bottom:20px;padding:2%;font-weight:normal;vertical-align:middle;text-transform:uppercase;color:#fff;text-align:center;} .feature-area h3:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .feature-area h3:after { border-bottom-color: #5e8e77; border-width: 19px; left: 50%; margin-left: -19px; } .feature-area h3:before { border-bottom-color: #5e8e77; border-width: 20px; left: 50%; margin-left: -20px; } .feature-area a:hover {text-decoration:none;} .feature-area:hover { -webkit-filter: drop-shadow(0px 0px 2px #d3c3a7); filter: drop-shadow(0px 0px 2px #d3c3a7);} .content {width:95%;margin:0px auto;padding:20px;} .content-box {padding:20px 20px/*20px;background-color:#fff*/;background:rgba(255, 255, 255, 0.75);border:0px solid #5e8e77;/*box-shadow:0px 2px 5px #808285;*/} #slider1 {text-align:center;} #slider1 .slide {display:inline-block !important;vertical-align:middle;text-align:center;} #slider1 .slide img {width:60%;height:auto;display:inline-block !important;vertical-align:middle;} .video-box, .video-box2 {display:inline-block;margin:0 2% 2% 2%;overflow:hidden;position:relative;z-index:0;text-align:center;border:1px solid #5e8e77;} .video-box h3 {font-size:18px;text-transform:uppercase;width:100%;background-color:#5e8e77;position:relative;bottom:0;padding:10px;font-weight:normal;vertical-align:middle;;color:#fff;text-align:center;margin-top:-10px;} .video-box2 h3 {font-size:18px;text-transform:uppercase;width:100%;background-color:#fff2a2;position:relative;bottom:0;padding:10px;font-weight:normal;vertical-align:middle;;color:#5e8e77;text-align:center;margin-top:-10px;border-top:1px solid #5e8e77;} .feature-post-img {width:100%;height:250px;overflow:hidden;border:1px solid #5e8e77;margin-bottom:10px;position:relative;} .feature-post-img img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; max-width:100%; height:auto; } /* ================== page sections ================== */ #wrapper {overflow: hidden; } #section {width:100%;position:relative;z-index:10;padding-bottom:20px;} #section2 {width:100%;position:relative;z-index:10;padding-bottom:20px;/*background-size:100% auto;background:url(images/customer-section-background.jpg) center center no-repeat;*/} .section, .section-sm {width:70%;position:relative;z-index:10;margin:0px auto;} .section .content, #section .content { padding:40px 20px !important;} #sec1 .content {padding:19px 0px !important;width:100%;} .section .content-head, #section .content-head { padding:20px 20px !important;} .section .content-after { padding:20px 40px;} #top .section .content {padding:0px !important;} .sidegrade {margin-top:-120px;z-index:0; } .sidegrade-col1-pad { padding-top:60px;} /*.section h2, #section h2 {text-align:center; font-size:38px;line-height:40px;margin:0;} .section h3, #section h3 {text-align:center; font-size:28px;line-height:30px;margin-bottom:20px;}*/ /* ================== woo commerce ================== */ .product_tile {width:160px;text-align:center;margin:1%;display:inline-block;vertical-align:top;text-transform:uppercase;} .product_tile img {margin-bottom:10px;} .product #tab-description h2 {display:none;} .product .tabs {display:none;} .product .images {display:inline-block;width:40%;float:left;margin-right:30px;} .product .images img {width:100%;height:auto;border:1px solid #000; } .product .qty {padding:10px;max-width:30px;} .product .quantity {display:inline-block !important;margin-right:10px; } .product .single_add_to_cart_button {padding:10px;background-color:#000;color:#fff;border-radius:5px;border:none;display:inline-block !important;} .product .price {font-size:24px;font-weight:bold;} .product .product_meta {display:none;} .product .value select {padding:10px;width:155px; } .product .label {display:none;} .lbp-inline-href-1 {width:80% !important;} .prod-title {font-size:28px; font-family:"Myriad Pro", Helvetica, Arial, sans-serif;} .prod-price {font-size:24px;line-height:12px;font-family:"Myriad Pro", Helvetica, Arial, sans-serif; } #prod_detail.col1 {width:67%;padding:1% 1% 0 1%;position:relative;margin-bottom:10px; } #prod_detail.col2 {width:27%;padding:1% 1% 0 1%;position:relative;margin-bottom:10px; } #prod_detail {height:auto;} #prod_detail .content {position:relative} #prod_detail .thumbarea {display:inline-block;width:25%;vertical-align:top; } #prod_detail .hero {display:inline-block;width:60%;margin-left:30px;vertical-align:top; } #prod_detail img {height:auto;} .detail_thumb {width:110px;height:120px;float:left;margin:8px;margin-left:1; } .detail_thumb:last-child {margin-right:0;} .detail_thumb img {width:auto;height:100% !important;border:1px solid #ccc;} .detail_thumb {text-align:center;} #prod_detail .share {float:left;text-align:left;width:130px;margin-left:10px;margin-top:10px;} #other_items {clear:left; margin:0;padding:0;position:relative;text-align:center;/*left:50%;*/} #other_items .product_tile {width:auto;display:inline-block;margin:0;padding:0;position:relative;/*right:50%;*/padding:0px 20px;} ul.products {list-style-type:none;margin:0;padding:0; } ul.products li.product {display:inline-block;margin:20px;width:28.5%;vertical-align:top;} ul.products li:first-child.product, ul.products li:nth-child(4).product, ul.products li:nth-child(7).product, ul.products li:nth-child(10).product {margin-left:0;} ul.products li:nth-child(3).product, ul.products li:nth-child(6).product, ul.products li:nth-child(9).product, ul.products li:nth-child(12).product {margin-right:0;} ul.products li.product img {width:100%;height:auto;border:1px solid #000;} ul.products li.product a {color:#000;text-decoration:none;} ul.products li.product .add_to_cart_button, .woocommerce-result-count, .woocommerce-ordering, .woocommerce-breadcrumb {display:none;} .woocommerce-ordering {margin-top:10px;} img.attachment-shop_catalog {width:auto;} /*.related h2 {border-top:1px solid #ccc;padding-top:20px;}*/ .related h2 {display:none;} .related ul.products li.product img {width:Auto !important;height:auto;border:1px solid #000;} .related .products {display:none;} #nav {margin-top:20px;} ul.products li.product .variation_form_section {width:55%;float:left;height:30px;overflow:hidden !important;} ul.products li.product .price {width:20%;float:right;} /* ================== colors ================== */ .gradient-grey {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,ffffff+50 */ background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .orange {background-color:#d87204;} .teal {background-color:/*#5fb4b8*/#5e8e77;} .ltteal {background-color:/*#d6efe6*/#cde1b7;} .yellow {background-color:#fff2a2;} .red {background-color:#aa273d;} .white {background-color:#fff;} .grey {background-color:#6d6e71;} .ltgrey {background-color:#e6e7e8;} .black {background-color:#000} .teal-txt {color:#5e8e77;} .ltteal-txt {color:#d6efe6;} .yellow-txt {color:#fff2a2; } .red-txt {color:#aa273d;} .white-txt {color:#fff;} .grey-txt {color:#6d6e71;} .transparent {opacity:0.85;filter:alpha(opacity=85); } .solid {opacity:1.0;filter:alpha(opacity=100); } .section .white-txt h1, .section .white-txt h2, .section .white-txt h3, .section .white-txt h4, .section .white-txt h5 {color:#fff !important;} .section .white-txt a { color:#fff !important;} /* ========================================================================== Waypoints ========================================================================== */ .wp1l, .wp1r, .wp1u, .wp1d, .wp2l, .wp2r, .wp2u, .wp2d, .wp3l, .wp3r, .wp3u, .wp3d, .wp4l, .wp4r, .wp4u, .wp4d, .wp5l, .wp5r, .wp5u, .wp5d, .wp6l, .wp6r, .wp6u, .wp6d, .p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9, .p10, .p11 { visibility: hidden; } .bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; } .delay-05s { animation-delay: 0s; -webkit-animation-delay: 0s; } .delay-105s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } .delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; } .delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; } .delay-205s { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; } .delay-03s { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .delay-09s { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; } .delay-102s { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; } .delay-105s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } .delay-108s { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; } .delay-201s { animation-delay: 2.1s; -webkit-animation-delay: 2.1s; } .delay-204s { animation-delay: 2.4s; -webkit-animation-delay: 2.4s; } .delay-207s { animation-delay: 2.7s; -webkit-animation-delay: 2.7s; } .delay-300s { animation-delay: 3s; -webkit-animation-delay: 3s; } .delay-303s { animation-delay: 3.3s; -webkit-animation-delay: 3.3s; } .delay-306s { animation-delay: 3.6s; -webkit-animation-delay: 3.6s; } .delay-309s { animation-delay: 3.9s; -webkit-animation-delay: 3.9s; } .delay-402s { animation-delay: 4.2s; -webkit-animation-delay: 4.2s; } .delay-405s { animation-delay: 4.5s; -webkit-animation-delay: 4.5s; } /* ================== inside pages ================== */ .inside-grade {width:100%;height:400px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e8e77+0,5e8e77+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(96,57,19,1) 0%, rgba(96,57,19,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(96,57,19,1) 0%,rgba(96,57,19,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(96,57,19,1) 0%,rgba(96,57,19,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e8e77', endColorstr='#005e8e77',GradientType=1 ); /* IE6-9 */ } .inside-slide {width:100%;height:300px;margin:0;padding-bottom:0px;background-size:100% auto !important;background-position:center;background-attachment: fixed !important;text-align:center;position:relative;box-shadow:0px 5px 5px #555;z-index:100; } .inside-slide .tag {width:50%;height:auto;background-color:#6d6e71;opacity:0.95;filter:alpha(opacity=95);color:#fff;font-size:30px;line-height:30px;font-weight:bold;text-align:left;position:absolute;right:0;bottom:40%;border-top-left-radius:8px;border-bottom-left-radius:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-top-left-radius:8px;-moz-border-bottom-left-radius:8px;-moz-border-top-left-radius:8px;} .col1 {width:70%;display:inline-block;float:left;margin:20px 0px 20px 0px; vertical-align:top; } .col2 {width:25%;display:inline-block;float:right;margin:20px 28px 20px 0px; vertical-align:top;} #tabs-1{font-size: 14px;background-color:transparent;border:none;} .sidebar {width:98%;border-top:8px solid #5e8e77;margin-top:30px;padding:1%;text-align:left !important;} /*.sidebar:first-child {margin-top:0;}*/ .sidebar .content {width:99%;padding:20px 0 20px 0 !important;} .sidebar h3 {width:95%;padding:2%;text-align:center !important; } ul.checkmark {list-style-type:none;padding-left:0;color:#ccc;margin:10px;text-indent:-18px;} ul.non-checkmark {list-style-type:none;padding-left:0;color:#666;margin:10px;text-indent:-18px;} ul.checkmark li:before { content:"\2713\0020";color:#f34917; } ul.non-checkmark li:before { content:"\2715\0020";color:#666; } /* ================== blog pages ================== */ /* ================== footer section ================== */ .photo-bar {width:100%;height:auto;border-top:8px solid #d3e9f2;margin-bottom:-5px;} #footer {width:100%;background-color:/*#d6efe6*/#cde1b7;color:#808285;text-align:center;marign-top:0; } #foot_menu {width:100%;margin:0px auto;text-align:center;display:inline-block;vertical-align:top;position:relative;z-index:1;} #foot_menu .menu {height:130px;float:none;margin:0;display:inline-block;padding:0;text-align:left;} #foot_menu .menu ul {margin:0;padding:0;position:relative;} #foot_menu .menu ul li {display:block;float:left; list-style:none;margin:0;padding:0;position:relative;margin-right:20px;} #foot_menu .menu li {float:left;color:#fff;list-style:none;height:20px;position:relative;margin-right:25px; font-size:13px; } #foot_menu .menu ul li a {color:#fff !important;text-decoration:none;font-weight:bold;text-transform:uppercase;height:25px;display:block;margin:0 0 0 1px;padding:0px 8px;white-space: nowrap;} #foot_menu .menu ul li a:Hover {text-decoration:underline;} #foot_menu .menu ul ul { display:block;position: relative; left: 0; z-index:20000; } #foot_menu .menu ul ul li { position:relative;float:none; height:15px; } #foot_menu .menu ul li ul.sub-menu li.menu-item a { margin-left:0px;color:#fff;font-weight:normal;height:20px;padding-top:2px;line-height:12px;font-size:13px;text-transform:none;} .bottom-bar {width:100%;background-color:#d3e9f2;} #footer .logo {width:300px;margin:0px auto;} #footer .logo img {margin-bottom:15px;} #footer .contact {display:inline-block;text-align:center;width:35%;color:#5e8e77;padding:20px;vertical-align:bottom;} #footer .social {display:inline-block;margin:auto;vertical-align:bottom;float:none;padding:20px;width:55%;text-align:right;} /*#footer .copyright {color:#5e8e77;font-size:12px;text-align:right;padding:10px 0;display:inline-block;float:right;margin-top:10px;}*/ #footer .copyright {font-size:14px;} #footer a {color:#5e8e77 !important;} /* ==================== content ================== */ body {margin:0;padding:0;/*font-family: 'Varela Round', sans-serif;*/font-family: 'Comfortaa', cursive; /*font-family: 'Roboto', sans-serif;*/font-size:15px;color:#6d6e71;line-height:24px;background:url(images/ACC-yellow-green-back.jpg)top center;background-size:100%;background-attachment:fixed; } h1 {font-size:36px;color:#5e8e77;font-weight:normal;line-height:42px;margin-top:0px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";} h2 {font-size:28px;color:#5e8e77;font-weight:normal;line-height:32px;margin-top:0px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";} a {color:#5e8e77;text-decoration:none;} a:hover {text-decoration:underline;} h3 {font-size:24px;color:#5e8e77;font-weight:normal;margin:0px;line-height:28px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";} h4 {font-size:18px;color:#5e8e77;font-weight:bold;margin:0px;line-height:22px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";} h5 {font-size:16px;color:#000;font-weight:bold;margin-bottom:5px;line-height:16px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";} h6 {font-size:14px;color:#000;font-weight:bold;margin:0px;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";} .transparent {opacity:0.8;filter:alpha(opacity=80); } .solid {opacity:1.0;filter:alpha(opacity=100); } .font72 {font-size:72px;line-height:80px;} .font60 {font-size:60px;line-height:65px;} .font48 {font-size:48px;line-height:52px;} .font36 {font-size:36px;line-height:40px;} .font30 {font-size:30px;line-height:36px;} .font24 {font-size:24px;line-height:30px;} .font20 {font-size:20px;line-height:28px;} .font18 {font-size:18px;line-height:24px;} .font16 {font-size:16px;line-height:22px;} .col-two-third {display:inline-block;width:60%;margin:2%;vertical-align:middle;text-align:left; } .col-half {display:inline-block;width:45%;margin:2%;vertical-align:middle;text-align:left; } .col-third {display:inline-block;width:28%;margin:2%;vertical-align:middle; text-align:left; } .col-quarter {display:inline-block;width:20%;margin:2%;vertical-align:middle; text-align:left; } .col-three-quarter {display:inline-block;width:70%;margin:2%;vertical-align:middle; text-align:left; } .col-two-third img, .col-half img, .col-third img, .col-quarter img {max-width:100%;} .inline {display:inline-block; } .aligntop {vertical-align:top; } .alignmiddle { vertical-align:middle; } .alignbottom { vertical-align:bottom; } .left {float:left;} .right {float:right;} .clear {clear:both;} .center {margin:0px auto;} .padding {padding:10px;} .padding-tb {padding:10px 0 10px 0 !important;} .margin {margin:10px;} .uppercase {text-transform:uppercase;} .radius {-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .inline {display:inline-block;} .middle {vertical-align:middle;} .uppercase {text-transform:uppercase;} .bold {font-weight:bold;} .block {display:block;width:96%; } .vertical-top {vertical-align:top;} .padding-zero {padding:0px !important } .margin-zero {margin:0px !important } .margin-bottom {margin-bottom:10px;} .margin-top {margin-top:30px;} .display-none {display:none;} .circle {border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin:20px;overflow:hidden;} .avatar {float:right;margin:15px; } .margin-zero {margin:0px !important } .margin-bottom {margin-bottom:10px;} .btn {background-color:#09477b;} .button {display:inline-block;padding:2% 5%; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;*/} .white-border {border:1px solid #fff;} .blue-border {border:1px solid #045da7;} .grey-border {border:1px solid #ccc; } .border-bottom {border-style:solid;border-width: 0 0 1px 0;} .border-teal {border-color:#5e8e77;} .border-ltteal {border-color:#d6efe6;} .border-yellow {border-color:#fff2a2;} .border-black {border-color:#000;} .border-grey {border-color:#6d6e71;} .border-ltgrey {border-color:#e6e7e8;} .border-top-teal {border-top:10px solid #5e8e77;} .border-top-ltteal {border-top:10px solid #d6efe6;} .border-top-yellow {border-top:10px solid #fff2a2;} .border-top-black {border-top:10px solid #000;} .border-top-grey {border-top:10px solid #6d6e71;} .border-top-ltgrey {border-top:10px solid #e6e7e8;} .border {border-width:1px;border-style:solid;} .alt {margin-bottom:20px;width:auto; } .alt2 {margin-bottom:20px;width:auto; } .sidemargin {margin:0 .5%; } .sidemargin-border {margin:0 .5%;border-left:1px solid #908f94;border-right:1px solid #908f94; } .alignleft, .text-left {text-align:left;} .aligncenter {text-align:center;} .text-center {text-align:center;} .alignright, .text-right {text-align:right;} .spacer-bottom {margin-bottom:60px;} .spacer{display:block; height:1px;width:100%;margin-top:60px;} .text-white { color:#fff;} .facebook {width:30px;height:30px;background:url(images/fb-icon.png) no-repeat;margin:5px 5px 5px 2px;float:right;background-size:90%;} .twitter {width:30px;height:30px;background:url(images/twitter-icon.png) no-repeat;margin:5px 5px 5px 2px;float:right;background-size:90%;} .rss {width:30px;height:30px;background:url(images/rss-icon.png) no-repeat;margin:5px 5px 5px 2px;float:right;background-size:90%;} .youtube {width:30px;height:30px;background:url(images/yt-icon.png) no-repeat;margin:5px 5px 5px 2px;float:right;background-size:90%;} .linkedin {width:30px;height:30px;background:url(images/li-icon.png) no-repeat;margin:5px 5px 5px 2px;float:right;background-size:90%;} .google {width:30px;height:30px;background:url(images/google-icon.png) no-repeat;margin:5px 5px 5px 2px;float:right;background-size:90%;} .email{width:30px;height:30px;background:url(images/email-icon.png) no-repeat;margin:5px 5px 5px 2px;float:right;background-size:90%;} .gate {text-align:center;} .gate .form-half {width:45%;display:inline-block;} .gate .form-third {width:29%;display:inline-block;margin:4px 0;} .gate .form-full {width:87%;display:inline-block;} .gate .right-margin {margin-right:11px;} .gate input[type="text"], .gate input[type="email"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: white; width: 92%; padding: 0.10em 0.67em; border: 1px solid #ccc; font-family: inherit; font-weight: inherit; font-size: inherit; min-height: 2.5em; margin: .25em 0 !important; } .gate textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: white; width: 92%; padding: 0.30em 0.67em; border: 1px solid #ccc; font-family: inherit; font-weight: inherit; font-size: inherit; min-height: 4.5em; margin: .25em 0 !important; } .gate select, .sidebar select { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: white; color:#666; width: 95%; padding: 0.63em 0.67em; border: 1px solid #ccc; font-family: inherit; font-weight: inherit; font-size: inherit; height:39px; margin: .25em 0!important; } .gate input[type="submit"] { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width: 95% !important; padding: 0.25em 0.67em !important; border: 0; font-family: inherit; font-weight: inherit; font-size: inherit; min-height: 2.75em; margin: .25em 0 !important; } .rotator {margin:10px;padding:0px 10px 10px 10px;border-top:1px solid #1C75BC;border-bottom:1px solid #1C75BC;width:240px;text-align:center; } .archive {color:#666;} ul.archive li a {color:#056839;text-decoration:none;} ul.archive {list-style-type:square;margin-left:-20px;margin-top:-10px;} .attachment-post-thumbnail{width:300px;height:auto; } #s {width:155px;padding: 5px;margin-top:1px;background-color:#E6E7E8;border:none;} input.s { background: url(images/search-icon.png) no-repeat right 2px; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 0; padding: 3px 25px 3px 0; height: 19px; color: #bbb; font-style: italic; margin: 0; border:none; border-color: transparent; cursor: pointer; text-indent: 25px; } input.s:focus { width: 100px; padding-left: 10px; border-color: #eaeaea; text-indent: 0; background: #ddd url(images/search-icon.png) no-repeat right 2px; opacity:0.7; filter:alpha(opacity=70); color:#000; } input[type="reset"], input[type="button"], input[type="submit"] { /*border: 1px solid #0596AF;*/ /* color: #fff; display:inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 25px; margin-bottom: 30px; padding: 0px 25px; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important;*/ cursor: pointer; } /* Menu */ .menu {padding-top:0px;margin-bottom:0px;margin-left:0px;} #menu .menu ul {margin-top:0px;padding:0; padding-top:0px; list-style-type:none; list-style-position:outside; position:relative;font-size:19px;line-height:40px;margin-left:1px;margin-right:1px;height:40px;display:inline-block;vertical-align:top;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";} #menu .menu li { float: left; display: block; position: relative; } #menu .menu ul li a {color:#fff;text-decoration:none;padding: 0px 14px;display:block;height:40px;font-weight:normal;padding-top:0px;border-left:1px solid #5e8e77;} #menu .menu ul li a:first-child {border-left:none;} #menu .menu ul li.current_page_item a, #menu .menu ul li.current_page_parent a, #menu .menu ul li.current_page_ancestor a{ height:30px;color:#fff;font-size:19px;font-weight:bold;} .follow #menu .menu ul li a:Hover { text-decoration:none;display:block;height:40px;background-color:/*#7ec5b8*/#a2b38f; color:#fff;} .follow-on #menu .menu ul li a:Hover { text-decoration:none;display:block;height:40px;background-color:/*#7ec5b8*/#a2b38f; color:#fff;} /*Drop Down*/ #menu .menu ul li ul.sub-menu li.menu-item a { color:#5e8e77;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);font-weight:normal; padding-left:10px;border:1px solid #5e8e77; white-space: nowrap;margin-left:-1px;margin-top:-1px;margin-right:-1px;height:25px;line-height:22px; padding-bottom:0; text-transform:capitalize;background-image:none;} #menu .menu ul li ul.sub-menu li.menu-item:first-child a {margin-left:-2px;} /*.follow-on #menu .menu ul li ul.sub-menu li.menu-item:first-child a {margin-top:19px;}*/ #menu .menu ul li ul.sub-menu li.menu-item a:Hover {background-color:/*#5fb4b8*/#a2b38f;color:#fff;font-weight:normal;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;margin-top:-1px;padding-top:0;padding-bottom:0;} #menu .menu ul li ul.sub-menu li.current-menu-item a, #menu .menu ul li ul.sub-menu li.current-page-ancestor a {background-color:/*#5fb4b8*/#a2b38f;color:#fff;font-weight:bold; } .follow #menu .menu ul ul {display: none; position: absolute; top:27px; left:1px; z-index:2000;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;} .follow-on #menu .menu ul ul {display: none; position: absolute; top:27px; left:1px; z-index:2000;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; } .follow #menu .menu ul ul li:first-child {padding-top:15px !important;margin-left:1px;} .follow-on #menu .menu ul ul li:first-child {padding-top:15px !important;margin-left:1px;} #menu .menu ul ul ul { left:100%; top: -1px; } #menu .menu ul ul li { float: none; border-width: 1px 1px 0px 1px; height:25px;text-align:left;position:relative;right:0;} #menu .menu ul li ul.sub-menu li ul.sub-menu li.menu-item a { color:#5fb4b8;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);font-weight:normal; padding-left:10px;height:20px;line-height:20px;border:1px solid #5fb4b8; } #menu .menu ul li ul.sub-menu li ul.sub-menu li.menu-item a:Hover {background-color:#5fb4b8;color:#fff;font-weight:normal;height:20px;line-height:20px;} #menu .menu ul li ul.sub-menu li ul.sub-menu li.current-menu-item a, #menu .menu ul li ul.sub-menu li ul.sub-menu li.current-page-ancestor a {background-color:#5fb4b8;color:#fff;font-weight:bold; height:20px;line-height:20px; } #menu .menu ul li:hover ul ul,#menu .menu ul li:hover ul li:hover ul ul { display: none; } #menu .menu ul li:hover ul, #menu .menu ul li:hover ul li:hover ul, #menu .menu ul li:hover ul li:hover ul li:hover ul { display: block;} /* Begin Typography & Colors */ #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ .post { margin: 0 0 40px; text-align: left; } .post hr { display: block; } /* End Structure */ /* Begin Headers */ /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; float: right; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; float: left; } /*.alignright { float: right; } .alignleft { float: left; }*/ /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { /*margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;*/ } html>body .entry li { margin: 7px 0 8px 10px; } #sidebar ul {list-style:none; padding-left:-20px;} .entry ul li:before, #sidebar ul ul li:before { /*content: "\00BB \0020";*/ } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s { width: 70px; padding: 1px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ /*text-align:center;*/ } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar { padding: 5px 0 10px 0; /* margin-left: 545px; */ width: 210px; } #sidebar form { margin: 0; } /* End Sidebar */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } /*hr { display: none; }*/ a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* Responsive Styles --------------------------------------------------*/ @media screen and (max-width: 2400px) { } @media screen and (max-width: 1600px) { } @media screen and (max-width: 1500px) { .col1 {width:63%;display:inline-block;margin:20px; vertical-align:top; } .col2 {width:23%;display:inline-block;margin:20px; vertical-align:top;} } @media screen and (max-width: 1200px) { .col1 {width:60%;display:inline-block;margin:20px; vertical-align:top; } .col2 {width:20%;display:inline-block;margin:20px; vertical-align:top;} } @media screen and (max-width: 1100px) { #menu .menu {min-width:auto;} .content {width:90%;height:auto;} #footer .content {width:85%;text-align:center;} #top .content {width:90%;} .wide-button {width:95%;margin:1% 0; } .follow-on #logo, .follow #logo {width:90%;float:none;} .follow-on #logo img, .follow #logo img {width:auto;} .head-right {width:90%;float:none;margin-top:0px;padding-top:0px;margin:auto;} .follow .head-right, .follow-on .head-right {margin-top:0px;margin-bottom:20px;} #menu .menu {float:none;} .follow {height:auto;text-align:center;} .follow-on {height:auto;text-align:center; } #menu .menu ul li a {padding: 0px 12px;} } @media screen and (max-width: 1000px) { /*.content {width:70%;} */ } @media screen and (max-width: 960px) { #top {text-align:left} .logo-txt {padding-left:0;} .logo-style {margin-top:-140px !important;} .social {float:none;} .follow, .follow-on {text-align:left;height:45px;opacity:1;filter:alpha(opacity=100);} .head-img {margin-top:-5px;} .follow-on #logo {-webkit-transition: height 0s;-moz-transition: height 0s;transition: height 0s;-webkit-transition: width 1.2s;-moz-transition: width 0s;transition: width 0s;} .follow-on .head-left {-webkit-transition: margin-top 0s;-moz-transition: margin-top 0s;transition: margin-top 0s;} .follow #logo {-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-transition: height 0s;-moz-transition: height 0s;transition: height 0s;} .follow .head-left {-webkit-transition: margin-top 0s;-moz-transition: margin-top 0s;transition: margin-top 0s;} .follow .social {margin-top:4px;-webkit-transition: margin-top 0s;-moz-transition: margin-top 0s;transition: margin-top 0s;} .follow-on .social {margin-top:4px;-webkit-transition: margin-top 0s;-moz-transition: margin-top 0s;transition: margin-top 0s; } #menu {text-align:right;height:auto;width:auto;} #menu .menu {width:100%;text-align:left;margin-bottom:20px;position:absolute;margin-left:15px;top:0px;} .follow #menu .menu ul, .follow-on #menu .menu ul {display:none;height:auto !important ;margin-top:59px;} #menu .menu ul li {padding:0 !important;height:auto !important ;border:1px solid #5fb4b8;} #menu .menu ul li a {display:block;height:auto !important ;margin:0px !important;margin-top:-1px; border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; color:#5fb4b8;} /*#menu .menu ul li:first-child a {border-top:0px solid #fff;margin-top:0px; }*/ .follow #menu .menu ul ul li:first-child {padding-top:0px !important;margin-top:0 !important; } .follow-on #menu .menu ul ul li:first-child {padding-top:0px !important;margin-top:0 !important; } #menu .menu ul li a:Hover {color:#fff;background:#5fb4b8;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;height:auto;margin-top:0;padding-top:0;padding-bottom:0;} #menu .menu ul li.current_page_item a, #menu .menu ul li.current_page_parent a, #menu .menu ul li.current_page_ancestor a{border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;height:auto;background:#5fb4b8; } #menu .menu ul li ul.sub-menu li.menu-item a { display:block;color:#5fb4b8;background-color:transparent;opacity:1;filter:alpha(opacity=100);padding-left:20px;border:0px solid #045da7; white-space: nowrap;height:auto;} #menu .menu ul li ul.sub-menu li.menu-item a:Hover {background-color:#5fb4b8;color:#fff;font-weight:normal;} #menu .menu ul li ul.sub-menu li.menu-item:first-child a {border-top:0px solid #000;margin-top:0 !important;} #menu .menu ul ul { display: block; top:0px !important; left:0px; position:relative !important; z-index:inherit;} #menu .menu ul li ul {margin-top:0 !important;padding-top:0 !important;} #menu .menu ul ul li { border-width: 1px 1px 0px 1px; height:auto;text-align:left;position:relative;right:0;border:0px solid #5fb4b8;} .follow .logo, .follow-on .logo {position:absolute;left:30px;z-index:100;} #nav { position:absolute; z-index:500; width:1.4em; display: block; background:/*#5fb4b8*/#5e8e77; color:#fff; font-size:1.35em; text-align: center; cursor:pointer; /*float:right;*/ top:-4px; right:0px; font-size:30px; padding:10px 5px 10px 5px; } #menu {width:100%;} .head-left {width:100%;position:absolute;margin-top:-60px !important;left:-20px;} #top .content {width:95%;padding-left:1%;padding-right:4%;} #mobile.js { display: none; } #menu .menu ul { width:98%; margin-left:5px; } #menu .menu li { width:98%; border-right:none; background-color:#e6e7e8; } .feature-area {width:86%; } .facebook, .twitter, .rss, .google, .houzz, .youtube, .linkedin, .email {float:none !important;display:inline-block;margin:5px 2px 5px 2px;} .tag {font-size:30px;margin-top:0;} .home-slide, .inside-slide {background-size:cover !important;} #foot_menu {display:none;} #menu .content {width:90% !important;} .contact-button2 {position:fixed;right:0;top:14%;z-index:2500;} } @media screen and (min-width: 960px) { #nav { display: none; } } @media screen and (max-width: 850px) { .head-phone-l, .head-phone-r {font-size:17px;} .logo-style {margin-top:-120px !important;} } @media screen and (max-width: 800px) { .col1, .col2 {width:90%;float:none;margin-left:0px; } .bx-wrapper .bx-pager {display:none;} .section .content, #section .content { padding:20px 20px !important;} .logo-style {margin-top:-110px !important;} .head-img {margin-top:20px;} body {background-position: center 25px;} } @media screen and (max-width: 700px) { #footer {text-align:center;} #footer .logo {float:none;margin:0px auto;} #footer .contact {float:none;text-align:center;width:100%;padding-top:20px;} #footer .social {float:none;display:inline-block;margin:auto;} /*#footer .copyright {display:inline-block;float:none;margin-top:10px;}*/ #footer .copyright {font-size:16px;} .gate .form-third {width:94%;} } @media screen and (max-width: 650px) { .head-bottom {text-align:center;} .head-bottom .social {float:none;text-align:center;} .head-bottom .contact { float:none;} /*.content {width:80%;padding:20px 20px !important;}*/ .content-box {width:90% !important;min-height:120px;} .col-two-third, .col-half, .col-third, .col-quarter{width:96%; } .head-phone-l, .head-phone-r {text-align:center;} .tag {display:none;} #logo {float:none;text-align:center;width:96% !important;margin-top:20px;} #logo img {max-width:275px;} #top .callinfo {text-align:center; } #footer .logo {width:90%;text-align:center;margin:0px auto;float:none;} #footer .logo img {width:70%} #footer .copyright {float:none;} .logo-style {margin-top:-90px !important;} } @media screen and (max-width: 560px) { #menu .menu {margin-left:12px;} .contact-slide {width:90%;} .contact-slide .gate {width:85%;} .contact-slide div {width:85%;} #logo {width:375px;} } @media screen and (max-width: 450px) { .follow #menu .menu ul, .follow-on #menu .menu ul {display:none;height:auto !important ;margin-top:68px;} .follow-on #logo img, .follow #logo img {width:85%;} .feature-area {text-align:center;width:95%;} } @media screen and (max-width: 400px) { #logo img {max-width:225px;} .contact-slide .gate {width:65%;} .contact-slide div {width:65%;} }