/*
Theme Name: VolunteerInfo.org
Theme URI: https://volunteerinfo.org
Description: Custom website design for VolunteerInfo.org
Author: WayLay Design, LLC
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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,font,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{background:transparent;border:0;vertical-align:baseline;margin:0;padding:0}
body{line-height:1}
h1,h2,h3,h4,h5,h6{clear:both;font-weight:400}
ol,ul{list-style:none}
blockquote{quotes:none}
blockquote:before,blockquote:after{content:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup  */
table{border-collapse:collapse;border-spacing:0}
a img{border:none}
.clear{clear:both}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
#container{}
#content{float:left;width:630px;padding:10px 20px 20px 20px}
#primary,#secondary{float:right;overflow:hidden;width:260px;padding:18px 10px 20px 20px}
#secondary{clear:right}
#footer{clear:both;width:100%}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/
.single-attachment #content{width:900px;margin:0 auto}


/* =Fonts
-------------------------------------------------------------- */
body,input,textarea,.page-title span,.pingback a.url{font-family:Arial,sans-serif}
pre{font-family:"Courier 10 Pitch", Courier, monospace}
code{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace}
h3#comments-title,h3#reply-title,#access .menu,#access div.menu ul,#cancel-comment-reply-link,.form-allowed-tags,#site-info,#site-title,#wp-calendar,.comment-meta,.comment-body tr th,.comment-body thead th,.entry-content label,.entry-content tr th,.entry-content thead th,.entry-meta,.entry-title,.entry-utility,#respond label,.navigation,.page-title,.pingback p,.reply,.widget-title,.wp-caption-text,input[type=submit]{font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#wrapper{width:94%;max-width:960px;margin:0 auto;background:none;padding:0}

/* Structure the footer area */
#footer-widget-area{overflow:hidden}
#footer-widget-area .widget-area{float:left;width:300px;padding:20px 0 0 20px}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body{background:#33a5ff}
body,input,textarea{color:#333;font-size:14px;line-height:18px}
hr{background-color:#e7e7e7;border:0;clear:both;height:1px;margin-bottom:18px}

/* Text elements */
ul{list-style:disc;margin:0 0 18px 1.5em}
ol{list-style:decimal;margin:0 0 18px 1.5em}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
dl{margin:0 0 24px}
cite,em,i{font-style:italic}
big{font-size:131.25%}
ins{background:#ffc;text-decoration:none}
blockquote{font-style:italic;padding:0 3em}
blockquote cite,blockquote em,blockquote i{font-style:normal}
pre{background:#f7f7f7;color:#222;line-height:18px;margin-bottom:18px;padding:1.5em}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
sup,sub{height:0;line-height:1;position:relative;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
input[type="text"],input[type="email"],textarea{background:#f9f9f9;border:1px solid #ccc;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);padding:2px;border-radius:5px 5px 5px 5px}
input[type="text"],input[type="email"]{height:20px;margin-bottom:20px;padding-top:6px}
a:link{color:#06c}
a:visited{color:#743399}
a:active,a:hover{color:#ff4b33}
p,dd{margin-bottom:18px}
dt,strong{font-weight:700}

/* Text meant only for screen readers */
.screen-reader-text{position:absolute;left:-9000px}


/* =Header
-------------------------------------------------------------- */
#header{padding:30px 0 10px 0;width:100%;margin:0 auto}
#header a{color:#fff;text-decoration:none}
/* This is the custom header image  */
#branding{float:left;max-width:575px;width:50%;padding-right:3%}
#branding p{font-family:Arial;font-size:18px;color:#fff;font-weight:400;text-shadow:1px 1px 3px #000;margin-bottom:10px}
#branding h1{font-family:Arial;font-size:30px;color:#fff;font-weight:700;text-shadow:1px 1px 3px #000;line-height:1.25em}


/* =Menu
-------------------------------------------------------------- */
#access{background:transparent url(https://volunteerinfo.org/images/menu-bg.png) no-repeat scroll right top;display:block;float:right;width:383px;height:43px;margin:0 auto;padding:3px 0 0 2px}
#access .menu-header,#access div.menu{font-size:14px;width:385px}
#access .menu-header ul,#access div.menu ul{list-style:none;margin:0}
#access .menu-header li,#access div.menu li{float:left;position:relative}
#access a{color:#089cff;display:block;line-height:38px;text-decoration:none;padding:0 10px;text-shadow:1px 1px 1px #fff}
#access ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:180px;z-index:99999}
#access ul ul li{min-width:180px}
#access ul ul ul{left:100%;top:0}
#access ul ul a{background:#333;line-height:1em;width:160px;height:auto;padding:10px}
#access li:hover > a,#access ul ul :hover > a{background:none;color:#666}
#access ul li:hover > ul{display:block}
#access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a,* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover{color:#089cff;text-decoration:underline}


/* =Callouts
-------------------------------------------------------------- */
.callout{clear:both;width:100%;background:#eee;overflow:hidden;border-radius:5px}
.callout .lend{float:left;width:70%;max-width:658px;margin-bottom:-10px}
.callout img{width:100%;height:auto;max-width:658px}
.callout .links{float:left;width:28%;overflow:hidden;padding:20px 20px 0 0}
.callout .links h2{font-size:22px;color:#06c;font-weight:700;text-shadow:1px 1px 1px #fff;padding-left:20px;margin-bottom:20px;line-height:1.15em}
.callout .links ul{list-style:none;margin-bottom:0}
.callout .links ul li{font-family:Tahoma;font-size:18px;font-weight:700;color:#333;text-shadow:1px 1px 1px #fff;border-top:1px dotted #333;padding:12px 0}
.callout .links ul li a{color:#333;text-decoration:none}
.callout .links ul li a:hover{text-decoration:underline}


/* =Area Search
-------------------------------------------------------------- */
.area-search{clear:both;background:transparent url(https://volunteerinfo.org/images/area-menu-bg.png) no-repeat scroll left top;width:100%;max-width:960px;height:46px;margin:20px 0}
.area-search h2{color:#06c;font-size:18px;font-weight:700;text-shadow:1px 1px 1px #fff;clear:none;float:left;padding:11px 0 0 10px;width:265px}
.area-search .menu-header,.area-search div.menu{float:left;font-family:Tahoma;font-size:18px;font-weight:700;color:#333;text-shadow:1px 1px 1px #fff;width:450px}
.area-search .menu-header ul,.area-search div.menu ul{list-style:none;margin:0}
.area-search .menu-header li,.area-search div.menu li{float:left;position:relative}
.area-search a{color:#333;display:block;line-height:38px;text-decoration:none;padding:0 10px;text-shadow:1px 1px 1px #fff}
.area-search ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:180px;z-index:99999}
.area-search ul ul li{min-width:180px}
.area-search ul ul ul{left:100%;top:0}
.area-search ul ul a{background:#333;line-height:1em;width:160px;height:auto;padding:10px}
.area-search li:hover > a,.area-search ul ul :hover > a{background:none;color:#06c}
.area-search ul li:hover > ul{display:block}
.area-search ul li.current_page_item > a,.area-search ul li.current-menu-ancestor > a,.area-search ul li.current-menu-item > a,.area-search ul li.current-menu-parent > a,* html .area-search ul li.current_page_item a,* html .area-search ul li.current-menu-ancestor a,* html .area-search ul li.current-menu-item a,* html .area-search ul li.current-menu-parent a,* html .area-search ul li a:hover{color:#333;text-decoration:underline}
.area-search form,#searchform{float:left;width:235px}
.area-search input[type="text"],#searchform input[type="text"]{background:transparent url(https://volunteerinfo.org/images/search-bg.png) no-repeat scroll left top;width:176px;height:24px;box-shadow:none;border:none;padding:8px 50px 4px 3px;margin-top:4px;vertical-align:middle}
.area-search input[type="submit"],#searchform input[type="submit"]{background:transparent url(https://volunteerinfo.org/images/search-mg.png) no-repeat scroll left top;width:26px;height:27px;border:none;position:absolute;margin:7px 0 0 -40px}


/* =Content
-------------------------------------------------------------- */
.container-top{clear:both;background:transparent url(https://volunteerinfo.org/images/content-top-bg.png) no-repeat scroll left top;width:100%;max-width:960px;height:7px;margin:0 auto}
.container-bottom{clear:both;background:transparent url(https://volunteerinfo.org/images/content-bottom-bg.png) no-repeat scroll left top;width:100%;max-width:960px;height:7px;margin:0 auto}
.divider{clear:both;background:#ddd url(https://volunteerinfo.org/images/divider.png) no-repeat scroll left top;width:100%;max-width:960px;height:20px;margin:0 auto}
#content p.website-link{font-style:italic;font-size:12px;padding-left:10px;margin-bottom:0;margin-top:10px}
#content p.website-link a{color:#06c;text-decoration:none}
#content p.website-link a:hover{text-decoration:underline}
#content img{padding:5px;border:1px solid #ddd}
.entry-summary img,.thumbimg{float:left;margin:0 10px 10px 0}
#container{background:transparent url(https://volunteerinfo.org/images/content-bg-slice.png) repeat-y scroll left top;width:100%;max-width:960px;height:100%;margin:0 auto}
#content,#content input,#content textarea{color:#333;font-size:14px;line-height:20px}
#content p,#content ul,#content ol,#content dd,#content pre,#content hr{margin-bottom:18px}
#content ul ul,#content ol ol,#content ul ol,#content ol ul{margin-bottom:0}
#content pre,#content kbd,#content tt,#content var{font-size:15px;line-height:21px}
#content code{font-size:13px}
#content dt,#content th{color:#000}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{line-height:1.5em;margin:0 0 10px;font-weight:700}
#content h1{color:#036;border-bottom:1px dotted #036;font-size:24px}
#content table{border:1px solid #e7e7e7;text-align:left;width:100%;margin:0 -1px 24px 0}
#content tr th,#content thead th{color:#888;font-size:12px;font-weight:700;line-height:18px;padding:9px 24px}
#content tr td{border-top:1px solid #e7e7e7;padding:6px 24px}
#content tr.odd td{background:#f2f7fc}
.hentry{margin:0 0 48px}
.home .sticky{background:#f2f7fc;border-top:4px solid #000;margin-left:-20px;margin-right:-20px;padding:18px 20px}
.single .hentry{margin:0 0 36px}
.page-title{color:#000;font-size:14px;font-weight:700;margin:0 0 36px}
.page-title span{}
.page-title a:link,.page-title a:visited{color:#888;text-decoration:none}
#content .entry-title{color:#000;font-size:21px;font-weight:700;line-height:1.3em;margin-bottom:0}
.entry-title a:link,.entry-title a:visited{color:#036;text-decoration:none}
.entry-meta abbr,.entry-utility abbr{border:none}
.entry-meta abbr:hover,.entry-utility abbr:hover{border-bottom:1px dotted #666}
.entry-content,.entry-summary{clear:both;padding:12px 0 0;word-wrap:break-word}
#content .entry-summary p:last-child{margin-bottom:12px}
.entry-content fieldset{border:1px solid #e7e7e7;margin:0 0 24px;padding:24px}
.entry-content fieldset legend{background:#fff;color:#000;font-weight:700;padding:0 24px}
.entry-content input.file,.entry-content input.button{margin-right:24px}
.entry-content sup,.entry-content sub{font-size:10px}
.entry-content blockquote.left{float:left;margin-left:0;margin-right:24px;text-align:right;width:33%}
.entry-content blockquote.right{float:right;margin-left:24px;margin-right:0;text-align:left;width:33%}
.page-link{clear:both;color:#000;font-weight:700;word-spacing:0.5em;margin:0 0 22px}
.page-link a:link,.page-link a:visited{background:#f1f1f1;color:#333;font-weight:400;text-decoration:none;padding:0.5em 0.75em}
.home .sticky .page-link a{background:#d9e8f7}
body.page .edit-link{clear:both;display:block}
#entry-author-info{background:#f2f7fc;border-top:4px solid #000;clear:both;font-size:14px;line-height:20px;overflow:hidden;margin:24px 0;padding:18px 20px}
#entry-author-info #author-avatar{background:#fff;border:1px solid #e7e7e7;float:left;height:60px;margin:0 -104px 0 0;padding:11px}
#entry-author-info #author-description{float:left;margin:0 0 0 104px}
#entry-author-info h2{color:#000;font-size:100%;font-weight:700;margin-bottom:0}
.entry-utility{clear:both;color:#888;font-size:12px;line-height:18px}
.entry-meta a,.entry-utility a{color:#888}
#content .video-player{padding:0}
.page-title a:active,.page-title a:hover,.entry-title a:active,.entry-title a:hover,.page-link a:active,.page-link a:hover,.entry-meta a:hover,.entry-utility a:hover{color:#ff4b33}
.entry-meta,.entry-content label{color:#888;font-size:12px}
.entry-content input,.entry-content select{margin:0 0 24px}
.wp-paginate a{padding:6px 10px}

/* =Asides
-------------------------------------------------------------- */
.home #content .format-aside p,.home #content .category-asides p{font-size:14px;line-height:20px;margin-bottom:10px;margin-top:0}
.home .hentry.format-aside,.home .hentry.category-asides{padding:0}
.home #content .format-aside .entry-content,.home #content .category-asides .entry-content{padding-top:0}


/* =Gallery listing
-------------------------------------------------------------- */
.format-gallery .size-thumbnail img,.category-gallery .size-thumbnail img{border:10px solid #f1f1f1;margin-bottom:0}
.format-gallery .gallery-thumb,.category-gallery .gallery-thumb{float:left;margin-right:20px;margin-top:-4px}
.home #content .format-gallery .entry-utility,.home #content .category-gallery .entry-utility{padding-top:4px}


/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption{font-size:140%;margin-top:24px}
.attachment .entry-content .nav-previous a:before{content:'\2190\00a0'}
.attachment .entry-content .nav-next a:after{content:'\00a0\2192'}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img{max-width:100%;height:auto}
.alignleft,img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px}
.alignright,img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px}
.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
img.alignleft,img.alignright,img.aligncenter{margin-bottom:12px}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px !important;text-align:center;padding:4px}
.wp-caption img{margin:5px 5px 0}
.wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px}
.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{border:10px solid #f1f1f1}
.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 br+br{display:none}
#content .attachment img{display:block;margin:0 auto}
.wp-smiley,.gallery dl{margin:0}


/* =Navigation
-------------------------------------------------------------- */
.navigation{color:#888;font-size:12px;line-height:18px;overflow:hidden}
.navigation a:link,.navigation a:visited{color:#888;text-decoration:none}
.navigation a:active,.navigation a:hover{color:#ff4b33}
.nav-previous{float:left;width:50%}
.nav-next{float:right;text-align:right;width:50%}
#nav-above{display:none;margin:0 0 18px}
.paged #nav-above,.single #nav-above{display:block}
#nav-below{margin:-18px 0 0}


/* =Comments
-------------------------------------------------------------- */
#comments{clear:both}
#comments .navigation{padding:0 0 18px}
h3#comments-title,h3#reply-title{color:#000;font-size:20px;font-weight:700;margin-bottom:0}
h3#comments-title{padding:24px 0}
.commentlist li.comment{border-bottom:1px solid #e7e7e7;line-height:24px;position:relative;margin:0 0 24px;padding:0 0 0 56px}
.commentlist li:last-child{border-bottom:none;margin-bottom:0}
#comments .comment-body ul,#comments .comment-body ol{margin-bottom:18px}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
.commentlist ol{list-style:decimal}
.commentlist .avatar{position:absolute;top:4px;left:0}
.comment-author cite{color:#000;font-style:normal;font-weight:700}
.comment-author .says{font-style:italic}
.comment-meta{font-size:12px;margin:0 0 18px}
.comment-meta a:link,.comment-meta a:visited{color:#888;text-decoration:none}
.reply{font-size:12px;padding:0 0 24px}
.reply a,a.comment-edit-link{color:#888}
.commentlist .children li{border:none;margin:0}
.nopassword,.nocomments{display:none}
#comments .pingback{border-bottom:1px solid #e7e7e7;margin-bottom:18px;padding-bottom:18px}
.commentlist li.comment+li.pingback{margin-top:-6px}
#comments .pingback p{color:#888;display:block;font-size:12px;line-height:18px;margin:0}
#comments .pingback .url{font-size:13px;font-style:italic}
.commentlist,.commentlist .children{list-style:none;margin:0}
.comment-meta a:active,.comment-meta a:hover,.reply a:hover,a.comment-edit-link:hover{color:#ff4b33}

/* Comments form */
input[type=submit]{color:#333}
#respond{border-top:1px solid #e7e7e7;overflow:hidden;position:relative;margin:24px 0}
#respond .comment-notes{margin-bottom:1em}
.form-allowed-tags{line-height:1em}
.children #respond{margin:0 48px 0 0}
h3#reply-title{margin:18px 0}
#comments-list #respond{margin:0 0 18px}
#cancel-comment-reply-link{font-size:12px;font-weight:400;line-height:18px}
#respond .required{color:#ff4b33;font-weight:700}
#respond label{color:#888;font-size:12px}
#respond input{width:98%;margin:0 0 9px}
#respond textarea{width:98%}
#respond .form-allowed-tags{color:#888;font-size:12px;line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px;width:auto}
#respond p,#comments-list ul #respond{margin:0}


/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul{list-style:none;margin-left:0}
.widget-area select{max-width:100%}
.widget_search #s{width:60%}
.widget_search label{display:none}
.widget-container{margin:0 0 18px}
.widget-title{color:#222;font-weight:700}
.widget-area a:link,.widget-area a:visited{text-decoration:none}
.widget-area a:active,.widget-area a:hover{text-decoration:underline}
#wp_tag_cloud div{line-height:1.6em}
#wp-calendar{width:100%}
#wp-calendar caption{color:#222;font-size:14px;font-weight:700;padding-bottom:4px;text-align:left}
#wp-calendar tbody{color:#aaa}
#wp-calendar tbody td{background:#f5f5f5;border:1px solid #fff;text-align:center;padding:3px 0 2px}
#wp-calendar tbody .pad{background:none}
#wp-calendar tfoot #next{text-align:right}
.widget_rss a.rsswidget{color:#000}
.widget_rss a.rsswidget:hover{color:#ff4b33}
.widget_rss .widget-title img{width:11px;height:11px}
.widget-area .entry-meta,#wp-calendar thead{font-size:11px}

/* Main sidebars */
#primary .widget-area ul{list-style:none;margin-left:0;padding:0 20px 0 0}
#primary .widget-area ul li{list-style:none;padding:0 0 20px 0}
#primary .widget-area ul ul{list-style:none;margin-left:0;border:none;padding:0}
#primary .widget-area ul ul li{list-style:none;padding:3px 0}
.widget-area ul.children{list-style:none;border:none;margin:0 0 0 10px}
#primary{}
#primary .widget-title{color:#036;font-size:18px;font-weight:700;border-bottom:1px dotted #036;padding-bottom:10px;margin-bottom:10px}
#secondary{}
.widget-area select{height:40px}

/* Footer widget areas */
#footer-widget-area{}
#footer-widget-area .widget-title{color:#036;font-size:18px;font-weight:400;border-bottom:1px dotted #036;padding-bottom:10px;margin-bottom:10px;text-shadow:1px 1px 1px #fff}
#footer-widget-area ul{margin-left:0;padding:0 20px 0 0}
#footer-widget-area ul li{padding:0}
#footer-widget-area ul ul{list-style:none;border:none;padding:0 0 0 10px}
#footer-widget-area ul ul li{padding:3px 0}
form.wpcf7-form p{color:#036;font-size:16px;font-weight:400;text-shadow:1px 1px 1px #fff;margin:0}
input.wpcf7-submit{background:transparent url(https://volunteerinfo.org/images/button-sendmsg.png) no-repeat scroll left top;width:127px;height:24px;margin:0 auto;border:none}
#footer-widget-area .wpcf7 input[type=text],#footer-widget-area .wpcf7 input[type=email],#footer-widget-area .wpcf7 textarea{max-width:250px}


/* =Footer
-------------------------------------------------------------- */
#footer{background:#ddd;height:100%}
#footer p{text-shadow:1px 1px 1px #fff}
.copyright{padding-top:30px;text-align:center;font-family:Arial;font-size:12px;color:#fff;margin-bottom:40px}
.copyright a{color:#fff;text-decoration:none}
#cookie-law-info-bar{width:86%}
#cookie-law-info-bar[data-cli-style="cli-style-v2"], #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"], #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"]{width:86%}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre{-webkit-text-size-adjust:100%}
code{-webkit-text-size-adjust:100%}
#access,.entry-meta,.entry-utility,.navigation,.widget-area{-webkit-text-size-adjust:100%}
#site-description{-webkit-text-size-adjust:none}

@media only screen and (max-width: 1200px) {
.callout{}
.callout .links h2{font-size:20px}
.callout .links ul li{font-size:16px}
}

@media only screen and (max-width: 1040px) {
.callout .lend{max-width:628px}
.callout .links{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.callout .links h2{font-size:18px}
.callout .links ul li{font-size:15px;line-height:1.5em}
.area-search .menu-header, .area-search div.menu{width:98%;font-size:16px}
.area-search{background:#eee;width:100%;height:100%;border-radius:5px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;max-width:658px;margin:20px auto}
.area-search form,#searchform{float:none;clear:both;margin-left:10px}
.container-top,.container-bottom{display:none}
#content{float:none;clear:both;width:93%;padding-left:3%;padding-right:4%;padding-top:3%;background:#efefef;border-top-left-radius:5px;border-top-right-radius:5px}
#container{background:none;width:100%;max-width:658px}
#primary,#secondary{background:#fc0;float:none;clear:both;width:93%;padding-left:3%;padding-right:4%}
.divider{width:100%;max-width:656px;background:#ddd url(https://volunteerinfo.org/images/divider.png) no-repeat scroll center top;border-left:1px solid #666;border-right:1px solid #666}
#footer{width:100%;max-width:658px;margin:0 auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
#footer-widget-area .widget-area{padding-right:0;width:280px}
#footer-widget-area #third{clear:both;float:none;width:94%;padding}
#footer-widget-area .wpcf7{max-width:400px;margin:0 auto}
#footer-widget-area .wpcf7 input[type=text], #footer-widget-area .wpcf7 input[type=email], #footer-widget-area .wpcf7 textarea{max-width:320px;width:100%}
body,input,textarea,#content,#content input,#content textarea{font-size:16px;line-height:1.75em}
}

@media only screen and (max-width: 985px) {
.callout .lend{max-width:600px}
.cli-style-v2 .cli-bar-message,#cookie-law-info-bar[data-cli-style="cli-style-v2"], #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"], #cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"]{width:86%;max-width:600px}
.callout .links{padding-top:10px}
}

@media only screen and (max-width: 940px) {
.wrapper,.area-search,#container,.divider,#footer{max-width:638px}
#access{background:#f1f1f1;float:none;margin-left:auto;margin-right:auto;width:383px;height:43px;border-radius:5px;border-left:1px solid #888;border-right:1px solid #888;border-bottom:1px solid #888}
#header{padding-top:20px}
#branding{clear:both;float:none;width:100%;max-width:100%;padding-right:0;text-align:center}
#branding h1{font-size:24px}
#access{clear:both;float:none;margin:20px auto}
.callout{max-width:638px;width:100%;margin:0 auto}
.callout .lend{float:none;clear:both;width:100%;max-width:100%}
.callout .links{float:none;clear:both;width:96%}
#access,#access .menu-header,#access div.menu{width:500px;margin-left:auto;margin-right:auto}
#access .menu-header ul, #access div.menu ul{text-align:center}
#access .menu-header li, #access div.menu li{float:none;display:inline-block}
#access .menu-header,#access div.menu{font-size:16px}
#footer-widget-area{clear:both;float:none;width:94%;margin:0 auto}
#footer-widget-area .widget-area,#footer-widget-area ul{padding-right:0}
#footer-widget-area #first,#footer-widget-area #second{clear:both;float:none;width:94%;margin:0 auto;padding-left:0}
}

@media only screen and (max-width: 780px) {
#branding h1{font-size:20px}
#access{height:100%}
#access,#access .menu-header,#access div.menu{width:450px}
#access .menu-header,#access div.menu{font-size:15px}
}

@media only screen and (max-width: 700px) {
#access,#access .menu-header,#access div.menu{width:90%;max-width:450px}
}