/*** 01. Elemental Styles 02. Classes 03. Utility Styles 04. Header Styles 05. Main Navigation Styles 06. Banner and Slideshow Styles 07. Homepage Specific Styles 08. Page Styles 09. Blog Styles 10. Testimonial Styles 11. Sidebar Styles 12. Call to Action Styles 13. Footer Contact Blocks 14. Footer Hours Blocks ***/ /*** 01. ELEMENTAL STYLES ***/ * {margin: 0; padding: 0; border: 0;} body {font-family: 'Lato', sans-serif;} a {text-decoration: none;} p {margin: 0 0 1.1em 0; padding: 0;} hr {height: 2px; background-color: #ccc; margin-bottom: 1.1em;} td {vertical-align: top;} input:not([type="submit"]), select, textarea {border: 1px solid #ccc;} input[type="submit"] {border: 0px;} h1, h2, h3, h4, h5, h6 {margin: 0; margin-bottom: 20px; line-height: 1.1; font-weight: 400; font-family: 'Merriweather', serif; color: #000;} /*** 02. CLASSES ***/ /* Width Containers */ .primaryWidth {width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box;} /* Buttons */ .btn {display: inline-block; padding: 10px 20px; border: 2px solid; box-sizing: border-box; font-size: 16px; font-weight: 700;} .btn + .btn {margin-left: 20px;} .btnGreen {border-color: #30ac4a; color: #fff; background-color: #30ac4a;} .btnGreen:hover {color: #30ac4a; background: transparent;} .btnYellow {border-color: #ffbd00; color: #000; background-color: #ffbd00;} .btnYellow:hover {color: #000; background: transparent;} .btnWhite {border-color: #fff; color: #000; background-color: #fff;} .btnWhite:hover {color: #000; background: transparent;} .btnWhite.btnTrans {color: #fff;} .btnWhite.btnTrans:hover {background-color: #fff; color: #000;} .btn.btnTrans {background-color: transparent;} /* Phone / Email Blocks ( Header + Footer ) */ .block-simple {min-height: 40px; padding-left: 41px; text-decoration: none; font-size: 21px; font-weight: 700; color: #000;} .block-simple.phone-stl {background: url( '../images/ico_phone_stl.png' ) no-repeat center left;} .block-simple.phone-stj {background: url( '../images/ico_phone_joe.png' ) no-repeat center left;} .block-simple.contact-mail {background: url( '../images/ico_envelope.png' ) no-repeat center left;} .block-simple .block-inner > * {display: block;} .block-simple .block-title {font-size: 18px; font-weight: 400; color: #30ac4a;} .block-simple:hover .block-title {color: #000;} .block-simple:hover .block-content {color: #30ac4a;} /* Default Galleries */ .gallery {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.1em;} .gallery-item {float: left; margin: 0 5px 1.1em;} .gallery-item a {display: block;} .gallery-item img {display: block; max-width: 100%; height: auto; margin: 0 auto;} .gallery-columns-1 .gallery-item {width: 100%;} .gallery-columns-2 .gallery-item {width: 50%; -webkit-width: calc(100% * (1/2) - 10px); width: calc(100% * (1/2) - 10px);} .gallery-columns-3 .gallery-item {width: 33.33%; -webkit-width: calc(100% * (1/3) - 10px); width: calc(100% * (1/3) - 10px);} .gallery-columns-4 .gallery-item {width: 25%; -webkit-width: calc(100% * (1/4) - 10px); width: calc(100% * (1/4) - 10px);} .gallery-columns-5 .gallery-item {width: 20%; -webkit-width: calc(100% * (1/5) - 10px); width: calc(100% * (1/5) - 10px);} .gallery-columns-6 .gallery-item {width: 16.66%; -webkit-width: calc(100% * (1/6) - 10px); width: calc(100% * (1/6) - 10px);} .gallery-columns-7 .gallery-item {width: 14.28%; -webkit-width: calc(100% * (1/7) - 10px); width: calc(100% * (1/7) - 10px);} .gallery-columns-8 .gallery-item {width: 12.5%; -webkit-width: calc(100% * (1/8) - 10px); width: calc(100% * (1/8) - 10px);} .gallery-columns-9 .gallery-item {width: 11.11%; -webkit-width: calc(100% * (1/9) - 10px); width: calc(100% * (1/9) - 10px);} .gallery-caption {display: block;} /* Contact Form 7 */ .wpcform .text {padding: 4px 6px; box-sizing: border-box;} .wpcform .full {width: 100%;} .wpcform .half {width: 49%;} .wpcform .third {width: 32%;} .wpcform .mright {margin-right: 2%;} .wpcform .wpcf7-not-valid {border-color: #F00;} .wpcform span.wpcf7-not-valid-tip {display: none;} .wpcform div.wpcf7-form-control-wrap{overflow: hidden;} /* Flex Zone */ .flex {display: -webkit-flex; display: flex;} .flex > * {-ms-flex: 0 1 auto;} .flex-row {-webkit-flex-direction: row; flex-direction: row;} .flex-col {-webkit-flex-direction: column; flex-direction: column;} .flex-wrap {-webkit-flex-wrap: wrap; flex-wrap: wrap;} .flex-hor-center {-webkit-justify-content: center; justify-content: center;} .flex-hor-end {-webkit-justify-content: flex-end; justify-content: flex-end;} .flex-hor-between {-webkit-justify-content: space-between; justify-content: space-between;} .flex-hor-around {-webkit-justify-content: space-around; justify-content: space-around;} .flex-vert-center {-webkit-align-items: center; align-items: center;} .flex-vert-end {-webkit-align-items: flex-end; align-items: flex-end;} /* WordPress Image Classes */ .wp-caption.alignleft, img.alignleft {float: left; margin: 0 20px 15px 0;} .wp-caption.alignright, img.alignright {float: right; margin: 0 0 15px 20px;} .wp-caption.aligncenter,img.aligncenter {display: block; margin: 0 auto 1.1em;} .wp-caption-text{font-size: 11px; color: #444; padding: 0 30px; line-height: 15px; text-align: center; margin-top: 3px;} /* General Classes */ .clear {clear: both;} .aligncenter {text-align: center;} .alignleft {float: left;} .alignright {float: right;} .weight-300 {font-weight: 300;} .weight-400 {font-weight: 400;} .weight-700 {font-weight: 700;} .weight-900 {font-weight: 900;} .bgr-lightGreen {background-color: #30ac4a;} .bgr-medGreen {background-color: #0c7f40;} .bgr-darkGreen {background-color: #065c2d;} .color-yellow {color: #ffcb00;} .color-white {color: #fff;} .color-black {color: #000;} .color-lightGreen {color: #30ac4a;} .color-medGreen {color: #0c7f40;} .color-darkGreen {color: #065c2d;} .linkArrow:before {content: "\f061"; display: inline-block; margin-right: 8px; font-weight: 400; font-family: FontAwesome; color: #000;} /*** 03. UTILITY ***/ /** Pulse Banner **/ #pulseBanner {display: block; position: relative; z-index: 2; margin: 0 auto;} #message {position: relative; z-index: 3; display: block; width: 100%; margin: 0 auto; padding: 20px; box-sizing: border-box; font-size: 16px; text-align: center; color: #fff; text-align: center; font-family: 'Muli', Arial, sans-serif;} #message span {display: inline-block; position: relative;} #mainColor {position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; background-color: #b26086;} #pulse {position: absolute; width: 100%; height: 100%; top: 0; z-index: 2; background-color: #8f3960;} #utilityWrapper {padding: 11px 0; border-bottom: 1px solid #e3e3e3; background-color: #fbfbfb;} #utility ul {margin: 0; padding: 0; list-style: none;} #utility ul a {display: block; text-decoration: none; font-size: 14px; font-weight: 700; color: #0c7f40;} #utility ul a.empty-url {color: #959595;} #utility ul a span {display: block;} #utility ul span.navtext {width: 0px; height: 0px; overflow: hidden;} #utility ul li.menu-item-has-children, #utility ul ul.sub-menu {display: -webkit-flex; display: flex;} #utility ul li.menu-item-has-children {-webkit-align-items: center; align-items: center;} #utility ul li:hover > a:not(.empty-url), #utility ul li.current-menu-item > a:not(.empty-url), #utility ul li.current-page-ancestor> a:not(.empty-url) {color: #30ac4a;} #utility ul.menu > li {border-left: 1px solid #ececec; border-right: 1px solid #e0e0e0;} #utility ul.menu > li:first-child {border-left: 0;} #utility ul.menu > li:last-child {border-right: 0;} #utility ul.menu > li > a {padding: 1px 23px;} #utility ul.menu > li > a.empty-url {padding-right: 0;} #utility ul.menu ul.sub-menu a {margin-left: 10px;} /*** 04. HEADER ***/ /* Logo */ #mainHeader .custom-logo-link {position: relative; z-index: 1; margin-top: -45px;} #mainHeader .custom-logo-link img {display: block; max-width: 100%; height: auto;} #mainHeader .custom-logo-link:hover {opacity: 0.8;} /* Phone Numbers */ #headerPhone {margin: 0; padding: 34px 0; list-style: none;} #headerPhone li {margin-left: 70px;} #headerPhone li:first-child {margin-left: 0;} /*** 05. MAIN NAVIGATION ***/ #navWrapper {position: relative; background-color: #0c7f40;} #mainNav ul {margin: 0; padding: 0; list-style: none;} #mainNav ul li a {display: block; padding: 12px 27px; border-left: 1px solid #30ac4a; text-decoration: none; font-size: 16px; font-weight: 700; color: #fff;} #mainNav ul li:nth-last-of-type( 2 ) > a {border-right: 0;} #mainNav ul li:hover > a, #mainNav ul li.current-menu-item > a, #mainNav ul li.current-page-ancestor > a {background-color: #30ac4a;} #mainNav ul li.callBanner {position: relative; margin-top: -9px; margin-left: auto; margin-right: 0;} #mainNav ul li.callBanner:before {content: ''; position: absolute; top: -9px; left: -9px; z-index: 2; display: block; border-top: 9px solid #fff; border-left: 9px solid #fff; border-bottom: 9px solid #ffb600;} #mainNav ul li.callBanner > a {padding: 17px 27px 16px; border: 0; color: #000; background: #ffcb00; background: -webkit-linear-gradient(top, #ffcb00 0%,#ffb600 100%); background: linear-gradient(to bottom, #ffcb00 0%,#ffb600 100%);} #mainNav ul li.callBanner > a:before {content: '\f095'; display: inline-block; margin-right: 8px; font-family: FontAwesome;} #mainNav ul li.callBanner:hover > a {color: #fff; background: #30ac4a;} #mainNav ul li.callBanner:hover:before {border-bottom: 9px solid #0c7f40;} /* Mobile Menu */ #openMobileMenu {display: none; position: absolute; top: 0; left: 0; padding: 10px 20px; font-size: 20px; color: #fff; background: none;} #closeMobileMenu {display: block; width: 100%; padding: 20px; font-size: 20px; background: #30ac4a; color: #fff;} #mobileNav {display: block; position: fixed; top: 0; left: -300px; z-index: 900; width: 300px; height: 100%; overflow-y: auto; background-color: #0c7f40; margin: 0; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #mobileNav a {display: block; padding: 20px; font-size: 16px; border-bottom: 1px solid #a3d2ad; color: #ffffff;} #mobileNav li.menu-item-has-children > a {position: relative; padding-right: 70px;} #mobileNav li.menu-item-has-children > a > span.flex {position: absolute; top: 0; right: 0; width: 70px; height: 100%; font-size: 20px;} #mobileNav li.menu-item-has-children.active .flex span {transform: rotate( 180deg );} #mobileNav > ul.menu > li > a {font-weight: 700;} #mobileNav ul ul {display: none;} #mobileNav ul ul a {padding: 14px 20px 14px 35px; font-size: 16px; color: #ffffff;} html.mobileMenu-open, body.mobileMenu-open {overflow: hidden;} body.mobileMenu-open #mobileNav {left: 0;} #mobileMask {position: fixed; top: 0; left: 0; z-index: 899; width: 100%; height: 100%; background: rgb( 0, 0, 0 ); background: rgba(0, 0, 0, 0.8); -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } /*** 06. BANNER / SLIDESHOW ***/ /* Slideshow */ #slideNav {position: absolute; top: 340px; right: 0; left: 0; margin: 0 auto; text-align: right;} #slideNav a {position: relative; z-index: 3; font-size: 40px; font-weight: 700; color: #0c7f40;} #slideNav a + a {margin-left: 20px;} #slideshow {min-height: 400px;} #slideshow li {position: absolute; top: 0; display: none; width: 100%; height: 100%; max-height: 610px; background-repeat: no-repeat; background-position: top right;} #slideshow li.selected {display: block;} #slideshow li > div {padding-top: 100px;} #slideshow li > div > :first-child {font-family: 'Merriweather', serif; color: #0c7f40;} /* Page Banner */ #bannerWrapper {position: relative; background: #fff; overflow: hidden;} #bannerWrapper:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 610px; background: #eef2fb; background: -webkit-linear-gradient(top, #eef2fb 50%,#ffffff 100%); background: linear-gradient(to bottom, #eef2fb 50%,#ffffff 100%);} #bannerWrapper #bannerImage {position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top right;} #bannerWrapper #bannerText {position: relative; z-index: 2; height: 14vw; max-height: 270px; font-size: 40px; font-family: 'Merriweather', serif; color: #0c7f40;} /*** 07. HOMEPAGE ***/ #homeContent {position: relative; z-index: 2;} /* Slider Columns */ #sliderColumns.cols-1 .col {width: 100%;} #sliderColumns.cols-2 .col {width: 50%; width: calc( 50% - 20px );} #sliderColumns.cols-3 .col {width: 33.33%; width: calc( 33.33% - 20px );} #sliderColumns .col {height: 255px; border: 20px solid #fff; box-sizing: border-box; text-align: center; background-size: cover; background-position: center bottom;} #sliderColumns .col > div {width: 100%; padding-bottom: 20px;} #sliderColumns .col span:not(.fa) {display: block; padding: 0 10px;} #sliderColumns .col span.fa {font-size: 22px;} #sliderColumns .col .color-yellow {text-transform: uppercase; font-size: 20px; font-weight: 700;} #sliderColumns .col .color-white {font-size: 24px; font-weight: 700;} /* Timeline */ #timelineContent {margin: 60px auto 40px; font-size: 22px; font-weight: 300; line-height: 1.4;} #timelineContent > :first-child {margin-bottom: 20px; font-size: 32px; font-weight: 400; font-family: 'Merriweather', serif; color: #0c7f40;} #timeline {position: relative; width: 100%; max-width: 880px; margin: 0 auto;} #timeline img {display: block; max-width: 100%; height: auto; margin: 0 auto;} #timeline strong {display: block; margin-top: 8px; text-align: center;} #timeline > * {position: relative; z-index: 1; width: 25%; width: calc( 25% - 60px );} #timeline:before {content: ''; position: absolute; top: 52px; left: 0; right: 0; z-index: 0; width: 100%; width: calc( 100% - 160px ); margin: 0 auto; border-top: 2px dashed #ffd633;} /* X-Ray Exams */ #homeExamsWrapper {margin-top: 80px; padding: 66px 0; font-size: 20px; color: #fff; background: url( '../images/bgr_xray.jpg' ) no-repeat center/cover;} #homeExams > :first-child {margin-bottom: 20px; font-size: 32px; font-weight: 400; font-family: 'Merriweather', serif; color: #ffcc00;} #homeExams ul {column-count: 3; margin: 40px 0 0 0; padding: 0; list-style: none;} #homeExams ul li {margin-bottom: 12px; font-size: 18px;} #homeExams ul li:before {content: "\f058"; display: inline-block; margin-right: 8px; font-family: FontAwesome; color: #ffcc00;} /* Service Columns */ #serviceCols {padding-top: 80px; padding-bottom: 80px;} #serviceCols .col {width: 33.33%; width: calc( 33.33% - 40px ); line-height: 1.4; font-size: 16px; font-weight: 300;} #serviceCols .col > :last-child {margin-bottom: 0;} #serviceCols .col h3 {margin-bottom: 20px; text-align: center; font-size: 20px;} #serviceCols .col p.more {text-align: center;} #serviceCols .col p.more a {text-decoration: none; font-weight: 700; color: #30ac4a;} #serviceCols .col p.more a:before {content: "\f061"; display: inline-block; margin-right: 8px; font-weight: 400; font-family: FontAwesome; color: #000;} #serviceCols .col p.more a:hover {color: #0c7f40;} /* Recent Posts */ #homePostsWrapper {padding: 60px 0; border-top: 1px solid #e3e3e3;} #homePosts.full #recentPosts {width: 100%; max-width: none;} #recentPosts {width: 70%; max-width: 840px; overflow: hidden;} #recentPosts > h4 {line-height: 1.2; font-size: 21px; font-weight: 400; font-family: 'Lato', sans-serif; color: #000;} #recentPosts > h4 > span {display: block; font-size: 16px; color: #30ac4a;} #recentPosts .hentry {width: 33.33%; padding-left: 1px; padding-right: 20px; box-sizing: border-box; outline: none;} #recentPosts .hentry .post-image {margin-bottom: 12px;} #recentPosts .hentry .post-image a {display: block;} #recentPosts .hentry .post-image a:hover img{opacity: 0.6;} #recentPosts .hentry .post-image img {display: block; max-width: 100%; height: auto;} #recentPosts .hentry .post-date {display: block; margin-bottom: 20px; font-size: 12px; color: #959595;} #recentPosts .hentry .post-date span.fa {margin-right: 4px;} #recentPosts .hentry .post-title {margin-bottom: 12px;} #recentPosts .hentry .post-title a {font-size: 18px; font-weight: 700; color: #30ac4a;} #recentPosts .hentry .post-title a:hover {color: #0c7f40;} #recentPosts .hentry .post-excerpt {font-size: 15px; color: #959595;} #recentPosts .hentry .post-more a {font-size: 14px; font-weight: 700; color: #000;} #recentPosts .hentry .post-more a:before {margin-right: 4px; font-size: 13px;} #recentPosts .hentry .post-more a:hover {color: #30ac4a;} #homeSlick .slick-arrow {position: absolute; top: -42px; right: 20px; left: auto; width: 30px; height: 30px;t margin-top: 0; border: 1px solid #e0e0e0; font-size: 12px; color: #30ac4a;} #homeSlick .slick-arrow:hover {color: #000;} #homeSlick .slick-prev {right: 49px;} #homeSlick .slick-prev:before, #homeSlick .slick-next:before {display: none;} #recentRight {min-width: 290px; width: 290px; margin-left: 40px; background-repeat: no-repeat; background-position: center top; background-color: #086633;} #recentRight > div {padding: 30px; line-height: 1.4; font-size: 14px; color: #fff;} #recentRight > div > :first-child {font-size: 18px; font-weight: 700; font-family: 'Lato', sans-serif; color: #fff;} #recentRight > div > :last-child {margin-bottom: 0;} #recentRight > div a {color: #fff;} #recentRight > div a:hover {color: #ffcc00;} #recentRight > div a:before {content: "\f061"; display: inline-block; margin-right: 4px; font-size: 12px; font-weight: 400; font-family: FontAwesome;} /* Testimonial */ #homeTestiWrapper {padding: 80px 0; background: #0c7f40 url( '../images/bgr_testimonials.jpg' ) no-repeat center right/cover;} #homeTesti {line-height: 1.5; font-size: 22px; font-weight: 300; font-family: 'Merriweather', serif; color: #fff;} #homeTesti > div {max-width: 460px;} #homeTesti > div > :first-child {line-height: 1.4; font-size: 32px; font-weight: 400; color: #ffcc00;} #homeTesti > div > :last-child {margin-bottom: 0;} /*** 08. PAGE CONTENT ***/ #contentWrapper {position: relative; z-index: 2; background: #fff;} #content {width: 100%; min-height: 400px; padding: 80px 60px; box-sizing: border-box; line-height: 1.4;} #content:after {content: ''; display: table; clear: both;} #content ul, #content ol {padding-left: 35px; margin-bottom: 1.1em;} #content ul ul, #content ol ol, #content ul ol, #content ol ul {padding-left: 30px; margin-bottom: 0;} #content h1 {font-size: 30px;} #content h2 {font-size: 24px;} #content h3 {font-size: 20px;} #content h4 {font-size: 18px;} #content h5 {font-size: 17px;} #content h6 {font-size: 16px;} #content a {text-decoration: none;} #content a:not(.btn) {font-weight: 700; color: #30ac4a;} #content a:not(.btn):hover {color: #0c7f40;} /* Pay Online Form */ #content #paymentForm, #content #paymentFinal {display: none;} #content strong.error {display: inline-block; color: #F00; margin-bottom: 8px;} #content .paymentFrm {float: left; display: block;} #content .paymentFrm td {padding-bottom: 10px;} #content .paymentFrm td.rowCol01 {text-align: right; font-weight: bold; color: #000; vertical-align: middle} #content .paymentFrm td .input {border: solid 1px #0C7F40; padding: 6px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} /* Archive Navigation */ #content .navigation {margin-top: 40px; padding-top: 40px; border-top: 1px solid #e3e3e3;} #content .post-image-mobile {display: none;} /*** 09. BLOG ***/ #content .hentry {margin-top: 40px; padding-top: 40px; border-top: 1px solid #e3e3e3;} #content .hentry .post-content {padding-left: 40px;} #content .hentry .post-title {margin-bottom: 12px; line-height: 1.3; font-size: 20px;} #content .hentry .post-date {display: block; margin-bottom: 12px; color: #959595;} #content .hentry .post-date .fa {margin-right: 4px;} #content .hentry .post-more {margin-bottom: 0; text-align: right;} /*** 10. TESTIMONIALS ***/ #content .type-cpt_testimonials .greenText {color: #0c7f40;} #content .type-cpt_testimonials .greenText:before {content: '-'; display: inline-block; margin-right: 4px;} /*** 11. SIDEBAR ***/ #sidebar {width: 290px; min-width: 290px; padding: 80px 35px; box-sizing: border-box; background-color: #f5f5f5;} #sidebar .widget {margin-bottom: 40px;} #sidebar .widget ul {list-style: none;} #sidebar .widget ul li a {display: block; padding: 10px 0; border-top: 1px solid #e3e3e3; font-size: 16px; font-weight: 700; color: #30ac4a;} #sidebar .widget ul li:hover a {color: #0c7f40;} #sidebar .widgettitle {font-size: 22px; color: #000;} /*** 12. CALL TO ACTION ***/ #actionWrapper {background: url( '../images/bgr_cta.jpg' ) no-repeat center/cover;} #actionWrapper a {text-decoration: none; color: #000;} #calltoaction {height: 5vw; min-height: 120px; padding: 20px 0; box-sizing: border-box; text-align: center;} #calltoaction > div > :last-child {margin-bottom: 0;} /*** 13. FOOTER CONTACT BLOCKS ***/ #footerContactWrapper {padding: 40px 0 80px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #fbfbfb;} #actionWrapper + #footerContactWrapper {border-top: 0;} /*** 14. FOOTER HOURS BLOCKS ***/ #footerBlocksWrapper {margin: 40px 0 0;} #footerContactWrapper + #footerBlocksWrapper {margin-top: -35px;} #footerBlocks {line-height: 1.4; font-size: 14px; color: #fff;} #footerBlocks h5 {font-size: 18px; font-weight: 700; color: #fff;} #footerBlocks > * {padding: 40px; box-sizing: border-box;} #footerBlocks.cols-1 > * {width: 100%;} #footerBlocks.cols-2 > * {width: 50%;} #footerBlocks.cols-3 > * {width: 33.33%;} #footerBlocks > * > :last-child {margin-bottom: 0;} #footerBlocks .hours {padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #54a076;} #footerBlocks .btnWhite {padding: 8px 25px; border: 1px solid #a3d2ad; font-weight: 400;} /*** 15. FOOTER COPYRIGHTS ***/ #copyrights {padding: 40px 0;} /* Footer Menu */ #copyrights #footerMenu {margin-bottom: 12px;} #copyrights #footerMenu a {text-decoration: none; font-weight: 700; color: #0c7f40;} #copyrights #footerMenu > * {display: inline-block; margin-right: 8px;} #copyrights #footerMenu > span {color: #555555;} #copyrights #footerMenu > span:last-of-type {display: none;} #copyrights #footerMenu a:hover {color: #30ac4a;} /* Site Copyright */ #copyrights #copyright {margin-bottom: 4px; font-size: 14px; color: #959595;} /* IQ Copyright */ #iqCredits {font-size: 12px;} #iqCredits, #iqCredits a {color: #c2c2c2; text-decoration: none;} #iqCredits a:hover {color: #000;}