/* ========================================================================== - Master ========================================================================== */ /* wp reusables */ .srp-widget-stringbreak-link { padding-left: .5em; } .widget.categories ul, .widget.archives ul { margin: 0; padding: } .widget.categories li, .widget.archives li { list-style: none; margin: 0; padding: } .alignleft { float: left; margin-bottom: 10px; margin-right: 10px; } .alignright { float: right; margin-bottom: 10px; margin-left: 10px; } img.alignleft, img.alignright { } /* form responses */ body span.wpcf7-not-valid-tip { background: none; border: none; color: red; display: block; position: static !important; width: auto !important; } body div.wpcf7-validation-errors { background-color: #F7E700; border: none !important; border-radius: 2px; -webkit-border-radius: 2px; } body div.wpcf7-response-output { margin: 10px 0; } body div.wpcf7-mail-sent-ok { background-color: #398f14; border-radius: 2px; -webkit-border-radius: 2px; color: #fff; margin-top: 10px !important; } /* globals */ h1 { font-size: 28px; line-height: 32px; } h2 { font-size: 21px; line-height: 24px; } h3 { font-size: 21px; line-height: 24px; } h4 { font-size: 18px; line-height: 21px; } h5 { font-size: 16px; line-height: 18px; } h6 { font-size: 14px; line-height: 16px; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; letter-spacing: -.2px; } body { background-color: #f9f9f9; color: #5f5f60; min-width: 960px; line-height: 21px; } address { margin-bottom: 15px; } table td { vertical-align: top; } #morelink, .link-less { font-style: italic; font-weight: bold; text-decoration: underline; } .row { margin-left: 0; } .container { position: relative; width: 960px; } .menu-primary-container .tinynav { display: none; } /* mobile primary nav */ .font-unkempt { font-family: 'Unkempt', cursive; } /* ========================================================================== Structure ========================================================================== */ #row-content { background: transparent url(/wp-content/themes/sunflower/img/bg-main-column.png) right repeat-y; } #row-content-liner { background: transparent url(/wp-content/themes/sunflower/img/bg-main-column-shadow.png) no-repeat right top; padding: 6px 0 0 0; } #mid { background-color: #fff; } #column-left { margin-left: 0; width: 165px; } #column-main.span6 { margin-left: 0; padding: 10px 10px 15px 30px; position: relative; width: 470px; } #column-right.span3 { margin-left: 10px; width: 275px; } #docs-recent { border-top: 1px solid #e0e0e0; font-size: 13px; margin-top: 30px; padding-top: 10px; } #docs-recent h2 { color: #f36801; font-size: 21px; margin-bottom: 3px; } #docs-recent img { border: 2px solid #fff; box-shadow: 0 0 3px #999; float: left; margin-bottom: 15px; margin-right: 15px; width: 130px; } #docs-recent .doctor { margin-bottom: 20px; margin-left: -3px; overflow: auto; padding: 3px; } #docs-recent .doctor h2 { font-size: 16px; margin-top: 0; } #docs-recent .doctor p { overflow: auto; } /* ========================================================================== Navigation ========================================================================== */ nav ul { font-family: 'Lato', sans-serif; margin: 0; overflow: auto; padding: 0; } nav li { float: left; font-size: 16px; list-style: none; margin: 0; padding: 0; } nav a { background-color: #fff; color: #003e7e; display: block; font-weight: normal; height: 19px; overflow: hidden; padding: 13px 30px; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; } nav a:hover { background-color: #DAEAFD; text-decoration: none; } #nav-single { margin-top: 30px; overflow: auto; } nav .nav-previous a { padding: 13px 10px; } .nav-previous, .nav-next { float: left; text-align: center; width: 195px; } .nav-previous a, .nav-next a { background-color: #efefef; } .nav-previous { margin-right: 5px; } /* wordpress highlighting */ nav li.current_page_item a, nav li.current_page_item a:hover, nav li.current-menu-item a, nav li.current-menu-item a:hover, nav li.current_page_parent a, nav li.current_page_parent a:hover, .page-template-pediatrics-php .nav-pediatrics a, .page-template-pediatrics-php .nav-pediatrics a:hover { background-color: #C0D9FA; color: #003e7e; text-shadow: 0 1px 0 #fff; } #menu-locations-3, #menu-doctors { display: none; } /* ========================================================================== Sections ========================================================================== */ #wrapper-header { background: transparent url(/wp-content/themes/sunflower/img/bg-header.png) repeat-x; } #topper { } #topper ul { color: #fff; font-size: 14px; font-weight: bold; margin-left: 0; margin-top: 10px; overflow: auto; } #topper li { float: left; margin-right: 25px; } #topper a { color: #fff; text-decoration: none; } #social-stats { position: absolute; right: 190px; top: 6px; } #login { position: absolute; right: 5px; top: 0; z-index: 10; text-shadow: 0 1px 2px #fdac0f; box-shadow: 0 0 4px #333; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 5px 5px;} #login a { background: #fdcd0f url(/wp-content/themes/sunflower/img/bg-login.png) no-repeat 10px 2px; color: #fff; display: block; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; height: 37px; overflow: hidden; padding-left: 60px; padding-top: 21px; text-decoration: underline; width: 140px; } #portal-invitation {background-color: #f36700; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 5px 5px; display: block;} #portal-invitation a {background: none; font-size: 14px; margin: 0; padding: 1px 0 3px 0; width: 100%; text-align: center; height: 20px;} #logo { position: absolute; top: 60px; z-index: 10; } #logo a { background: transparent url(/wp-content/themes/sunflower/img/logo.png) no-repeat; display: block; height: 0; overflow: hidden; padding-top: 41px; width: 549px; } #social { position: absolute; right: 10px; top: 275px; } #social ul { margin: 6px 0 0 0; overflow: auto; padding: 0; } #social li { float: left; list-style: none; margin: 0 0 0 5px; padding: 0; } #social a { background: transparent url(/wp-content/themes/sunflower/img/sprite-social.png) no-repeat; display: block; height: 0; overflow: hidden; padding-top: 34px; width: 34px; } #social li#facebook a { background-position: 2px 0; } #social li#google-plus a { background-position: -37px 0; } #wrapper-slider-nav { background: transparent url(/wp-content/themes/sunflower/img/bg-slider-nav.png) repeat-x; } #row-slider { height: 275px; } #wrapper-mid { } #locations { padding-bottom: 30px; } #loc-heartland { background: transparent url(/wp-content/themes/sunflower/img/loc-heartland.jpg) no-repeat left top; margin-bottom: 30px; margin-top: 20px; padding-top: 40px; } #loc-sunflower { background: transparent url(/wp-content/themes/sunflower/img/loc-sunflower.jpg) no-repeat left top; margin-bottom: 30px; margin-top: 20px; padding-top: 40px; } #loc-womens-clinic { background: transparent url(/wp-content/themes/sunflower/img/loc-womens-clinic.jpg) no-repeat left top; margin-top: 20px; padding-top: 40px; } h1 { color: #026cc5; } body.ie9 #column-main ul li, body.ie8 #column-main ul li { list-style-position: inside; } .menu-container-locations { padding: 20px 5px 0 20px; } .menu-container-doctors { padding: 0 5px 0 20px; } .menu-container-doctors label, .menu-container-locations label { color: #026cc5; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 3px; margin-left: 2px; } .menu-container-doctors select, .menu-container-locations select { margin-bottom: 5px; width: 235px; } .menu-container-services { margin-top: 15px; } .menu-container-services ul { margin: 0; padding: 0; } .menu-container-services li { list-style: none; font-family: 'Lato', sans-serif; font-size: 18px; text-transform: uppercase; } .menu-container-services a { background: #daeafd url(/wp-content/themes/sunflower/img/sprite-nav.png) 0 13px no-repeat; border-bottom: 1px solid #f3f8fe; color: #003e7e; display: block; padding: 15px 10px 15px 70px; text-shadow: 0 1px 0 #fff; } .menu-container-services li.current-menu-item a, .menu-container-services a:hover { background-color: #c0d9fa; text-decoration: none; } .menu-container-services li.nav-urgent a { background-color: #f36700; color: #fff; text-shadow: none; } li.nav-family a { background-position: 0 -37px; } li.nav-internal a { background-position: 0 -87px; } li.nav-pediatrics a { background-position: 0 -137px } li.nav-womens a { background-position: 0 -187px } li.nav-nephrology a { background-position: 0 -237px } #funnel { background: #daeafd url(/wp-content/themes/sunflower/img/bg-funnel-btm.jpg) bottom no-repeat; padding-bottom: 10px; } .menu-container-locations ul { display: none; } #news { background: transparent url(/wp-content/themes/sunflower/img/bg-news.jpg) no-repeat center top; padding: 20px 15px 20px 25px; position: relative; } #news h2 { color: #07284a; font-size: 16px; font-weight: normal; margin-bottom: 0; text-shadow: 0 1px 0 #fff; text-transform: uppercase; } a#link-all-news { position: absolute; top: 32px; right: 25px; text-decoration: underline; } body h3.srp-widget-title { display: none; } body.single h3.srp-widget-title { display: block; } body h4.srp-post-title { font-size: 14px; line-height: 18px; margin-bottom: 5px; } body.single h4.srp-post-title { margin: 0; } body div.srp-widget-singlepost { border: none; margin-bottom: 5px; padding-bottom: 5px; } body.single div.srp-widget-singlepost { border: none; margin-bottom: 5px; padding-bottom: 0; } .entry-meta { color: #999; font-size: 13px; margin-bottom: 15px; } .single footer.entry-meta { display: none; } #sidebar-right { padding: 10px 25px; } #sidebar-right aside { margin-bottom: 20px; } #sidebar-right h3 { font-size: 16px; font-weight: normal; margin-bottom: 10px; text-transform: uppercase; } #sidebar-right h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 21px; } #footer-copy { background-color: #daeafd; color: #6280aa; font-size: 10px; padding: 20px; text-shadow: 0 1px 0 #fff; } footer.container { background: #fff url(/wp-content/themes/sunflower/img/icon-hon.png) 20px 20px no-repeat; color: #444; font-size: 11px; line-height: 18px; padding: 17px 20px 60px 80px; width: 860px; } footer a { color: #444; text-decoration: underline; } .bug, .bug a { color: #a0a0a0; } #menu-footer { margin: 0; overflow: auto; padding: 0; } #menu-footer li { float: left; margin: 0 10px; padding: 0; } #menu-footer li#menu-item-60 { list-style: none; margin: 0 10px 0 0; } #locations a:link, #locations a:visited, #locations a:hover { color: #005580; } #locations h2 { /*background-color: #f36700;*/ background-color: #026CC5; color: #fff; font-family: 'Lato', sans-serif; font-size: 14px; margin-top: 24px; padding-left: 25px; } #locations .textwidget { margin-left: 25px; } /* ========================================================================== Lower & Footer ========================================================================== */ /* ========================================================================== Blog ========================================================================== */ body.blog #column-main { padding-left: 15px; padding-right: 30px; width: 610px; } body.blog h1#page-title { margin: 25px 0 30px; } body.blog h3.srp-widget-title { display: block; } body.blog #sidebar-right h4 { margin: 0; } #column-main article { margin-bottom: 30px; } body.single-post #column-main article { margin-bottom: 15px; } article .entry-meta { margin-bottom: 10px; } article h1 { font-size: 21px; line-height: 24px; } .leave-reply { display: none; } #nav-below { margin-bottom: 15px; overflow: auto; } #nav-below h3 { display: none; } /* ========================================================================== Other Pages (Search, Archive, etc.) ========================================================================== */ .single-sf_doctor img.doc-pic { border: 5px solid #fff; box-shadow: 0 0 3px #999; float: left; margin-bottom: 15px; margin-right: 25px; } #doctor { padding-top: 12px } #doctor h1 { font-size: 21px; margin-top: 0; padding-top: 0; } .doctor-details { border-top: 1px solid #ccc; margin-bottom: 15px; margin-top: 20px; padding-top: 5px; } .doctor-details h3 { font-size: 16px; line-height: 18px; margin-bottom: 5px; margin-top: 20px; } #doctor-list { overflow: auto; } #doctor-list-location { margin-top: 30px; padding-top: 5px; } #doctor-list-location ul { margin: 0; padding: 0; } #doctor-list-location li { float: left; list-style: none; margin: 0 10px; min-height: 230px; padding: 0; } #doctor-list-location h2 { font-size: 18px; margin-bottom: 15px; } #doctor-list-location h3 { font-size: 14px; line-height: 18px; margin-top: 5px; text-align: center; width: 130px; } #doctor-list-location img { border: 2px solid #fff; box-shadow: 0 0 3px #ccc; width: 125px; } body.page-template-location-php #column-main, body.archive #column-main, body.search #column-main, body.error404 #column-main, body.single-post #column-main, body.category #column-main, body.author #column-main { padding-left: 15px; padding-right: 30px; width: 610px; } body.single-post #column-main { padding-top: 30px; } body.page-template-location-php #column-main, body.error404 #column-main, body.search #column-main { padding-top: 15px; } body.archive h1.page-title { margin: 25px 0 30px; } body.search form, body.error404 form { margin-top: 20px; } body.error404 form .assistive-text, body.search form .assistive-text { display: none; } form .btn { position: relative; top: -5px; } .form-horizontal .control-label { position: relative; top: 5px; } img.wpcf7-captchac { margin: 10px 0; } #location-details { left: -3px; margin-top: 10px; overflow: auto; position: relative; text-shadow: 0 1px 0 #fff; } #location-details img { border: 1px solid #ccc; box-shadow: 0 0 3px #999; margin-bottom: 15px; } #location-details a.btn { margin-top: 15px; } #img-map { float: left; margin-right: 30px; padding: 3px; width: 250px; } p.phone { font-size: 21px; font-weight: bold; margin-bottom: 15px; } #address-hours { float: left; } .alt #img-map { margin-right: 30px; width: 220px; } /* pediatrics */ .page-template-pediatrics-php h1 { font-family: 'Unkempt', cursive; } .page-template-pediatrics-php #column-left { height: 814px; width: 85px; } .page-template-pediatrics-php #column-main { background: transparent url(/wp-content/themes/sunflower/img/bg-crayons.jpg) no-repeat left top; padding-left: 115px; width: 550px; } .page-template-pediatrics-php ul.font-unkempt { margin-bottom: 20px; margin-top: 25px; } .page-template-pediatrics-php ul.font-unkempt li { font-size: 21px; line-height: 28px; } #nav-peds { margin: 0 0 15px 0; overflow: auto; padding: 5px 0; } #nav-peds li { float: left; list-style: none; margin: 3px 10px 0 0; padding: 0; } #nav-peds a { background: transparent url(/wp-content/themes/sunflower/img/sprite-btns-pediatrics.png) no-repeat; display: block; height: 0; overflow: hidden; padding-top: 53px; width: 168px; } #nav-peds li#nav-peds-doctors a { } #nav-peds li#nav-peds-doctors a:hover { background-position: 0 -53px; } #nav-peds li#nav-peds-sick-child a { background-position: -168px 0; } #nav-peds li#nav-peds-sick-child a:hover { background-position: -168px -53px; } #nav-peds li#nav-peds-resources a { background-position: -336px 0; } #nav-peds li#nav-peds-resources a:hover { background-position: -336px -53px; } #nav-peds li#nav-peds-policies a { background-position: -504px 0; } #nav-peds li#nav-peds-policies a:hover { background-position: -504px -53px; } /* urgent care */ .page-id-88 #location-details { /*float: left;*/ margin-right: 15px; overflow: hidden; /*width: 220px;*/ } .page-id-88 #location-details #img-map { width: 165px; } .page-id-88 #location-details img { width: 160px; } .page-id-88 .alt #img-map { margin-right: 10px; } .page-id-88 h2 { font-size: 16px; } .page-id-88 #address-hours { width: 260px; } /* ========================================================================== General ========================================================================== */ /* ========================================================================== Responsive ========================================================================== */ /* ========================================================================== handle tips, shrinks and switches first... ========================================================================== */ @media screen and (min-width: 768px) and (max-width: 979px) { /*body:before { content: "min-width: 768px - max-width: 979px"; }*/ /* shrinks */ } @media screen and (max-width: 767px) { /*body:before { content: "max-width: 767px"; }*/ /* switches */ } @media screen and (max-width: 590px) { /*body:before { content: "max-width: 590px"; }*/ } @media screen and (max-width: 480px) { /*body:before { content: "max-width: 480px"; }*/ /* switches */ } /* ========================================================================== now everything else... ========================================================================== */ @media screen and (min-width: 768px) and (max-width: 979px) { } @media screen and (max-width: 767px) { } @media screen and (max-width: 650px) { } @media screen and (max-width: 590px) { } @media screen and (max-width: 480px) { h1 {margin-top: 30px !important;} body { min-width: 480px; } #login { right: 25px; top: 55px; } #login a { background-size: 40px; border-radius: 3px; box-shadow: none; padding-top: 15px; height: 28px;} #portal-invitation {height: 23px; padding-top: 2px !important;} #portal-invitation a {height: 23px; position: relative; top: -16px;} #social-stats { display: none; } #menu-primary { display: none; } #tinynav3 { display: block; margin-left: 15px; } #wrapper-header, #wrapper-mid, #wrapper-slider-nav, .container { margin: 0; width: 480px !important; } #wrapper-bottom { margin: 0; width: 480px; } #column-main.span9 { padding-left: 0 !important; width: 415px !important; } #img-map { width: 180px; } #img-map img { width: 180px; } #doctor-list-location li { margin: 0 5px; } #column-main.span6 { padding-left: 15px; width: 440px; } #column-right.span3 { margin-left: 0; width: 480px; } #wrapper-bottom footer.container { background-image: none; padding: 20px; width: 380px; } #wrapper-bottom.row .row { overflow: hidden; width: 480px; } #row-content, #row-content-liner { background-color: #fff; background-image: none; } #funnel { background-image: none; } #topper, #row-slider, #column-left, #news { display: none; } nav li { float: none; } #doctor-list-location img, #doctor-list-location h3 { width: 115px; } .home #funnel { border-bottom: 1px solid #C0D9FA; padding-bottom: 0; position: absolute; top: 0px; width: 480px; padding-top: 20px;} .home #column-main.span6 { padding-top: 380px; } .menu-container-locations, .menu-container-doctors { float: left; overflow: auto; margin-bottom: 10px; padding-left: 15px; padding-top: 15px; } .menu-container-locations select, .menu-container-doctors select { width: 210px; } .menu-container-services { clear: both; } #logo { left: 15px; top: 12px; } #logo a { background-size: 435px; width: 440px; } #wrapper-slider-nav nav { border-bottom: 1px solid #C0D9FA; margin-top: 55px; } }