/*-------------------------------------------------------------- # Comments --------------------------------------------------------------*/ #comments #respond { border-top: 1px solid #eee; font-family: inherit; font-weight: inherit; margin: 0; padding: 24px 24px 0; } #comments .comment #respond { padding-left: 0; padding-right: 0; } #comments #respond h3 { margin: 0 auto 24px; } #comments #respond form { background: transparent; } #comment-form-comment { margin-bottom: 24px; } #comments #respond #comment-form-comment, #comments #comment-form-share-text-padder, #comments #respond .comment-form-fields div.comment-form-input { background: #eee; border: 1px solid #ddd; border-radius: 0; box-shadow: none !important; transition-duration: 350ms; } #comments #respond #comment-form-comment { padding: 5px !important; } #comments #respond .comment-form-fields div.comment-form-input { margin-bottom: 12px; } #comments #respond .comment-form-field:last-of-type div.comment-form-input { margin-bottom: 0; } #comments .comment #respond #comment-form-comment, #comments .comment #comment-form-share-text-padder, #comments .comment #respond .comment-form-fields div.comment-form-input { background: #fff; } #comments #respond #comment-form-subscribe { float: none; line-height: 1.5 !important; margin-bottom: 24px; margin-top: 0; padding: 0; } #comments #respond .comment-form-fields p.comment-form-posting-as, #comments #respond .comment-form-fields p.comment-form-log-out, #comments #respond #comment-form-identity #comment-form-nascar p, #comments #respond #comment-form-load-service p, #comments #respond #comment-form-comment textarea, #comments #comment-form-share-text-padder textarea, #comments #respond .comment-form-fields label, #comments #respond .comment-form-fields label span.required, #comments #respond .comment-form-fields label span.nopublish, #comments #respond .comment-form-fields div.comment-form-input input { color: #222; text-shadow: none; } #comments #respond .comment-form-fields p.comment-form-posting-as, #comments #respond .comment-form-fields p.comment-form-log-out { padding-top: 0; } #comments #respond #comment-form-comment.active, #comments #respond .comment-form-fields div.comment-form-input.active { background: #fff; box-shadow: none !important; } #comments #respond form *, #comments #respond #comment-form-comment textarea, #comments #comment-form-share-text-padder textarea, #comments #respond p.comment-subscription-form label { font-family: inherit; font-size: inherit !important; line-height: inherit !important; } #comments #respond #comment-form-load-service { height: auto; } #comments #respond #comment-form-load-service p { background: transparent; padding-top: 0; } #comments #respond .comment-form-service { background: transparent; border-bottom: 0; padding: 0 0 24px; } #comments #respond .comment-form-service a { color: #ef7d0b; text-decoration: none; } #comments #respond .comment-form-service a:active, #comments #respond .comment-form-service a:focus, #comments #respond .comment-form-service a:hover { color: #222; } #comments #respond .comment-form-padder { padding: 0; } #comments #respond .form-submit { clear: both !important; float: none; font-size: inherit !important; line-height: 1.5 !important; padding: 0 0 24px; } #comments .comment #respond .form-submit { padding-bottom: 24px; } #comments #respond p.form-submit input#comment-submit { background: #ef7d0b !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; font-family: Lato, sans-serif; font-size: inherit !important; font-weight: bold !important; line-height: 1.5 !important; padding: 6px 12px !important; text-shadow: none !important; width: 100%; } #comments #respond .form-submit input#comment-submit:active, #comments #respond .form-submit input#comment-submit:focus, #comments #respond .form-submit input#comment-submit:hover { background: #222 !important; color: #fff !important; } #comments #respond .comment-form-fields div.comment-form-field { margin: 0; } #comments #respond #comment-form-identity { border-top: 0; margin-top: 0; } #comments #respond #comment-form-identity #comment-form-nascar { background: transparent; } #comments #respond #comment-form-identity #comment-form-nascar a, #comments #respond .comment-form-avatar a { box-shadow: none; } #comments #respond #comment-form-identity #comment-form-nascar p { margin: 0; padding: 0; } #comments #respond #comment-form-identity #comment-form-nascar ul { margin: 0 0 0 12px; } #comments #respond #comment-form-identity #comment-form-nascar ul li { padding: 0; } .rtl #comments #respond #comment-form-identity #comment-form-nascar ul { margin-left: 0; margin-right: auto; } #comments #respond.js .comment-form-fields label { line-height: inherit; padding: 0 !important; letter-spacing: 0; top: 5px; } #comments #respond .comment-form-fields { margin-left: 36px; } .rtl #comments #respond .comment-form-fields { margin-left: auto; margin-right: 36px; } #comments #respond .comment-form-avatar img { border: 0; padding: 0; width: 24px; } /*-------------------------------------------------------------- # Reblogger --------------------------------------------------------------*/ .hentry .wpcom-reblog-snapshot .reblogger-note { border-bottom-color: #ddd; margin-bottom: 24px; overflow: inherit; padding-bottom: 0; } .hentry .wpcom-reblog-snapshot p.reblogger-headline { line-height: inherit; margin-bottom: 24px; } .reblog-from img, .reblogger-headline img { height: 24px; width: 24px; } body .hentry .wpcom-reblog-snapshot .reblogger-note-content blockquote { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0 auto 24px; } /*-------------------------------------------------------------- # Stats & Robots --------------------------------------------------------------*/ img#wpstats { position: absolute; top: -999em; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ /* About.me */ .aboutme_widget #am_thumbnail { margin-bottom: 24px; } .aboutme_widget #am_thumbnail a, .aboutme_widget #am_thumbnail img { display: block; } .aboutme_widget #am_thumbnail img { border: 0; max-width: 100%; } .aboutme_widget #am_name { font-size: 25px; line-height: 1.2; margin-bottom: 24px; } .aboutme_widget #am_name a { font-size: inherit !important; } .aboutme_widget #am_headline { font-size: 20px; line-height: 1.2; margin-bottom: 0; } .aboutme_widget #am_bio { margin-bottom: 24px; } .aboutme_widget #am_bio p { margin-bottom: 0; } .aboutme_widget #am_services { padding-bottom: 20px; } .aboutme_widget #am_services a.am_service_icon { display: inline-block; line-height: 0; margin-bottom: 4px; } .aboutme_widget #am_services a.am_service_icon img { margin-bottom: 0; } /* Akismet */ .widget_akismet_widget .a-stats { display: inline-block; font-family: Lato, sans-serif; margin-bottom: 24px; text-transform: uppercase; width: 100%; } .widget_akismet_widget .a-stats a, .widget_akismet_widget .a-stats .count { font-size: inherit; font-weight: bold; line-height: inherit; } .widget_akismet_widget .a-stats a { background: #ef7d0b; border: 0; border-radius: 0; color: #fff; display: block; padding: 6px 12px; } .widget_akismet_widget .a-stats a:active, .widget_akismet_widget .a-stats a:focus, .widget_akismet_widget .a-stats a:hover { background: #fff; color: #222; } .widget_akismet_widget .a-stats .count { color: inherit; padding: 0; } /* Author Grid */ .widget_author_grid a, .widget_author_grid img { vertical-align: middle; } .widget_author_grid img { border: 1px solid #333; padding: 2px; } .widget_author_grid ul { list-style: none; margin-bottom: 23px; margin-top: -1px; } .widget.widget_author_grid ul li { margin: 0 !important; max-width: 50%; padding: 1px !important; } /* Authors */ .widget_authors ul ul { margin-left: 0; } .rtl .widget_authors ul ul { margin-right: 0; } .widget_authors img { border: 1px solid #333; margin-right: 6px; max-width: 48px; padding: 2px; vertical-align: middle; } .rtl .widget_authors img { margin-right: 0; margin-left: 6px; } /* Blog Stats */ .widget_blog-stats ul { list-style: none; } /* Flickr */ .widget_flickr #flickr_badge_uber_wrapper, .widget_flickr #flickr_badge_wrapper { background: transparent; border: 0; } .widget_flickr #flickr_badge_wrapper { margin: 0; } .widget_flickr #flickr_badge_uber_wrapper { margin: 0 0 18px; } .widget_flickr br { display: none; } .widget_flickr br:last-of-type { clear: both; display: inline; } .widget_flickr td { border: 0; padding: 0; text-align: left; } .rtl .widget_flickr td { text-align: right; } .widget_flickr a, .widget_flickr img { display: block; } .widget_flickr a { border-bottom: 0; float: left; height: 60px; margin-bottom: 6px; margin-right: 6px; overflow: hidden; } .rtl .widget_flickr a { float: right; margin-left: 6px; margin-right: 0; } .widget_flickr .flickr-size-small a { height: 90px; } .widget_flickr a img { height: 100%; } .widget_flickr #flickr_badge_uber_wrapper td a:last-child { background: transparent !important; clear: both; color: #ef7d0b; display: inline-block; height: auto; float: none; font-family: Lato, sans-serif; font-weight: bold; margin-right: 0; width: auto; } .widget_flickr #flickr_badge_uber_wrapper td a:last-child:active, .widget_flickr #flickr_badge_uber_wrapper td a:last-child:focus, .widget_flickr #flickr_badge_uber_wrapper td a:last-child:hover { color: #fff; } /* Follow Blog */ .widget_blog_subscription > div { background: transparent !important; border: 0 !important; color: inherit !important; margin: 0 0 24px !important; padding: 0 !important; } .widget_blog_subscription input[type="text"] { padding: 5px !important; width: 100% !important; } /* Gravatar */ .widget_gravatar img { border: 1px solid #333; padding: 2px; vertical-align: middle; } /* Grid */ .widgets-grid-layout, .widgets-multi-column-grid { margin-bottom: 23px; margin-top: -1px; } .widget-grid-view-image a { margin: 0 !important; } .widget-grid-view-image { padding: 1px; } .widgets-grid-layout img, .widgets-multi-column-grid img { border: 1px solid #333; padding: 2px; vertical-align: middle; } .widgets-multi-column-grid ul { margin-bottom: 23px; margin-top: -1px; } .widgets-multi-column-grid ul li { margin: 0 !important; max-width: 20%; padding: 1px !important; } /* I Voted */ .widget_i_voted img { margin-bottom: 24px; } /* Instagram */ .widget_wpcom_instagram_widget a, .widget_wpcom_instagram_widget img { display: block; } .widget_wpcom_instagram_widget a { border-bottom: 0; } .widget_wpcom_instagram_widget > div { margin-bottom: 24px; } .widget_wpcom_instagram_widget .wpcom-instagram-columns-1 img, .widget_wpcom_instagram_widget .wpcom-instagram-columns-2 img, .widget_wpcom_instagram_widget .wpcom-instagram-columns-3 img { margin: 0; } /* Internet Defense League */ .widget_internet_defense_league_widget a, .widget_internet_defense_league_widget img { display: block; } .widget_internet_defense_league_widget a { border-bottom: 0; } /* Lists */ .widget_authors ul, .widget_jp_blogs_i_follow ol, .widget_top-clicks ul, .widget_top-posts ul, .widget.top_rated ul, .widget_upcoming_events_widget ul { border-bottom: 1px solid #444; list-style: none; margin-left: 0; } .rtl .widget_authors ul, .rtl .widget_jp_blogs_i_follow ol, .rtl .widget_top-clicks ul, .rtl .widget_top-posts ul, .rtl .widget.top_rated ul, .rtl .widget_upcoming_events_widget ul { margin-right: 0; } .widget_authors li, .widget_jp_blogs_i_follow li, .widgets-list-layout li, .widget_top-clicks li, .widget_top-posts li, .widget.top_rated li, .widget_upcoming_events_widget li { border-top: 1px solid #444; padding-bottom: 6px; padding-top: 6px; } .widget_authors ul ul { border-bottom: 0; margin-bottom: -6px; margin-top: 6px; padding-left: 24px; position: relative; } .rtl .widget_authors ul ul { padding-left: 0; padding-right: 24px; } .widget_authors ul ul:before { background: #444; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .rtl .widget_authors ul ul:before { left: auto; right: 0; } /* List Layout */ .widget .widgets-list-layout { margin-bottom: 24px; } .widget .widgets-list-layout li { margin-bottom: 0; } .widget .widgets-list-layout span { display: block; opacity: 1; } /* Milestone */ .widget.milestone-widget { margin-bottom: 24px; } .milestone-widget .milestone-content { line-height: inherit; margin: 0 0 24px; } .milestone-widget .milestone-header { background: #ef7d0b; font-family: Lato, sans-serif; line-height: inherit; padding: 1em; } .milestone-widget .milestone-header .event { font-size: inherit; line-height: inherit; } .milestone-widget .milestone-countdown, .milestone-widget .milestone-message { border: 0; } /* My Community */ .widget_jetpack_my_community img { max-height: 100% !important; max-width: 100% !important; } /* Recent Comments */ .widget_recent_comments table { background: transparent; border: 0; border-top: 1px solid #444; margin-bottom: 24px; } .widget_recent_comments tr, .widget_recent_comments td { border: 0; border-bottom: 1px solid #444; } .widget_recent_comments tr:nth-of-type(even) { background: transparent; } .widget_recent_comments td.recentcommentsavatarend, .widget_recent_comments td.recentcommentsavatartop, .widget_recent_comments td.recentcommentstextend { padding: 6px 0; vertical-align: middle; } .widget_recent_comments td.recentcommentstextend { padding-left: 12px; } .rtl .widget_recent_comments td.recentcommentstextend { padding-left: 0; padding-right: 12px; } .widget_recent_comments td.recentcommentsavatarend a { border-bottom: 0; } .widget_recent_comments td.recentcommentstexttop { padding: 12px 0 12px 12px; } .rtl .widget_recent_comments td.recentcommentstexttop { padding: 12px 12px 12px 0; } .widget_recent_comments img { border: 1px solid #333; padding: 2px; vertical-align: middle; } /* Recent Images */ .widget_recent_images .recent_images { margin-bottom: 20px; } .widget_recent_images .recent_images a, .widget_recent_images .recent_images img { display: inline-block; line-height: 0; } .widget_recent_images .recent_images a { border-bottom: 0; } /* Social Media Icons */ .widget_wpcom_social_media_icons_widget ul { margin-bottom: 18px; margin-top: -6px; } .widget_wpcom_social_media_icons_widget ul:before, .widget_wpcom_social_media_icons_widget ul:after { content: ""; display: table; } .widget_wpcom_social_media_icons_widget ul:after { clear: both; } .widget_wpcom_social_media_icons_widget li { display: block; float: left; margin: 6px; } .rtl .widget_wpcom_social_media_icons_widget li { float: right; } .widget_wpcom_social_media_icons_widget .genericon { font-size: 24px; } /* Tag Cloud */ .wp_widget_tag_cloud > div { padding-bottom: 24px; } /* Top Rated */ .widget.top_rated .pd_top_rated_holder_posts { margin-bottom: 24px; } .widget.top_rated .pd_top_rated_holder_posts > p { border: 1px solid #444; font-family: Lato, sans-serif; margin-bottom: -1px; padding: 12px; text-align: center; } .widget.top_rated ul { border: 1px solid #444; border-top: 0; margin-bottom: 0; padding: 12px; } .widget.top_rated li:first-child { border-top: 0; padding-top: 0; } .widget.top_rated li:last-child { padding-bottom: 0; } /* Upcoming Events */ .widget_upcoming_events_widget .upcoming-events li { margin-bottom: 0; } /*-------------------------------------------------------------- # Follow --------------------------------------------------------------*/ #bitsubscribe input[type=text], #bitsubscribe input[type=email] { color: #000; } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## x >= 450px --------------------------------------------------------------*/ @media screen and (min-width: 450px) { /* Comments */ #comments #respond .comment-form-fields label, #respond.js .comment-form-fields label { padding-bottom: 10px !important; } } /*-------------------------------------------------------------- ## x >= 768px --------------------------------------------------------------*/ @media screen and (min-width: 768px) { /* Widgets */ .widget.milestone-widget { margin-bottom: 48px; } /* Comments */ #comments #respond { padding: 48px 48px 24px; } #comments .comment #respond { padding-bottom: 0; padding-top: 24px; } } /*-------------------------------------------------------------- ## x >= 1056px --------------------------------------------------------------*/ @media screen and (min-width: 1056px) { /* Comments */ #comments #respond { padding-left: 0; } .rtl #comments #respond { padding-left: 48px; padding-right: 0; } .no-sidebar #comments #respond { padding-left: 48px; } .rtl.no-sidebar #comments #respond { padding-right: 48px; } }