/* Theme Name: Elephant Village Description: Custom website design by Bluenotes Entertainment. Built using the WP JumpStart Framework. Author: Kerry Kline Author URI: http://www.bluenotesentertainment.com Version: 1.2.2 Template: jumpstart */ /* =========================================================== * WP JumpStart Framework Styles @since 1.2 * ======================================================== */ /** * NOTE: Custom Design Style for this website are pulled * from assets/css/theme.css which may/will overrides * the default JumpStart styles found below. */ body{background:#f2f2f2} #wrapper{padding:0 10px} body{color:#666;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:150%} h1,h2,h3,h4,h5,h6{line-height:130%;margin-bottom:.4em} h1{font-size:2.3em} h2{font-size:1.85em} h3{font-size:1.4em} h4{font-size:1.1em} h5{font-size:.92em} h6{font-size:.85em;color:#999;text-transform:uppercase} a{color:#2a9ed4;text-decoration:none} a:hover,.tb-text-logo:hover,.entry-title a:hover{color:#1a5a78;text-decoration:none} p{margin-bottom:1.38em} article{margin-bottom:40px} .entry-title{margin:0 0 10px 0} .entry-title-with-meta{margin:0} .entry-title a{color:inherit;text-decoration:none} .entry-meta{color:#999;font-size:11px;font-weight:bold;margin:5px 2px 15px 2px} .entry-meta .fa{padding-right:5px} .entry-meta .sep{color:#ccc;font-weight:normal;padding:0 7px} img{max-width:100%;height:auto} img.size-full{max-width:100%;width:auto} .entry-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0} #top{position:relative;padding:0 30px} #header_content{padding:20px 0} .header_logo_text{padding:0 15px} .header_logo_text .tb-text-logo{font-size:2.3em;margin:0} .header_logo_text .tb-text-logo a{color:inherit} .header_logo_text .tagline{color:#888;font-style:italic;font-size:1em} #access{background-color:#fbfbfb;background-image:-moz-linear-gradient(top,#fff,#f5f5f5);background-image:-ms-linear-gradient(top,#fff,#f5f5f5);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#fff,#f5f5f5);background-image:-o-linear-gradient(top,#fff,#f5f5f5);background-image:linear-gradient(top,#fff,#f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} #primary-menu li a{color:#666} #primary-menu li a .sf-sub-indicator{color:#999} #primary-menu>li{border-right:solid 1px #ddd} #primary-menu>li>a{line-height:40px;padding:0 20px} #primary-menu>li.current_page_item>a{background:#fff} #primary-menu>li>a.sf-with-ul{padding-right:12px} #primary-menu>[class^="menu-icon-"]>a{padding-left:12px} #primary-menu>li>a:hover{background:#f2f2f2} #primary-menu ul{background:#fff;border:1px solid #ddd;width:200px} #primary-menu li li a{padding:7px 10px} #primary-menu li li a:hover{background:#f2f2f2} #primary-menu li li.nav-header{color:#888;font-size:.9em;font-weight:bold;padding:7px 10px;text-transform:uppercase} #primary-menu li li.divider{background-color:#ddd;border-bottom:none} #primary-menu>li>ul{border-top:none;margin-left:-1px;margin-top:1px} #primary-menu ul ul{left:200px} @media(min-width:801px){#access{height:auto !important;overflow:visible !important} } #featured{padding:10px 30px} #main{padding:20px 30px} #featured_below{padding:10px 30px} .post_grid .entry-title{font-size:15px;line-height:22px; font-weight: bold; } #comments li{margin:5px 0} #comments-title{padding:0 10px} #comments .commentlist{margin-bottom:30px; padding:0;} #comments .comment-body{border:1px solid #ddd;padding:15px;padding-left:83px;position:relative} #comments .comment-body .avatar{position:absolute;top:15px;left:15px} #comments .comment-author{line-height:100%} #comments .comment-body .says{display:none} #comments .comment-body .comment-meta{margin-bottom:10px} #comments .comment-body .comment-meta a{color:#9e9e9e;font-family:Georgia,serif;font-size:.9em;font-style:italic} #comments .comment-body .fn{display:block;font-style:normal;font-weight:bold;margin-top:5px} #comments .comment-body p{margin-bottom:30px} #comments .comment-body .reply a{position:absolute;right:5px;bottom:5px} #comments .comment-body .reply a:hover{background:#ddd} #comments ol{list-style:none;margin:0} #comments ul.children{border-left:1px solid #e9e9e9;list-style:none;margin:10px 0 10px 15px;padding:10px 0 10px 20px} .comment-form-wrapper{margin-bottom:30px} #reply-title{margin:10px 0} #commentform input[type=text]{margin-right:10px;width:40%} #commentform textarea{width:98%} #commentform label{display:inline-block} #commentform .form-submit{margin:10px 0} #commentform .form-allowed-tags{display:none} .widget ul{list-style:none;margin-left:0; padding: 0px; } .widget ul li{padding:3px 0} .fixed-sidebar .widget{margin:0 0 30px 0} .widget-area-collapsible .widget{padding:10px 0} #bottom{padding:10px 30px} #footer_content{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:30px 5px} #footer_sub_content{color:#888;font-size:.9em;padding:20px;text-align:center} #footer_sub_content .footer-nav ul{margin:0} #footer_sub_content .footer-nav li{display:inline-block;list-style:none;padding:0 5px} @media(max-width:1000px){#accessli{border-right:0}} @media(max-width:767px){ #top,#featured,#main,#featured_below,#bottom {padding-right: 20px;padding-left: 20px;} #branding {border-bottom: 1px solid #eeeeee;} #branding .header_logo {float: none;text-align: center;} #access {background: #f7f7f7;display: none;margin-bottom: 10px;} #access li {border: none;float: none;padding: 0;} #access #primary-menu > li:first-child > a {-webkit-border-radius: 3px;-webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius: 3px;-moz-border-radius-bottomright: 0;-moz-border-radius-bottomleft: 0;border-radius: 3px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;} #access li li a {padding-left: 20px;} #access li li li a {padding-left: 30px;} #access .sf-menu ul {border: none;margin: 0;position: static;width: auto;} #access .sf-menu ul .sf-sub-indicator.icon-caret-right {position: static;right: inherit;} #access .sf-menu ul .sf-sub-indicator.icon-caret-right:before {content: "\f0d7";} .btn-navbar {border: 1px solid #eeeeee;border-bottom: none;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;color: #666666;display: inline-block;outline: none;margin-left: 0px;padding: 4px 10px;} h1 {font-size: 24px; /* Fallback for older browsers */font-size: 1.85rem;line-height: 1.3em;} .element-slogan .tb-slogan {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;box-orient: vertical;} .element-slogan .tb-slogan .slogan-text {display: block;font-size: 17px; font-size: 1.3rem;text-align: center;-webkit-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;margin-bottom: 20px;} .element-slogan .tb-slogan .btn-large {display: block;float: none;-webkit-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;} .firefox .element-slogan .tb-slogan {display: block;} .divider-shadow {background-size:100%;} .attachment-small {width: 40%;} #comments {font-size: 11px;font-size: .85rem;} #comments .comment-body {padding: 2px 10px;} #comments .comment-author,#comments .comment-meta {padding-left: 35px;} #comments .comment-body .avatar {top: 5px;left: 5px;width: 30px;height: 30px;} } /* == PrettyPhoto == */ div.pp_default .pp_top {height: 13px !important;} /* =========================================================== * Missing Form Styles for JumpStart @since 1.2.2 * ======================================================== */ form{margin:0 0 20px} fieldset{padding:0;margin:0;border:0} legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333;border:0;border-bottom:1px solid #e5e5e5} legend small{font-size:15px;color:#999} label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px} input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif} label{display:block;margin-bottom:5px} select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:34px;padding:4px 6px !important;margin-bottom:10px;font-size:14px !important;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle} textarea{height:auto}