/* Theme Name: Mad4Health Theme URI: http://grafikco.com/ Description: Mobile Responsive WordPress framework for health related websites. Author: Grafik Co. Author URI: http://www.grafikco.com/ Version: 1.1 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html ------------------------------------------------------------------------------------------------------------------------------------ 1. CSS RESET 2. Base Body Styles 3. General Styles 4. General Layout 5. WP Content Specific Styles 6. Header Styles 7. Slider Styles 8. Homepage Styles 9. Services Page Styles 11. Widget Styles 12. Footer Area Styles 13. Footer Bottom Styles 14. Contact Page Styles 15. Blog & Single Blog Page Styles 17. Columns Style 18. Content Tabs 19. Content accordion 20. Comments 21. Comment Form 23. Gallery Template 24. Isotope Styles 25. Scroll Top ----------------------------------------------------------------------------------------------------------------------------------*/ @import url("fonts/stylesheet.css"); /*-----------------------------------------------------------------------------------*/ /* 1. CSS RESET /* http://meyerweb.com/eric/tools/css/reset/ /*-----------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*-----------------------------------------------------------------------------------*/ /* 2. Base Body Styles /*-----------------------------------------------------------------------------------*/ body{ background:#fff; color:#343434; font: 14px Arial, Helvetica, sans-serif; line-height:20px; } p { font-size:14px; line-height: 20px; margin: 0px 0px 20px; } ol li, ul li { font-size:14px; line-height: 20px; } blockquote, blockquote p { line-height: 21px; font-style: italic; } h1,h2{ font-family: 'jenna_sueregular', Arial, Helvetica, sans-serif; color: #852002; } h3,h4,h5,h6{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #852002; } h1{ font-size:45px;} h2{ font-size:35px;} h3{ font-size:18px; margin: 0px 0px 15px;} h4{ font-size:16px;} h5{ font-size:15px;} h6{ font-size:13px;} em{ font-style:italic; } strong{ font-weight:bold; } ::-moz-selection { background: #3E96A9; color: #fff; text-shadow: none; } ::selection { background: #3E96A9; color: #fff; text-shadow: none; } a { color: #4c595c; text-decoration: none; } a:hover, a:focus { outline: none; color: #f56734;; } a:hover, a:active { outline: 0; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } code { font-family:"Courier New", Courier, monospace; } .display-ie8 { display:none; } .ie7 .display-ie8, .ie9 .display-ie8, .ie8 .display-ie8{ display:block;} /*-----------------------------------------------------------------------------------*/ /* 3. General Styles /*-----------------------------------------------------------------------------------*/ .readmore { display: inline-block; height: 15px; font-size: 14px; line-height: 15px; color: #fff; padding: 9px 15px; border: none; cursor: pointer; background-color: #f56734; white-space: nowrap; text-decoration: none; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } input.readmore { height: 33px; line-height: 33px; padding: 0px 15px; } .readmore:hover, .readmore:focus, .readmore:active { color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); } textarea, input[type="text"] { padding: 8px; font: 13px Arial, Helvetica, sans-serif; line-height: 16px; color: #454545; border: none; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 2px #c4c4c4; -moz-box-shadow: 1px 1px 2px #c4c4c4; -webbox-shadow: 1px 1px 2px #c4c4c4; } input[type="text"] { height: 16px; } .alignleft { float: left; margin: 0px 30px 30px 0px; } .img-border { border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .img-border:hover { border-color:#d6d6d6; } #content img{ max-width:100%; } strong{ font-weight:bold; } blockquote { background: #f8f8f8 url(images/quote.png) no-repeat 16px 20px; padding: 20px 20px 20px 55px; margin: 0px 0px 25px 0px;} blockquote p{ font-size:16px; font-style:italic; line-height: 24px; margin: 0px; } #content ul,#content ol{ margin:0px 0px 20px;} #content ul li{ background:url(images/li-bullet.png) no-repeat 5px 18px; border-bottom:1px dashed #d4d4d4; padding:10px 0px 10px 15px; } #content ol li{ background:none; border-bottom:1px dashed #d4d4d4; padding:10px 0px 10px 5px; list-style:decimal inside; } .colored{ color:#f56734; } .colored-blue{ color:#3e96a9; } #content h1,#content h2,#content h3{ margin-bottom:10px; } #content h4,#content h5,#content h6{ margin-bottom:10px; } p.error{ padding: 10px 20px 10px 45px; background: #F9E5E6 url(images/icon-box-error.png) no-repeat 12px 12px; border: 1px solid #F7C7C9; border-left-width: 2px; color: #B3696C;} p.success{padding: 10px 20px 10px 45px; background: #e3ebc6 url(images/icon-box-success.png) no-repeat 12px 12px; border: 1px solid #c2d288; border-left-width: 2px; color: #8fa442; } p.info{ padding: 10px 20px 10px 45px; background: #d8ecf5 url(images/icon-box-info.png) no-repeat 12px 12px; border: 1px solid #9ac9df; border-left-width: 2px; color: #528da9; } p.notice{ padding: 10px 20px 10px 45px; background: #fcf7d9 url(images/icon-box-notice.png) no-repeat 12px 12px; border: 1px solid #f5dc7d; border-left-width: 2px; color: #c4a21b; } table { width: 100%; padding: 0; margin: 0 0 20px 0; font-size: 11px; border-top-style: solid; border-top-width: 1px;} table caption { padding: 0 0 5px 0; width: auto; font-style:italic; text-align: right; } th { font-weight:bold; letter-spacing: 1.5px; line-height: 1.5em; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } td { font-size: 12px; padding: 6px 6px 6px 12px; border-style: solid; border-width: 1px; border-left:none; border-top:none; } tr th:first-child, tr td:first-child{ border-left-style: solid; border-left-width: 1px; } #top th.nobg { background: none; border-top: 0; } .readmore, .widget #searchform input[type="submit"], .widget #mc_signup #mc_signup_submit, #commentform input[type="submit"], footer .footer-widget a.readmore, footer .footer-widget a.readmore:hover, .readmore:hover, .widget #searchform input[type="submit"]:hover, .widget #mc_signup #mc_signup_submit:hover, #commentform input[type="submit"]:hover { font-family: Arial, Helvetica, sans-serif; } /*-----------------------------------------------------------------------------------*/ /* 4. General Layout /*-----------------------------------------------------------------------------------*/ #wrapper {background: #e3e3e3 url(images/page_bg.png) top center repeat-y; } #header { width: 980px; height: 185px; margin: 0px auto; position: relative; } #container { width: 980px; margin: 0px auto; } #content { width: 645px; float: left; margin: 0px 0px 50px; } .home-left-side #content{ margin-bottom:0px; } #content.full-width{ width:980px; } #sidebar { width: 308px; float: right; margin: 0px 0px 50px; } /*-----------------------------------------------------------------------------------*/ /* 5. WP Content Specific Styles /*-----------------------------------------------------------------------------------*/ .aligncenter{ display:block; margin:10px auto 0px; clear:both; } .alignleft { float: left; margin:10px 10px 0px 0px; } .alignright { float: right; margin:10px 0px 0px 10px; } .wp-caption { background: #fff; border: 1px solid #EDEDED; max-width: 96%; padding: 5px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky{} .gallery-caption {} .bypostauthor {} .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { box-shadow: 0px 0px 4px #999; border: 1px solid white; padding: 8px; background: #f2f2f2;} .gallery img:hover { background: white; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; } /*-----------------------------------------------------------------------------------*/ /* 6. Header Styles /*-----------------------------------------------------------------------------------*/ #header .logo { position: absolute; top: 5px; left: 25px; } #header .logo img { display: block; margin: 0px 0px 12px; } #header .logo .tagline { font-size: 12px; color: #b0b7b9; line-height: 14px; } .ie7 #header { z-index:9500; } /* 6.1 Social Nav Styles ----------------------------------------------------------*/ #header .social-nav { position: absolute; top: 50px; right: 0px; overflow: hidden; width:auto; display:inline-block; } #header .social-nav li { display:inline-block; vertical-align:middle; width: 41px; height: 41px; margin-left: 9px; border: 1px solid #dfdfdf; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; } .ie7 #header .social-nav li { display:block; float:left; } #header .social-nav li a { display: inline-block; width: 100%; height: 41px; } #header .social-nav li.facebook a { background: url(images/fb-icon.png) 16px 13px no-repeat; } #header .social-nav li.twitter a { background: url(images/tw-icon.png) 15px 13px no-repeat; } #header .social-nav li.skype a { background: url(images/skype-icon.png) 13px 13px no-repeat; } #header .social-nav li.rss a { background: url(images/rss-icon.png) 14px 13px no-repeat; } #header .social-nav li.flickr a { background: url(images/flickr-icon.png) 10px 16px no-repeat; } #header .social-nav li.google a { background: url(images/google-icon.png) 15px 12px no-repeat; } #header .social-nav li.linkedin a { background: url(images/linked-in.png) 13px 11px no-repeat; } #header .social-nav li.phone {width: 160px; } #header .social-nav li.phone span { display:block; padding: 0px 15px 0px 38px; font-size: 14px; color: #B0B7B9; line-height: 41px; background: url(images/ph-icon.png) 14px 9px no-repeat; } #header .social-nav li.phone:hover span{ background: url(images/ph-icon.png) 14px -32px no-repeat; color:#f56734; } #header .social-nav li.facebook:hover a { background: url(images/fb-icon.png) 16px -28px no-repeat; } #header .social-nav li.twitter:hover a { background: url(images/tw-icon.png) 15px -28px no-repeat; } #header .social-nav li.skype:hover a { background: url(images/skype-icon.png) 13px -28px no-repeat; } #header .social-nav li.rss:hover a { background: url(images/rss-icon.png) 14px -28px no-repeat; } #header .social-nav li.flickr:hover a { background: url(images/flickr-icon.png) 10px -32px no-repeat; } #header .social-nav li.google:hover a { background: url(images/google-icon.png) 15px -26px no-repeat; } #header .social-nav li.linkedin:hover a { background: url(images/linked-in.png) 13px -29px no-repeat; } /* 6.2 Main Nav Styles ----------------------------------------------------------*/ #header .main-nav { height: 48px; width: 100%; padding: 0px 0px 0px 0px; background-color:#46a1b4; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding; position: absolute; left: 0px; bottom: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); } .ie7 #header .main-nav{ z-index:9600; } .page-template-template-home-with-sidebar-php #header .main-nav, .page-template-template-home-php #header .main-nav{ background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding; position: absolute; left: 0px; bottom: 0px; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; } #header .main-nav > ul { float: left; } .ie7 #header .main-nav > ul { z-index:9700; } #header .main-nav > ul > li { float: left; border-right: 1px solid #54aec2; position: relative; } #header .main-nav > ul > li:first-child { border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; } #header .main-nav > ul > li:last-child { border: none; } #header .main-nav ul li a { display: inline-block; padding: 0px 20px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 48px; text-align: center; color: #fff; } #header .main-nav ul li:hover { background-color: #377f8f; background-clip: padding-box; -moz-background-clip: padding-box; } #header .main-nav ul li ul { display: none; width: 230px; padding: 12px 0px; background-color: #377f8f; position: absolute; top: 48px; left: 0px; z-index: 8899; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; } .ie7 #header .main-nav ul li ul{ z-index:9800; } #header .main-nav ul li ul li { width: 196px; height: 34px; padding: 0px 12px; position: relative; } #header .main-nav ul li ul li a { display: inline-block; line-height: 34px; padding: 0px 9px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #header .main-nav ul li ul li:hover { background-color: #2c6774; } #header .main-nav ul li ul li ul { top: -12px; left: 220px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ie7 #header .main-nav ul li ul li ul { z-index:9900; } #header .main-nav .responsive-nav { display: none; width: 91%; margin:10px auto 0px; padding:5px; border:1px solid #CCC; } /* 6.3 Search Form Styles ----------------------------------------------------------*/ #header .main-nav #topsearch { width: 190px; position: absolute; right:11px; top:10px;} #header .main-nav #topsearch #tsearch { width: 148px; padding: 5px 35px 5px 10px; position: relative; background-color: #377f8f; border: 1px solid #236779; border-bottom: 1px solid #57b4c5; border-right: 1px solid #57b4c5; color: #c4e2e9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: none; } #header .main-nav #topsubmit { position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; border: none; background: url(images/search-icon.png) no-repeat; font-size: 0px; cursor: pointer; } /*-----------------------------------------------------------------------------------*/ /* 7. Slider Styles /*-----------------------------------------------------------------------------------*/ #slider-wrap { width: 980px; height: 390px; margin: 0px auto 40px; position: relative; overflow: hidden; } #slider-wrap .slides { position: relative; height: 350px; overflow: hidden; } #slider-wrap .slides li { width: 100%; height: 350px; text-align: center; } #slider-wrap .slide-nav { overflow: hidden; background-color:#000; height: 40px; width: 980px; margin: 0px auto; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); } #slider-wrap .slide-nav li { width: 302px; height: 32px; padding: 8px 12px 0px 12px; border-right: 1px solid #fd7b4d; float: left; text-align: center; cursor: pointer; } #slider-wrap .slide-nav li:hover{ background-color: #ec490d; } #slider-wrap .slide-nav li:last-child { border: none; } #slider-wrap .slide-nav li.flex-active { background-color: #ec490d; } #slider-wrap .slide-nav li h4 { font-size: 16px; color: #fff; text-shadow: none; margin: 0px 0px 5px; } #slider-wrap .slide-nav li p { font-size: 12px; color: #fad7cb; text-shadow: none; } /*-----------------------------------------------------------------------------------*/ /* 8. Homepage Styles /*-----------------------------------------------------------------------------------*/ .slogan { margin: 0px 0px 25px; text-align: center; } .slogan h2 { font-size:44px; line-height:44px; color: #3e96a9; margin: 0px 0px 10px; } .smart-head { font-size:25px; line-height:33px; color: #56adc0; margin: 0px; } .slogan h3 { font-size: 17px; color: #819093; } /* 8.1 Services Styles ----------------------------------------------------------*/ .services { overflow: hidden; padding: 0px 0px 35px; border-bottom: 1px solid #e6e6e6; margin: 0px 0px 10px; } .services .service { width: 180px; margin: 0px 8px; float: left; text-align: center; } .services .service h4 { margin: 0px 0px 10px; } .services .service:hover h4 a { color: #f56734; } .services .service figure { width: 112px; height: 112px; margin: 0px auto 20px; overflow: hidden; position:relative; } .services .service figure img { position: absolute; top:0px; left:0px; } .services .service:hover figure img { bottom:0px; top:auto; } /* 8.3 Appointment Styles ----------------------------------------------------------*/ .appointment { width: 308px; float: right; padding: 0px 0px 12px; margin: 0px 0px 55px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .appointment .header { height: 99px; padding: 10px 23px 0px; margin: 0px 0px 30px; /*background:#3e96a9 url(images/appointment.png) repeat-x; */ background-color:#3e96a9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.2)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.2), rgba(0,0,0,0)); } .appointment .header h2 { font-size: 35px; line-height: 35px; color: #ffffff; font-weight: normal; } .appointment .header h3.number { font-size: 24px; line-height: 35px; color: #ffffff; font-weight: normal; } .appointment .header h3.number { padding: 0px 0px 0px 45px; background: url(images/phone-icon.png) left center no-repeat; margin: 0px; } .appointment .header .or { display: block; width: 100%; height: 35px; background: url(images/or-bg.png) center center no-repeat; font-size: 14px; color: #fff; text-align: center; line-height: 35px; } .appointment #appoint-form { padding: 0px 38px 0px 31px; } .appointment #apo-loader { display:none; } .appointment #apo-message-sent { display:none; } .appointment p { margin: 0px 0px 17px; } .appointment p input[type="text"] { width: 96%; } .appointment p textarea { width:96%; } .appointment p #apo_month_input { width: 131px; margin-right: 10px; } .appointment p #apo_day_input { width: 61px; } .appointment p #apo_center_input { width: 171px; } .appointment .error-container label{ display:block; color:red; font-style:italic; } .appointment input.error, .appointment textarea.error { border:1px solid red; } .select-wrap { display: inline-block; position: relative; } .selectbox { background: url(images/dd-arrow.png) right 13px no-repeat #fff; cursor: pointer; } .selectbox-wrapper { padding:5px 0px; width: 120px; position: absolute; top: 31px; left: 0px; z-index: 9999; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .selectbox-wrapper ul { width: 100%; } .selectbox-wrapper ul li { padding: 5px 13px; height: 22px; cursor: pointer; } .selectbox-wrapper ul li:hover { background-color: #f1f1f1; } .feedback { overflow: hidden; margin: 0px 0px 60px; clear: both; } /* 8.5 Newsletter Styles ----------------------------------------------------------*/ .newsletter { width: 308px; } .newsletter p { margin: 0px 0px 25px; } .newsletter #newsletter { padding: 20px 20px 10px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .newsletter #newsletter p { margin: 0px 0px 15px; } .newsletter #newsletter input[type="submit"] { margin: 0px 0px 0px 10px; vertical-align: bottom; } .newsletter #newsletter .error-container label{ display:block; color:red; font-style:italic; } /* 8.7 New Twitter Styles ----------------------------------------------------------*/ #twitter_update_list { clear: both; padding: 12px 0px 12px; width: 100%; margin: 60px 0px -3px; position: relative; background-color:#4099ac; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0.1), rgba(0,0,0,0)); } #twitter_update_list li { background: url(images/tweety-bird.png) 15px center no-repeat; padding: 12px 20px 12px 82px; line-height: 18px; color: #fff; margin: 0px; } #twitter_update_list li a { color: #fff; text-decoration: underline; } /*-----------------------------------------------------------------------------------*/ /* 9. Services Page Styles /*-----------------------------------------------------------------------------------*/ .page-head { background: url(images/page_title_bg.png) top center no-repeat; width:920px; padding: 20px 30px 10px; margin: 0 auto 25px; border-bottom: 1px solid #ededed; } .page-head h1 { font-size: 48px; text-align: center; color: #232323; line-height:normal; } .page-head h5{ font-size: 14px; line-height:21px; color: #a9a9a9; font-style: italic; text-align: center; font-weight: normal; } .page-head .education{ text-align:center; margin:5px 0px;} /* 9.1 Services List Styles ----------------------------------------------------------*/ .service-list { } .service-list h3 { font-weight: 700; color: #586467; } .service-list h3 a { color: #586467; } .service-list h3 a:hover, .service-list h3 a:focus { color: #f66937; } .service-list p { margin: 0px 0px 25px; } /* 9.2 Single Column Styles ----------------------------------------------------------*/ .service-list.single-col ul { overflow: hidden; padding-top:35px; } .service-list.single-col ul li { overflow: hidden; padding: 0px 0px 35px; margin: 0px 0px 35px; border-bottom: 1px solid #e6e6e6; } .service-list.single-col figure { width: 424px; height: 180px; position: relative; line-height: 0px; float: left; overflow: hidden; margin: 0px 30px 30px 0px; border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .service-list.single-col figure:hover { border-color:#d6d6d6; } .service-list.single-col figure img { width: 424px; height: 180px; } /* 9.3 Three Columns Styles ----------------------------------------------------------*/ .service-list.three-col ul { margin: 0px 0px 0px -30px; overflow: hidden; } .service-list.three-col ul li { width: 306px; padding: 0px 0px 35px; margin: 0px 0px 35px 30px; float: left; } .service-list.three-col figure { width: 298px; height: 160px; margin: 0px 0px 20px 0px; line-height: 0px; border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .service-list.three-col figure:hover { border-color:#d6d6d6; } .service-list.three-col figure img { width: 100%; height: auto; } /* 9.4 Four Columns Styles ----------------------------------------------------------*/ .service-list.four-col ul { margin: 0px 0px 0px -30px; overflow: hidden; } .service-list.four-col ul li { width: 222px; padding: 0px 0px 35px; margin: 0px 0px 35px 30px; float: left; } .service-list.four-col figure { width: 214px; height:auto; line-height: 0px; margin: 0px 0px 20px 0px; border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .service-list.four-col figure:hover { border-color:#d6d6d6; } .service-list.four-col figure img { width: 100%; height:auto; } /*-----------------------------------------------------------------------------------*/ /* 11. Widget Styles /*-----------------------------------------------------------------------------------*/ #sidebar .widget { margin: 0px 0px 40px; } #sidebar .widget h3.title{ font-family: 'jenna_sueregular', Arial, Helvetica, sans-serif; font-size: 35px; color: #56adc0; } #sidebar .widget ul { } #sidebar .widget ul li { padding: 7px 0px 6px; border-bottom: 1px solid #ececec; padding-left: 17px; background: url(images/arrow.jpg) 1px 15px no-repeat; } #sidebar .widget ul li > ul li, #sidebar .widget ul li .children li { border-bottom:none;} #sidebar .selectbox-wrapper ul li { padding: 5px 13px; border-bottom:none; } .widget #searchform{ padding: 10px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget #searchform .screen-reader-text { display:none; } .widget #searchform p{ margin-bottom:0px;} .widget #searchform input[type="submit"] { text-transform:capitalize; margin: 0px 0px 0px 10px; vertical-align: bottom; display: inline-block; font-size: 13px; height: 33px; line-height: 33px; padding: 0px 15px; color: #fff; border: none; cursor: pointer; text-shadow: 1px 1px 0px #ae421b; background-color: #f56734; white-space: nowrap; text-decoration: none; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget #searchform input[type="submit"]:hover, .widget #searchform input[type="submit"]:focus, .widget #searchform input[type="submit"]:active{ color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); } .widget #mc_signup{ } .widget #mc_signup #mc_subheader { margin:0 0 10px;} .widget #mc_signup #mc_signup_form { padding:5px 10px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget #mc_signup .mergeRow{ padding:5px 10px;} .widget #mc_signup label{ display:block; font-weight:bold; margin:0 0 5px;} .widget #mc_signup .mc_list label{ display:inline-block; font-weight:normal; margin:0;} .widget #mc_signup input[type="text"] { width:87%; margin:0 0 10px; } .widget #mc_signup input.mc_input.mc_phone{ width:10%; } .widget #mc_signup .mc_list li{ background:none; padding:5px 0px 5px 10px; border:none;} .widget #mc_signup #mc_signup_submit{ text-transform:capitalize; margin: 0px 0px 5px 0px; vertical-align: bottom; display: inline-block; font-size: 13px; color: #fff; border: none; cursor: pointer; height: 33px; line-height: 33px; padding: 0px 15px; text-shadow: 1px 1px 0px #ae421b; background-color: #f56734; white-space: nowrap; text-decoration: none; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget #mc_signup #mc_signup_submit:hover, .widget #mc_signup #mc_signup_submit:focus, .widget #mc_signup #mc_signup_submit:active{ color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); } .widget #mc_signup #mc_display_rewards{ display:none; } .widget #mc_signup #mc_message{ padding:5px 0;} .widget #mc_signup .mc_signup_submit{ text-align:left; } .widget #mc_signup #mc-indicates-required{ margin:0px 0px 10px 0px;} .widget #mc_signup select{ position:relative; padding:5px; margin-bottom:15px; } .widget #mc_signup br{ display:none; } .widget .sidebar-post{ border-bottom:1px solid #ececec; padding:0px 0px 15px; margin:0px 0px 15px 10px;} .widget .sidebar-post img{ float:left; margin:3px 10px 10px 0;} .widget .sidebar-post .sidebar-post-text a{ display:block; font-size:13px; color:#95959c; } .widget .sidebar-post .sidebar-post-text a:hover{ color:#65656C; } .widget .sidebar-post .sidebar-post-text .date{ font-size:11px; font-style:italic; color:#b8b8c1; } /* container for the signup form */ .widget .sendpress-signup-form{ padding:2px 15px; background-color: #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* labels in the sing up form */ .widget .sendpress-signup-form label{ display:block; word-wrap: none; padding:0 5px 0 0; } /* input fields in sign up form */ .widget .sendpress-signup-form input[type=text]{ width:87%; margin:0; } /* submit button */ .widget .sendpress-submit{ text-transform:capitalize; margin: 0px 0px 5px 0px; vertical-align: bottom; display: inline-block; font-size: 13px; color: #fff; border: none; cursor: pointer; height: 33px; line-height: 33px; padding: 0px 15px; background-color: #E33A05; white-space: nowrap; text-decoration: none; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* element where error messages are displayed */ .widget .sendpress-signup-form #error{ color:#8B0000; margin:10px 0px; } /* element where the thank you message shows upon successful submit */ .widget .sendpress-signup-form #thanks{ margin:10px 0px; } /*-----------------------------------------------------------------------------------*/ /* 12. Footer Area Styles /*-----------------------------------------------------------------------------------*/ #footer-wrap { width: 100%; background:#121212; position: relative; } footer { width: 980px; margin: 0px auto; } footer { padding: 40px 0px; } footer .footer-widget { width: 292px; float: left; margin: 0px 30px 0px 0px; } footer .footer-widget:last-child { margin-right: 0px; } footer .footer-widget h3 { font-family: 'jenna_sueregular', Arial, Helvetica, sans-serif;font-size: 38px; color: #787878; margin: 0px 0px 30px; } footer .footer-widget p { margin: 0px 0px 21px; } footer .footer-widget a, footer .footer-widget span { color: #cdcdcd; } footer .footer-widget a:hover, footer .footer-widget a:focus { color: #48a2b6 ; } footer .footer-widget ul li { line-height: 25px; padding: 0px 0px 0px 11px; background: url(images/footer-bullit.png) left 12px no-repeat; } .footer-widget .widget { margin-bottom:40px; } .footer-widget .widget .sidebar-post{ border-bottom:1px dashed #808080; } .footer-widget .widget .sidebar-post .sidebar-post-text a{ color:#cdcdcd; } .footer-widget .widget .sidebar-post .sidebar-post-text a:hover, .footer-widget .widget .sidebar-post .sidebar-post-text a:focus, .footer-widget .widget .sidebar-post .sidebar-post-text a:active{ color:#48a2b6; } .footer-widget .widget .sidebar-post .sidebar-post-text .date{ color:#b8b8c1; } /*-----------------------------------------------------------------------------------*/ /* 13. Footer Bottom Styles /*-----------------------------------------------------------------------------------*/ #footer-bottom-wrapper { width: 100%; background:#000; } #footer-bottom { width: 980px; margin: 0px auto; min-height: 47px; height:auto !important; height: 47px; } #footer-bottom p { line-height: 47px; margin: 0px; } #footer-bottom p a:hover, #footer-bottom p a:focus { color: #fff; } #footer-bottom .copyrights { float: left; } #footer-bottom .author { float: right; } /*-----------------------------------------------------------------------------------*/ /* 14. Contact Page Styles /*-----------------------------------------------------------------------------------*/ #map_canvas{ border:4px #e6e6e6 solid; width:637px; height:250px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:0px 0px 15px; } #map_canvas:hover { border-color:#d6d6d6; } #content address{ color:#333; font-size:14px; line-height:21px; } .contact-form-container{ margin:60px 0px;} #contact-form{} #contact-form input[type=text], #contact-form textarea{ border:1px solid #dcdcdc; color:#454545; font: 14px Arial, Helvetica, sans-serif; outline:none; } #contact-form input[type=text].error, #contact-form textarea.error{ border:1px solid red;} #contact-form input[type=text]:focus, #contact-form textarea:focus{ color:#454545; } #contact-form input[type=text]{ width:250px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow:none; -moz-box-shadow:none; -webbox-shadow:none;} #contact-form textarea{ width:561px; padding:5px; margin-bottom:15px; box-shadow:none; } #contact-loader { vertical-align: middle; margin-left:20px; display:none; } #message-sent { margin: 10px 0px; color:red; display:none; } .form-cell{ width:305px; float:left; margin:0px 0px 20px;} .form-cell span{ color:#444444; display:inline-block; margin-left:5px; } #contact-form .submit{ margin-bottom:15px;} #contact-form .error-container label{ display:block; color:red; font-style:italic; } .contact-widget{ font:14px Arial, Helvetica, sans-serif; line-height:21px;} .contact-widget p{ margin:20px 10px; color:#565656; } .contact-widget hr{ border:none; height:1px; background:#e6e6e6;} .contact-widget a { color:#454545; } .contact-widget a:hover,.contact-widget a:focus{ color:#343434; } .captcha-container{ margin:0 0 20px; } .captcha-container img{ vertical-align:top; margin:0 5px; } #wrapper .captcha-container .captcha{ width:50px; font-size:14px; } /*-----------------------------------------------------------------------------------*/ /* 15. Blog & Single Blog Page Styles /*-----------------------------------------------------------------------------------*/ #content article.hentry { border-bottom:1px solid #ededed; padding:0 0 10px; margin:0 0 35px; } .home-left-side #content article.hentry { border-bottom:none; } .page-template-template-faq-php #content article.hentry{ border-bottom:none; } article.hentry .post-meta{ border-bottom:1px solid #ededed; padding:0px 0px 10px; margin-bottom:10px;} .post-meta span{ display:inline-block; padding:0px 0px 0px 20px; margin:0px 20px 0px 0px; color:#757f83; font-size:12px;} .post-meta span a{ color:#757f83;} .post-meta .author{ background:url(images/author-bg.png) left center no-repeat;} .post-meta .date{ background:url(images/date-bg.png) left center no-repeat;} .post-meta .category{background:url(images/cat-bg.png) left center no-repeat;} .post-meta .tag{ background:url(images/tag-bg.png) left center no-repeat;} article.hentry .post-thumb{ position:relative; height:auto; border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:0 0 15px; } article.hentry .post-thumb:hover { border-color:#d6d6d6; } .post-thumb img{ display:block; } .post-thumb .comment-count{ position:absolute; top:0px; right:0px; background:#7b7b7b; padding:10px; } .comment-count span{ background:url(images/comment-bubble.png) left center no-repeat; display:inline-block; padding:0px 0px 0px 20px; color:#ededed; } .comment-count span a{ color:#ededed; } #pagination{ text-align:center; margin:0 0 15px;} #pagination .current{ font-weight:bold; color:#ededed;} .pages-nav { font-weight:bold; color:#6A6A75; font-size:14px; } .pages-nav a{ font-weight:normal; } /*-----------------------------------------------------------------------------------*/ /* 17. Columns Style /*-----------------------------------------------------------------------------------*/ #container .columns { margin: 0px 0px 0px -2%; overflow: hidden; } #container .columns .one-third { width: 31.33%; margin: 0px 0px 0px 2%; float: left; } #container .columns .two-third { width: 64.66%; margin: 0px 0px 0px 2%; float: left; } #container .columns .one-fourth { width: 23%; margin: 0px 0px 0px 2%; float: left; } #container .columns .three-fourth { width: 73%; margin: 0px 0px 0px 2%; float: left; } #container .columns .one-half { width: 48%; margin: 0px 0px 0px 2%; float: left; } #container .columns .single-col { width: 98%; margin: 0px 0px 0px 2%; } /* ---------------------------------------- */ /* 18. Content Tabs /* ---------------------------------------- */ #container #content .tabs-nav{ list-style: none; overflow: hidden; width: 100%; margin:0px; } #container #content .tabs-nav li{ float: left; line-height: 32px; margin: 0; overflow: hidden; padding: 0; position: relative; border-bottom:none; background:none; } #container #content .tabs-nav li.active { line-height: 31px; } #container #content .tabs-nav li a { background: #f8f8f8; border: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: none; color: #808080; display: block; letter-spacing: 0; outline: none; padding: 0 16px; text-decoration: none; text-shadow: 0 1px 0 #fff; } #container #content .tabs-nav li:first-child a { border-left: 1px solid #eaeaea; } #container #content .tabs-nav li a:hover { background: #f0f0f0; } #container #content .tabs-nav li a:hover, .tabs-nav li.active a { color: #F56734; } #container #content .tabs-nav li.active a { background: #fff; border-bottom: 2px solid #fff; border-top: 1px solid #F56734; } #container #content .tabs-container { border: 1px solid #eaeaea; margin: -1px 0 20px; overflow: hidden; width: 100%; } #container #content .tabs-container .tab-content{ padding:10px; } /* ---------------------------------------- */ /* 19. Content accordion /* ---------------------------------------- */ #content .accordion { margin-bottom:20px; } #content .accordion h5 { height: 35px; line-height: 35px; margin-bottom:1px; color: #6A6A75; background: #f4f4f4; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-bottom:1px solid #dbdada; border-right:1px solid #dbdada; border-left:1px solid #dbdada; /*box-shadow: 0px 1px 1px #dbdada; -moz-box-shadow: 0px 1px 1px #dbdada; -webbox-shadow: 0px 1px 1px #dbdada;*/ } #content .accordion h5:first-child{ border-top:1px solid #dbdada; } #content .accordion h5 span { display: inline-block; width: 20px; height: 20px; background: url(images/accordion-title-span.png) no-repeat; margin: 7px 13px 0px 13px; vertical-align: top; } #content .accordion h5.current { background-position: bottom; margin-bottom:0px; } #content .accordion h5.current span { background-position: bottom; } #content .accordion .pane { display: none; background-color: #f8f8f8; overflow: hidden; padding: 20px; margin-bottom:0px; } #content .accordion .pane p { margin: 0px; } #content .accordion .pane.current { display: block; margin-bottom:1px; } /* --------------------------------------- */ /* 20. Comments /* --------------------------------------- */ #comments {} #comments #comments-title{} #comments #reply-title { margin-bottom: 15px; } #comments .commentlist { margin: 20px 0 0; padding: 0 0 30px; overflow: hidden; } #comments .comment { border:none; border-bottom: 1px dotted #dedede; list-style: none; margin:30px 0 0; padding:10px 0; } #comments .comment:first-child { } #comments .comment > article { margin: 0; overflow: hidden; } #comments .comment .avatar { background: #fff; float: left; margin:0px 10px 10px 0; position: relative; z-index: 1; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px;} #comments .comment .comment-body, #comments .comment .comment-meta { float: right; margin:0; width: 560px; } #comments .comment .comment-body p{ margin-bottom:10px; } #comments .comment .comment-meta { margin-bottom: 0; } #comments .comment .author { font-size:13px; } #comments .comment .author, #comments .comment .author a { margin: 0; } #comments .comment .author cite { font-style: normal; } #comments .comment .author .comment-reply-link { font-size: 11px; } #comments .comment .date, #comments .comment .date a, #comments .comment .date time { color: #b0b3b6; font-style: italic; margin: 1px 0 5px; } #comments .comment .date a:hover time { color: #f56734; } #comments .commentlist .children { margin: 0; padding: 0 0 0 85px; position: relative; } #comments .commentlist .children .comment { border-bottom:none; } #comments .comment .children .comment:first-child { } #comments .commentlist .children .depth-2 .comment-body, #comments .commentlist .children .depth-2 .comment-meta { width: 475px; } #comments .commentlist .children .depth-3 .comment-body, #comments .commentlist .children .depth-3 .comment-meta { width: 395px; } #comments .commentlist .children .depth-4 .comment-body, #comments .commentlist .children .depth-4 .comment-meta { width: 315px; } #comments .commentlist .children .depth-5 .comment-body, #comments .commentlist .children .depth-5 .comment-meta { width: 235px; } /* --------------------------------------- */ /* 21. Comment Form /* --------------------------------------- */ #respond { margin-top:30px; } #respond #reply-title small{ font-weight:normal; font-size: 13px; font-weight: normal; display:inline-block; margin-left:10px; } #commentform label{ font-weight:bold;} #commentform span.required{ color:#f56734;} #commentform textarea, #commentform input[type=text]{ display:block; margin:5px 0 0; border:1px solid #dedede; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow:none; } #commentform input[type=text]{ width:50%;} #commentform textarea { width:85%; padding:8px; color:#808080; font: 13px Arial, Helvetica, sans-serif; line-height: 21px; } #commentform p.form-allowed-tags{ font-size:12px; } #commentform input[type="submit"]{ margin: 0px 0px 0px 0px; vertical-align: bottom; display: inline-block; font-size: 13px; color: #fff; height: 33px; line-height: 33px; padding: 0px 15px; border: none; cursor: pointer; text-shadow: 1px 1px 0px #ae421b; background-color: #f56734; white-space: nowrap; text-decoration: none; text-align: center; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,0))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,0)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #commentform input[type="submit"]:hover, #commentform input[type="submit"]:focus, #commentform input[type="submit"]:active{ color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(0,0,0,.1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,.1)); } /* --------------------------------------- */ /* 23. Gallery Template /* --------------------------------------- */ #content #filter-by { text-align:right; margin-bottom:40px; } #content #filter-by li{ border:0; margin:0; padding:0; background:none; display:inline; } #content #filter-by li a{ display: inline-block; color:#6a6a75; height: 11px; font-size: 12px; line-height: 12px; padding: 8px 10px; margin:0 5px 0 0; border: none; background:#E6E6E6; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #content #filter-by li a.active, #content #filter-by li a:hover{ background:#f56734; color:#fff; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } .gallery-item { margin-bottom:30px; } .gallery-item img{ border: 4px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } article.gallery-item.hentry .post-thumb{ border:none; } .gallery-item img:hover{ border-color:#d6d6d6; } #content .gallery-item .item-title { padding-bottom:5px; border-bottom:1px solid #ededed; margin:0px; } .gallery-item .item-title a{ color:#6a6a75; font-size:13px; font-weight:bold; } .gallery-item .item-title a:hover{ color:#f56734; } .gallery-item .item-type-link { display:block; padding-bottom:2px; border-bottom:1px solid #ededed; } .gallery-item .item-type-link a{ color:#808080; font-size:11px; font-weight:normal; } .gallery-item .item-type-link a:hover{ color:#f56734; } .gallery-4-columns { margin-left:-29px;} .gallery-4-columns .gallery-item{ width:223px; float:left; margin-left:29px;} .gallery-3-columns { margin-left:-31px;} .gallery-3-columns .gallery-item{ width:306px; float:left; margin-left:31px;} .gallery-2-columns { margin-left:-32px;} .gallery-2-columns .gallery-item{ width:474px; float:left; margin-left:32px;} /* --------------------------------------- */ /* 24. Isotope Styles /* --------------------------------------- */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* --------------------------------------- */ /* 25. Scroll Top /* --------------------------------------- */ a#scroll-top{ display:none; position:fixed; right:20px; bottom:20px; height:42px; width:42px; line-height:42px; background:#377f8f url(images/scroll-top.png) center center no-repeat; opacity:0.8; -moz-opacity:0.8; -webkit-opacity:0.8; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; } a#scroll-top:hover{ background-color:#f56734; }