@import url(http://fonts.googleapis.com/css?family=Varela+Round);


body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; -webkit-font-smoothing: antialiased; }


h1,h2,h3,h4,h5,h6,p,ul { margin-top:0; margin-bottom:20px; }

h1	{ font-family: 'Varela Round', sans-serif; font-size:36px; font-weight:normal; text-transform:lowercase; line-height:110%; }
h2	{ font-family: 'Varela Round', sans-serif; font-size:32px; font-weight:normal; text-transform:lowercase; line-height:110%; }
h3	{ font-family: 'Varela Round', sans-serif; font-size:28px; font-weight:normal; text-transform:lowercase; line-height:110%; color:#D27019 }
h4	{ font-family: 'Varela Round', sans-serif; font-size:24px; font-weight:normal; text-transform:lowercase; line-height:110%; color:#D27019 }
h5	{ font-family: 'Varela Round', sans-serif; font-size:18px; font-weight:normal; text-transform:lowercase; line-height:110%; color:#D27019 }
h6	{ font-family: 'Varela Round', sans-serif; font-size:14px; font-weight:normal; text-transform:lowercase; }
p	{ line-height:22px; color:#222; }
li	{ line-height:22px; color:#222; }
a	{ color:#E16e08; }


#page-title									{ padding:0; margin:0; color:#D27019; font-size:44px; line-height:100%; }
.node-type-food-pantry #page-title			{ font-size:36px; }
h3.field-items								{ color:#666; font-size:24px; }


.form-item input							{ border:1px solid #BBB; padding:5px; box-sizing:border-box; font-size:14px; }
.form-item textarea							{ border:1px solid #BBB; padding:5px; box-sizing:border-box; font-size:14px; }
.form-actions input							{ color:#FFF; background:#e16e08; display:inline-block; padding:5px 10px; font-family:'Varela Round', sans-serif; border:0; text-transform:lowercase; font-size:18px; -moz-transition:background-color .5s; -webkit-transition:background-color .5s; -ms-transition:background-color .5s; }
.form-actions input:hover					{ background-color:#c05a00; }



#main-menu 									{ background:#a0a41a; }
#main-menu ul								{ margin:0; padding:0; list-style:none; }
#main-menu li								{ margin:0; padding:0; list-style:none; float:left; }
#main-menu li a								{ padding:10px 14px; color:#FFF; text-decoration:none; font-size:17px; font-family:'Varela Round', sans-serif; text-transform:lowercase; float:left; font-weight:normal; }
#main-menu a.active							{ background:#d3d900; color:#a0a41a; }
#main-menu-wrapper							{ background:url(imgs/menu-shadow.png) bottom center no-repeat; padding-bottom:37px; margin-bottom:-37px; position:relative; z-index:100 }

#page-wrapper                               { overflow: hidden; width: 100%; }
#main-wrapper								{ padding-top:30px; padding-bottom:10px; }
.front #main-wrapper						{ background:url(imgs/main-bg.png) top center repeat-x #6C700D; padding:0; }


.contact-block .content						{ text-align:right; font-size:0; padding-top:20px;  }
.contact-block .social						{ height:30px; vertical-align:middle; background:url('imgs/socialicons.png') no-repeat; display:inline-block; zoom: 1; *display: inline; margin-right:7px; -moz-transition:opacity .5s; -webkit-transition:opacity .5s; -ms-transition:opacity .5s; }
.contact-block .social:hover				{ opacity:.6; -moz-opacity:.6; -webkit-opacity:.6; }
.contact-block .email						{ width:32px; background-position:top left; }
.contact-block .twitter						{ width:30px; background-position:-40px 0; }
.contact-block .facebook					{ width:30px; background-position:top right; }
.contact-block .donate						{ background:url('imgs/donatebutton-bg.png') 5px center no-repeat #e16e08; font-family:'Varela Round', sans-serif; border:0; text-transform:lowercase; font-size:18px; color:#FFF; padding:5px 10px 5px 30px; -moz-transition:background-color .5s; -webkit-transition:background-color .5s; -ms-transition:background-color .5s; text-decoration:none; vertical-align: middle; }
.contact-block .donate:hover				{ background-color:#c05a00; }


.block-menu-block							{ background:#a0a41a; }
.block-menu-block .view						{ padding:0; }
.block-menu-block h2						{ margin:0; padding:20px; color:#FFF; border-bottom:1px solid #FFF; font-size:20px; }
.block-menu-block .content ul.menu			{ padding:10px 0; margin:0; }
.block-menu-block .content ul.menu li		{ margin:0; padding:0; list-style:none; list-style-image:none; }
.block-menu-block .content a				{ display:block; padding:10px 20px; color:#FFF; text-decoration:none; position:relative }
.block-menu-block .content a:hover			{ font-weight:bold; }
.block-menu-block .content a.active:after	{ display:block; position:absolute; left:0; top:8px; content:" "; width: 0px; height: 0px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #ffffff; }


.view										{ padding-top:20px; }
.image-row									{ margin-bottom:20px; background:#EEEBE8; padding:20px; }
.image-row .thumb							{ float:left; margin-right:20px; border:2px solid #FFF; }
.image-row .thumb img						{ display:block; }
.image-row .pdfpreview						{ float:left; margin-right:30px; }
.image-row a								{ color:#D27019; text-decoration:none; }
.image-row p.button a						{ color:#FFF; background:#e16e08; display:inline-block; padding:5px 10px; font-family:'Varela Round', sans-serif; border:0; text-transform:lowercase; font-size:18px; -moz-transition:background-color .5s; -webkit-transition:background-color .5s; -ms-transition:background-color .5s; }
.image-row p.button a:hover					{ background-color:#c05a00; }

.sidebar .image-row .thumb					{ margin:0 0 20px; }
.sidebar .image-row .thumb img				{ width:100%; height:auto; }
.sidebar .image-row p.button a				{ padding:3px 8px; font-size:16px; }
.sidebar .image-row h2						{ font-size: 26px; margin:0 0 5px; }

.page-events .image-row h2					{ margin:0 0 5px; }
.page-events .image-row h4					{ color:#AAA; font-size:18px; }
.page-events .thumb 						{ width:50%; }
.page-events .thumb img 					{ width:100%; height:auto; }

.page-get-involved .thumb					{ margin:0 0 10px; }
.page-get-involved .thumb img				{ width:100%; height:auto; }
.page-get-involved .image-row h2			{ margin:0 0 5px; }
.page-get-involved .image-row h4			{ color:#AAA; font-size:18px; }

.node-type-events .image-row h2				{ margin:0 0 5px; }
.node-type-events .image-row h4				{ color:#AAA; font-size:18px; }

.node-type-food-pantry .field				{ padding:10px 0; }
.node-type-food-pantry .field-label			{ color:#AAA; font-family:'Varela Round', sans-serif; font-size:15px; padding:0 0 5px }

.view-front-promos .views-row				{ position:relative; padding: 0; }
.view-front-promos .views-row h2			{ color:#FFF; font-size:38px; margin:0; z-index:200; position:relative; line-height:100%; }
.view-front-promos .views-row h2 a			{ color:#FFF; text-decoration:none; }
.view-front-promos .views-row p				{ color:#FFF; z-index:200;  position:relative; }
.view-front-promos .views-row .front-image	{ position:relative; top:0; left:0; z-index:1; margin-bottom: 8px; }
.view-front-promos .button a				{ display:inline-block; background:#a0a419; padding:8px 15px; font-family:'Varela Round', sans-serif; text-decoration:none; text-transform:lowercase; color:#FFF; font-size:16px;  z-index:200;  position:relative; -moz-transition:background-color .5s; -webkit-transition:background-color .5s; -ms-transition:background-color .5s }
.view-front-promos .button a:hover			{ background:#c0c429;  }

.view-pantry-listing .views-field-title a   { text-decoration: none; }
.view-pantry-listing .views-field-title a:hover   { text-decoration: underline; }
.view-pantry-listing .views-field-title     { margin:0 0 3px; }
.view-pantry-listing caption                { text-align: left; }
#block-views-pantry-listing-block h3        { margin-top: 0px; margin-bottom: 20px; clear:both; padding:0 10px; text-transform: capitalize; }
tr.even, tr.odd                             { background-color: #EEEBE8; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; }
.view-pantry-listing .views-row             { width:25%; box-sizing:border-box; font-size:14px; vertical-align:top; display: inline-block; min-height: 120px; padding: 15px; }
.view-pantry-listing                        { padding-top: 0; }
.view-pantry-listing .view-content          { font-size:0; margin:0 -10px; }
#block-views-pantry-listing-block           { padding-top: 20px; }

.node-events.node-teaser h3                 { margin-bottom: 15px; font-size: 28px; }
.node-events.node-teaser .subhead           { margin-bottom: 0; font-size: 22px; }
.node-events.node-teaser .node-readmore,
.node-programs.node-teaser .node-readmore   { color:#FFF; background:#e16e08; display:inline-block; padding:5px 10px; font-family:'Varela Round', sans-serif; border:0; text-transform:lowercase; font-size:18px; -moz-transition:background-color .5s; -webkit-transition:background-color .5s; -ms-transition:background-color .5s; }
.node-readmore a                            { color: #fff; }
.node-programs.node-teaser .field.field-name-body { margin-bottom: 15px; }

.donate-block								{ background:#e16e08; }
.donate-block h2							{ margin:0; padding:20px; color:#FFF; border-bottom:1px solid #FFF; font-size:22px; }
.donate-block .content						{ padding:20px; }
.donate-block .content p					{ color:#FFF; }
.donate-block .button						{ background:#FFF; color:#e16e08; display:inline-block; padding:3px 8px; font-family:'Varela Round', sans-serif; font-size:16px; text-decoration:none; border:0; text-transform:lowercase }
.donate-block .button:hover					{ background:#FCA; color:#FFF; }

.donate-page								{ padding-top:30px; }
.donate-page h2								{ color:#e16e08; border-bottom:1px solid #e16e08; padding:0 0 10px; }

.front .view								{ padding-top:0; }
.front .image-row							{ margin:0; background:#FFF; }
.front .image-row h4						{ color:#AAA; font-size:18px; }
.front .view-news-events .view-content		{ background:#FFF; min-height:350px; }


#postscript									{ padding:10px 0; }
.front #postscript							{ padding:20px 0 10px; }
#postscript .content h3						{ margin-bottom:10px; color:#FFF; }
#postscript .content h3 a					{ color:#FFF; text-decoration:none; }
#postscript .content p						{ color:#FFF; }
#postscript .givefood .content				{ background:url(imgs/givefood-bg.png) bottom right no-repeat #a0a41a; padding:20px 125px 20px 20px; color:#FFF;  }
#postscript .volunteer .content				{ background:url(imgs/volunteer-bg.png) bottom right no-repeat #218096; padding:20px 125px 20px 20px; color:#FFF;  }
#postscript .donate .content				{ background:url(imgs/donate-bg.png) bottom right no-repeat #e16e08; padding:20px 125px 20px 20px; color:#FFF; }


	
#footer										{ padding:10px 0; color:#888; font-size:13px; }
#footer p									{ line-height:18px; color:#888;  }
#footer a									{ color:#999; }
#footer .copyright 							{ text-align:right; }

#feedindiana_lightbox                       { !important; background: #fff url('../../../../../sites/foodbank/modules/donordetectives_lightbox/images/FBNIN0915_lightboxv3.jpg') top center no-repeat !important; background-size: contain !important; }
#outerImageContainer,
#modalContainer,
#feedindiana_lightbox                       { height: 600px !important; }

.front #main-wrapper #main                  { position: relative; }
.front .image-row                           { position: absolute; top: 0; bottom: 0;  }
.front #content                             { margin-right: 0; }
.front #sidebar-second                      { margin-left: 0; }
.view.view-front-promos                     { background-color: #a0a41a; }
.view.view-front-promos h2,
.view.view-front-promos p                   { padding: 5px 15px; }
.view-front-promos .button a                { background: #c0c429; margin-left: 15px; margin-bottom: 15px; }
.view-front-promos .button a:hover          { background: #6c7114; }
#block-views-news-events-block-1.contextual-links-region { position: static; }
span.toggler                                { padding-top: 10px!important; padding-bottom: 10px!important; }

/*Responsify Site*/

img                                         { max-width: 100% !important; height: auto !important; }
.form-item input,
input[type=text]							{ width: 100% !important; }
.view-Pantry-Listing .views-table           { width: 100%; margin-bottom: 30px; }
@media (max-width:960px)                    {
    #main-wrapper							{ padding-left:15px;padding-right:15px; }
    .image-row .thumb                       { margin-right:0; }
    .page-events .thumb                     { width: 100%; }
    .branding                               { float: left; max-width: 280px; }
    .view-front-promos .views-row           { padding: 0 !important; }
    .view-front-promos .views-row h2,
    .view-front-promos .views-row p         { padding-left: 15px !important;padding-right: 15px !important; }
    .view-front-promos .views-row .button   { margin-left: 15px; }
    .front-image                            { position: relative !important; }
    .responsive-menus.responsified span.toggler { background: #a0a41a; box-shadow: none; border-radius: 0; }
    .responsive-menus.responsified .responsive-menus-simple { background: #a0a41a; }
    .responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple { position: relative; box-shadow: none; }
    .front .image-row                       { position: relative; }
    .view.view-front-promos h2,
    .view.view-front-promos p                   { padding: 5px 20px; }
    .view-front-promos .button a                { background: #c0c429; margin-left: 0; margin-bottom: 15px; }
    .view-front-promos .button a:hover          { background: #6c7114; }
}
@media (max-width:768px) {
    .page-header                            { float: left; }
    #block-block-5 p                        { text-align: center; }
    #block-block-5 img                      { max-height: 45px; width: auto !important; }
    .branding                               { float: none; width: 100% !important; text-align: center; max-width: 100%;}
    #feedindiana_lightbox                   { width: 100% !important; background: #fff url('../../../../../sites/foodbank/modules/donordetectives_lightbox/images/FBNIN0915_lightboxv3.jpg') top center no-repeat !important; background-size: contain !important; }
    #modalContainer,
    #outerImageContainer,
    #donordetectives_lightbox-overlay       { width: 100% !important; height: 550px !important; }
    #lightboxFormFields                     { left: 10px !important; right: 10px !important; }
    .contact-block .content                 { padding-top: 0 !important; }
    #footer,
    #footer .copyright                      { text-align: center; }
    .view-pantry-listing .views-row         { width: 45%; display:inline-block; min-height:130px; padding-right:15px; }
}