/* Theme Name: 20th Street Surgery Description: Template Version: 1.0 Author: John Sheppard Tags: clean, basic */ @import "css/reset.css"; @import "css/typography.css"; @import "css/layout.css"; html {height: 100%; background: url(images/body_bg.png) repeat-x 0 -40px;} body {font-family: Helvetica, Arial, sans-serif;} a {text-decoration: none; color: #00529b;} .display-none {display: none;} .clear {clear: both;} .alignleft {margin: 10px 10px 10px 0;} .alignright {margin: 10px 0 10px 10px;} h1, h2, h3, h4, h5 {} .wrapper {width: 960px; margin: 0 auto; position: relative;} #header {position: relative; z-index: 99} #header .wrapper {height: 165px;} #call {color: #ff8a00; font-weight: bold; font-size: 22px; position: absolute; top: 45px; right: 0; line-height: 30px;} #call span {font-weight: 100; color: #00529b; font-size: 18px; line-height: 30px;} #logo {position: absolute; display: block; left: -40px;} #menu-main {position: absolute; bottom: 0; left: 0; height: 35px; border: 2px solid #00529b; background: url(images/menu_bg.png) repeat-x; width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #menu-main .menu-item {float: left; display: block;} #menu-main .menu-item a {font-size: 13px; font-weight: bold; color:#00529b; border-right: 1px solid #9dbad2; line-height: 35px; display: block; text-transform: uppercase; padding: 0 36px;} #menu-main #menu-item-36 { background: url(images/green_bg.png) repeat-x; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #menu-main #menu-item-36 a {width: 60px; padding: 0; text-indent: -999px; background: url(images/icon_home.png) no-repeat center center; } #menu-main .menu-item:last-child a {border-right: 0;} #menu-main .menu-item a:hover {color: #629cd0} #menu-main .current-menu-item a {color: #629cd0} #menu-main .menu-item .sub-menu {display: none; position: absolute; top: 90%; border: 2px solid #00529b; background: url(images/menu_bg.png) repeat-x; background-size: contain; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #menu-main .menu-item .sub-menu li {float: none;} #menu-main .menu-item .sub-menu li a {line-height: 34px; padding: 0 10px;} #menu-main .menu-item:hover .sub-menu {display: block;} #slider {padding: 25px 0 0;} #slider .left {width: 613px; position: absolute; left: 0; bottom: 0;} #slider .left .easingsliderlite > a img {display: none;} #slider .right {width:300px; float: right; padding: 0 0 20px; } #slider .right .button {display: table; margin-bottom: 10px;} #slider .right .button a {display: block; width: 190px; text-transform: uppercase; line-height: 25px; color: #00529b; font-weight: bold; font-size: 14px; padding:0 80px 0 30px; display: table-cell; vertical-align: middle; margin-bottom: 15px; height: 70px; background: url(images/home_button_bg.png) no-repeat; background-size: 100% 100%;} #slider .right .button a:hover {color:#629cd0} #slider .right .social {padding: 10px 10px 10px 20px;} #slider .right .social p {text-transform: uppercase; font-weight: bold; color: #00529b; line-height: 35px; display:block; float: left;} #slider .right .social a img {display:block; margin: 0 0 0 10px; float: left;} #latest .wrapper {height: 50px; border-top:1px solid #a3a3a3; border-bottom:1px solid #a3a3a3; } #latest .left {width: 155px; line-height: 50px; text-align: center; text-transform: uppercase; font-weight: bold; color: #00529b; font-size: 14px; float: left; border-right:1px solid #a3a3a3; height: 50px;} #latest .right {line-height: 50px; font-size: 13px; padding-left: 20px; width: 780px; float: right;} #latest .right a {color: #212121; } #latest .right a.read_more {color: #00529b; float: right; text-transform: uppercase; font-weight: bold;} #content {padding: 25px 0;} #content #page_content {width: 600px; float: right;} #content #page_content h1 {padding-bottom: 15px; color: #00529b; font-weight: 100; font-size: 27px;} #content #page_content h2 {padding-bottom: 15px; color: #75b522; font-weight: 100; font-size: 22px;} #content #page_content h3 {padding-bottom: 15px; color: #00529b; font-weight: 400; font-size: 18px;} #content #page_content p {font-size: 14px; margin-bottom: 14px; line-height: 20px; color: #212121; font-weight: 100;} #content #page_content li {font-size: 14px; margin-bottom: 10px; margin-left: 40px; color: #212121; list-style: disc; line-height: 20px; font-weight: 100;} #content #page_content ul {margin-bottom: 12px;} #content.fullwidth #page_content {width: 100%; float: none;} /*PHYSICIANS STYLING*/ .physicians .entry {width: 300px; height: 140px; overflow: hidden; border: 1px solid #CCC; float: left; margin: 0 18px 0 0; background: #FFF; margin-top: 20px; opacity: 0.3; position: relative; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -ms-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .physicians .entry .right {width: 170px; height: 140px; position: relative; float: left;} .physicians .entry.active {opacity: 1} .physicians .entry .image_container {width: 100px; float: left; height: 140px; overflow: hidden;} .physicians .entry .image_container img {width:auto ; height: 117px; margin:-2px 0 0 -2px;} .physicians .entry .image_container a {width: 100px; height: 140px; display: block; background-position: center center; background-size: cover;} .title {color: #333; padding: 10px 0 10px 10px;} .physicians .entry .taxonomies {color: #999; padding-left: 10px; font-size: 12px;} .view_profile {display: block; position: absolute; bottom: 0; left: 0; background: #00529B; border-bottom: 4px solid #0e67b6; color: #FFF; line-height: 22px; text-align: center; font-size: 11px; width: 300px;} .view_profile:hover {background:#053b6b;} #page_content .taxonomies {color: #333; font-size: 14px; font-weight: bold; margin-bottom: 20px;} .inner_image_container {padding: 5px; background: #FFF; border: 1px solid #CCC; margin: 0 30px 20px 0; width: 140px; float: left;} .inner_image_container img {display: block; width: 140px; height: auto;} .single_physician h2 {clear: both;} #backtophysicians {display: block; text-transform: uppercase; background: #00529B; color: #FFF; line-height: 28px; text-align: center; font-size: 12px; font-weight: bold; margin: 10px auto 0; width: 180px; position: absolute; right: 0; top: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;} /*END PHYSICIANS STYLING*/ #sidebar {width: 290px;} #sidebar #seminar {background: #065CA5; height:auto; position: relative; margin-bottom: 30px; } #sidebar #seminar h4 {font-size: 19px !important; text-align: center; padding: 10px 0; color: #FFF; opacity: 0.7;} #sidebar #seminar h5 {font-size: 12px; text-transform: uppercase; text-align: center; width: 100%; display: block; color: #FFF} #sidebar #seminar #gform_wrapper_1 {margin: 0; padding:0 20px 20px; text-align: center;} #sidebar #seminar #gform_wrapper_1 label {display: none;} #sidebar #seminar #gform_wrapper_1 .large {margin-bottom: 0px; border:1px solid #05437b;} #sidebar #seminar #gform_wrapper_1 textarea {border:1px solid #05437b; height: 105px;} #sidebar #seminar .gform_footer {padding: 10px 0 0; margin: 0; clear: none;} #sidebar #seminar #gform_submit_button_1 {display: block; width: 100%; background: #88CA32; border: none; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; line-height: 30px; color: #FFF; cursor: pointer} #sidebar .gform_wrapper ul li.gfield {clear: none; width: 100%; padding-right: 0;} #footer {background: #00529b; padding: 20px 0 25px; color: #FFF;} #footer a {color: #FFF} #footer .col {width: 32%; float: left;} #footer .col1 {font-size: 13px; font-weight: 100; line-height: 22px;} #footer .col2 {margin-bottom: 0 1%;} #footer .col2 h2 {font-size: 26px; font-weight: 100;} #footer .col2 .entry {padding: 15px 0; border-bottom: 1px solid #629cd0;} #footer .col2 .entry a {color: #FFF; font-size: 13px;} #footer .col3 {float: right;} #footer #colophon {color: #629cd0; font-size: 13px; padding: 20px 0 0; border-top: 1px solid #629cd0} #footer #colophon p {margin-bottom: 20px;} .hentry {padding-bottom: 20px; border-bottom: 1px solid #a3a3a3; margin: 20px 0 0;} .hentry .date {font-size: 15px; padding-bottom: 10px; color: #888; font-weight: 100;} .hentry .social_media {padding: 0 0 20px;} /* GRAVITY FORMS ERROR STYLING */ .gform_wrapper .validation_error {color: #FFF;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required {margin: 0 !important; padding: 0 !important; border: none; background: transparent;} .gfield_label {margin: 4px 0 !important;} .gform_wrapper .ginput_container + .gfield_description.validation_message {margin: 3px 0 !important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin: 0 !important;} /* END GRAVITY FORMS ERROR STYLING */