/* Theme Name: FoodBank Theme Theme URI: Author: Version: 1.0 */ /*********************** *FONTS ************************/ @import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700); /*********************** *WORDPRESS CORE ************************/ #wpmenucartli{display: none;} .alignnone { margin: 0px;} .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto;} .alignright { float:right; margin: 5px 0 15px 20px;} .alignleft { float: left; margin: 5px 20px 15px 0;} .aligncenter { display: block; margin: 5px auto 5px auto;} a img.alignright { float: right; margin: 5px 0 20px 20px;} a img.alignnone { margin: 5px 20px 20px 0;} a img.alignleft { float: left; margin: 5px 20px 20px 0;} a img.aligncenter { display: block; margin-left: auto; margin-right: auto} .wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; 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: 14px; line-height: 17px; margin: 0; padding: 0 4px 5px;} .alignright .wp-caption-text {text-align: right; } .alignleft .wp-caption-text {text-align: left; } .attachment-90 { width:90px; height: auto;} /*********************** *GENERAL ************************/ body{font-family: 'Droid Sans', sans-serif; background: #ffffff;} input[type="submit"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none;} h1, h2, h3, h4, h5, h6{ font-family: inherit;} p, a, span, ul, li {font-family: inherit;} .no-padding{ padding: 0 !important;} .no-padding-left{ padding-left: 0 !important;} .no-padding-right{ padding-right: 0 !important;} .clear{clear: both;} /*********************** *HEADER ************************/ #header #header_text{padding-top: 20px; padding-bottom: 20px;} #header #search{float: right; padding: 10px 15px 0px; height: 46px; background-color: #dde1db; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} #header #search form {position: absolute; bottom: -70px; left: -75px; width: 308px; z-index: 10; background: url(images/background-search.png); background-repeat: no-repeat; background-size: 308px 89px; margin: 0; padding: 19px 12px 19px 19px; display: none;} #header #search form input, #header #search-mobile form input {display: inline-block;} #header #search form input[type*="text"], #header #search-mobile form input[type*="text"] { width: 225px; height: 39px; margin: 6px 0 0;} #header #search form input[type*="submit"], #header #search-mobile form input[type*="submit"] { background: #ffffff url(images/search-button.png) no-repeat center right; background-size:40px 39px; width: 40px; height: 39px; padding:12px 20px 20px 25px; border: none; text-indent: -999px; margin-left: -3px; } #header #top_menu_container{position: relative;} #header #top_menu_container ul#top_menu{list-style-type: none; margin: 0px; float: right; padding-right: 25px;} #header #top_menu_container ul#top_menu > li{float: right; margin-left: 10px;} #header #top_menu_container ul#top_menu > li a{font-family: 'Droid Sans', sans-serif; font-size: 16px; font-weight: bold; color: #3a8499; padding: 15px; background-color: #dde1db; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: block; line-height: 1;} #header #top_menu_container ul#top_menu > li:first-child a{font-family: 'Droid Sans', sans-serif; font-size: 25px; font-weight: bold; color: #ffffff; padding: 18px 45px; background-color: #b22d3a; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: block; line-height: 1;} #header #header_menu_container ul#header_menu{list-style-type: none; margin: 0px; float: right; padding-right: 25px; padding-top: 60px;} #header #header_menu_container ul#header_menu > li{float: left;} #header #header_menu_container ul#header_menu > li+li{margin-left: 45px;} #header #header_menu_container ul#header_menu > li a{font-family: 'Droid Sans', sans-serif; font-size: 18px; font-weight: bold; color: #204A3C; padding: 0;} .top-bar ul > li.has-dropdown a:after{display: none !important;} .top-bar ul > li.has-dropdown .dropdown{ padding: 0; padding-top: 4px; background: #ffffff url(images/submenu-active.png) no-repeat 20px 0px;} .top-bar ul > li.has-dropdown .dropdown li{padding: 0;} .top-bar ul > li.has-dropdown .dropdown li.sub-menu-item{border-top: 3px solid #b22d3a;} .top-bar ul > li.has-dropdown .dropdown li.sub-menu-item ~ li.sub-menu-item{border: none !important;} .top-bar ul > li.has-dropdown .dropdown li:last-child {padding-bottom: 0px;} .top-bar ul > li.has-dropdown .dropdown li a{font-size: 15px !important; color: #333333 !important; padding: 10px !important;} .top-bar ul > li.has-dropdown .dropdown li a:hover{background-color: #eeeeee !important;} /*********************** *SOCIAL ************************/ #content-social{ position: fixed; left: 0; top: 38%; z-index: 100;} #content-social img{ float: left; clear: both;} /*********************** *SING UP ************************/ #newsletter .newsletter_wrapper{ background-color: rgba(51, 51, 51, 0.95); padding: 15px; max-width: 320px; position: fixed; z-index: 50; top: 45%; right: 10px;} #newsletter .newsletter_wrapper .email-icon{float: right; cursor: pointer;} #newsletter .newsletter_wrapper .close-icon{position: absolute; right: -7px; top: -7px; cursor: pointer;} #newsletter .newsletter_wrapper .newsletter_container{display: none;} #newsletter .newsletter_wrapper .newsletter_container h3 { font-weight: bold; font-size: 22px; color: #ffffff; display: block; margin-top: 0px; margin-bottom: 20px; width: 290px;} #newsletter .newsletter_wrapper .newsletter_container form{margin: 0;} #newsletter .newsletter_wrapper .newsletter_container form input[type="email"]{ width: 175px; height: 40px; border-radius: 2px; float: left; margin-right: 8px;} #newsletter .newsletter_wrapper .newsletter_container form input[type="submit"]{ width: 105px; height: 40px; border: none; background-color: #ebaf23; font-weight: bold; font-size: 16px; color: #ffffff; border-radius: 2px; float: left;} #newsletter .newsletter_wrapper .gform_wrapper{ padding: 0; margin: 0; } #newsletter .newsletter_wrapper .gfield_label{display: none;} #newsletter .newsletter_wrapper .gform_body{width: 175px; float: left; padding-right: 8px;} .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{width: 100% !important; height: 40px; border-radius: 2px; margin-right: 8px;} .gform_wrapper .gform_footer {clear: none !important; float: left; margin: 0px !important; padding: 0 !important;} #newsletter .newsletter_wrapper #gform_confirmation_message_1{ color: #ffffff; font-size: 14px; line-height: 17px;} #newsletter .newsletter_wrapper .validation_error{display: none !important;} .gform_wrapper li.gfield_error input[type=text]{border: none !important;} .ginput_container_email, .ginput_container_email input{margin: 0 !important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required{margin: 0px !important;} .gform_wrapper li.gfield.gfield_error{ background: none !important; border: none !important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{color: #d31515 !important; font-size: 13px;} .signup_link{cursor: pointer;} /*********************** *SLIDER ************************/ #slider-wrapper{background-color: #2b6451;} #slider{height: 440px;} #slider-content{margin-bottom: 0;} #slider .orbit-caption{height: 95px; background: rgba(0, 0, 0, 0.4); padding: 0;} #slider .orbit-caption #title-slider{float: left;} #slider .orbit-caption #title-slider h1{font-weight: bold; font-size: 40px; line-height: 95px; margin: 0; color: #ffffff; display: inline-block; padding-left: 25px;} #slider .orbit-caption #description-slider{float: right;} #slider .orbit-caption #description-slider a{display: inline-block; color: #ffffff; font-size: 25px; line-height: 1; font-weight: bold; padding: 15px 45px; background-color: #b22d3a; border-radius: 5px; margin-top: 20px; margin-right: 25px;} /*********************** *HOME GENERAL STYLES ************************/ .dotted-title{padding: 20px 0px; background: url(images/dotted-background.png) repeat-x center left; text-align: center;} .dotted-title h2{font-weight: bold; font-size: 36px; color: #1a5643; text-align: center; margin: 0; display: inline-block; padding: 0px 33px; background-color: #ffffff;} /*********************** *MAIN ARTICLES (HOME TEMPLATE) ************************/ #main_articles{padding-top: 30px; padding-bottom: 18px;} #main_articles #main_articles_block img{float: left;} #main_articles #main_articles_block .six.yellow{padding: 0px 16px 0px 0px;} #main_articles #main_articles_block .six.blue{padding: 0px 0px 0px 16px;} #main_articles .main_articles_info.yellow{background-color: #ebaf23;} #main_articles .main_articles_info.blue{background-color: #3a8499;} #main_articles .main_articles_info{padding: 18px 25px 18px 20px; float: left; max-width: 496px; } #main_articles .main_articles_info h5{font-weight: bold; font-size: 28px; color: #ffffff; margin: 0; padding-bottom: 10px;} #main_articles .main_articles_info p{font-weight: normal; font-size: 16px; line-height: 1.5; color: #ffffff; margin: 0;} #main_articles .main_articles_info p a{font-weight: bold; font-size: 16px; line-height: 1.5; color: #ffffff; text-decoration: none;} #main_articles .main_articles_info p a span{text-decoration: underline;} /*********************** *NEWS AND EVENTS (HOME TEMPLATE) ************************/ #news_and_events_block{padding-bottom: 20px;} #news_and_events_block .row{width: 1064px;} #news_and_events_block .news_and_events_single .news_and_events_info{max-width: 315px;} #news_and_events_block .news_and_events_single h6{color: #2d2b2b; font-weight: bold; font-size: 22px; margin-top: 25px; margin-bottom: 10px;} #news_and_events_block .news_and_events_single p{color: #404040; font-size: 16px; font-weight: normal; margin-bottom: 16px;} #news_and_events_block .news_and_events_single a{color: #3a8499; font-size: 16px; font-weight: bold; text-decoration: none;} #news_and_events_block .news_and_events_single a span{text-decoration: underline;} /*********************** *DID YOU KNOW (HOME TEMPLATE) ************************/ #did_you_know{padding-bottom: 45px;} #did_you_know #did_you_know_block h3{text-align: center; font-weight: bold; font-size: 30px; color: #1d1d1c; margin-top: 0; margin-bottom: 32px;} #did_you_know #did_you_know_block h3 span{font-weight: bold; font-size: 48px; color: #ebaf23;} #did_you_know #did_you_know_block img{display: block; margin: 0 auto;} /*********************** *FOOTER ************************/ #footer_donation{border-top: 3px solid #f3f3f3; padding-top: 30px; padding-bottom: 32px;} #footer_donation #footer_donation_title{padding-left: 0;} #footer_donation #footer_donation_title h3{font-weight: bold; font-size: 30px; color: #1d1d1c; margin: 0; line-height: 48px;} #footer_donation .footer_donation_button{padding: 0px 10px;} #footer_donation .footer_donation_button a{display: block; width: 100%; height: 48px; line-height: 48px; background-color: #b22d3a; text-align: center; font-size: 25px; font-weight: bold; color: #ffffff; border-radius: 6px;} #footer_donation .footer_donation_button a span{font-size: 13px;} /*#footer_donation .footer_donation_button:first-child a{background-color: #ebaf23;}**/ #footer_information{background-color: #2b6451; padding-bottom: 100px;} #footer_information #footer_menu{text-align: center; padding: 40px 0px 18px; border-bottom: 1px solid #204a3c;} #footer_information #footer_menu ul{list-style: none; display: inline-block; margin: 0;} #footer_information #footer_menu ul > li{float: left;} #footer_information #footer_menu ul > li a{font-weight: bold; font-size: 18px; color: #ffffff;} #footer_information #footer_menu ul > li+li{padding-left: 45px;} #footer_information #footer_privacy_menu{text-align: center; padding: 18px 0px; border-bottom: 1px solid #204a3c;} #footer_information #footer_privacy_menu ul{list-style: none; display: inline-block; margin: 0;} #footer_information #footer_privacy_menu ul > li{float: left; padding: 0px 22px; line-height: 1;} #footer_information #footer_privacy_menu ul > li a{font-weight: normal; font-size: 16px; color: #ffffff;} #footer_information #footer_privacy_menu ul > li+li{border-left: 1px solid #204a3c;} #footer_information #footer_bottom_wrapper{padding-top: 22px;} #footer_information #footer_logo img{float: left;} #footer_information #footer_contact p#copyright{font-size: 16px; font-weight: bold; color: #ffffff; margin-top: 10px; margin-bottom: 4px;} #footer_information #footer_contact ul{list-style: none;} #footer_information #footer_contact ul > li{float: left; font-weight: normal; font-size: 14px; line-height: 1; color: #ffffff; padding-right: 10px;} #footer_information #footer_contact ul > li+li{border-left: 1px solid #ffffff; padding-left: 10px;} #footer_information #footer_contact ul > li a{font-weight: normal; font-size: 14px; line-height: 1; color: #ffffff; text-decoration: underline;} #footer_information #footer_contact p#working_time{clear: both; font-weight: normal; font-size: 14px; color: #ffffff; margin-bottom: 10px;} #footer_information #footer_contact p#disclaimer_text{ font-weight: normal; font-size: 12px; color: #ffffff; margin-bottom: 0;} #footer_information #footer_logo_2 img{float: right; padding-top: 10px;} /*********************** *PAGE SECONDARY TEMPLATE ************************/ #content-page {padding: 30px 0;} /*********************** *PAGE SECONDARY TEMPLATE ************************/ #page_title_secondary_wrapper{padding: 30px 0px;} #page_title_secondary_wrapper.bg_dark_green{ background-color: #2b6451;} #page_title_secondary h1{font-size: 40px; line-height: 1; font-weight: bold; color: #ffffff; margin: 0;} #sidebar_secondary ul#parent_sidebar{margin-bottom: 15px;} #sidebar_secondary ul#parent_sidebar li{list-style-type: none;} #sidebar_secondary ul#parent_sidebar li a{font-size: 22px; line-height: 1; font-weight: bold; display: inline-block; margin-top: 48px;} #sidebar_secondary ul#parent_sidebar li a.active{color: #ebaf23; } #sidebar_secondary ul#parent_sidebar li a.no-active{color: #0b576d;} #sidebar_secondary ul#sons_sidebar li{list-style-type: none; margin: 20px 0px;} #sidebar_secondary ul#sons_sidebar li a{font-size: 16px; line-height: 1; font-weight: bold; color: #3a8499;} #sidebar_secondary ul#sons_sidebar li.current_page_item a{color: #ebaf23;} #sidebar_secondary ul#sons_sidebar li ul.children li{list-style-type: none; margin: 10px 0px;} #sidebar_secondary ul#sons_sidebar li ul.children li a{font-size: 14px; line-height: 1; font-weight: normal; color: #3a8499;} #sidebar_secondary ul#sons_sidebar li ul.children li.current_page_item a{color: #ebaf23; font-weight: bold;} #sidebar_secondary ul#sons_sidebar li ul.children li.current_page_item ul li a{font-weight: normal; color: #3a8499;} #content_secondary{padding: 35px 35px 20px; border-left: 1px solid #dde1db; overflow: hidden;} #content_secondary #store-list{padding: 10px 0;} #content_secondary h2{font-size: 36px; font-weight: bold; color: #1a5643; margin: 16px 0px;} #content_secondary p{font-size: 16px; color: #404040; margin-bottom: 22px;} #content_secondary a, #content_secondary a:visited{font-size: 16px; font-weight: bold; color: #3a8499; text-decoration: underline;} #content_secondary ul li{list-style-type: none;} #content_secondary ul li{ background: url(images/page_ul_li_dot.png) no-repeat 0px 10px; padding-left: 20px; margin: 8px 0px; font-size: 16px;} #content_secondary ol {margin-left: 30px;} #content_secondary ol li{font-size: 16px;} /*********************** *POST TEMPLATE ************************/ #post_title{background-color: #2b6451; padding: 30px 0px; } #post_title h1{font-size: 40px; line-height: 1; font-weight: bold; color: #ffffff; margin: 0;} #content-archive {border-right: 1px solid #e1e1e1; padding: 30px;} #content-archive ul li{list-style-type: none;} #content-archive ul li{ background: url(images/page_ul_li_dot.png) no-repeat 0px 10px; padding-left: 20px; margin: 8px 0px; font-size: 16px;} #content-archive ol {margin-left: 30px;} #content-archive ol li{font-size: 16px;} #content-archive p{font-size: 16px; color: #404040; margin-bottom: 22px;} #content-archive #preview-post img {margin: 10px 0;} #content-archive #preview-post #data-post {font-size: 12px; color: #919191; margin-bottom: 20px;} #content-archive #preview-post h2{font-size: 30px;} #content-archive #preview-post h3{font-size: 25px;} #sidebar-archive {text-align: left; padding-top: 40px;} #sidebar-archive h1 {font-size: 16px; font-weight: bold;} #sidebar-archive ul li{list-style-type: none;} #sidebar-archive ul li a {color: #3a8499; font-size: 14px;} .gform_wrapper .gform_fields > li, .gform_wrapper .ginput_container ul li{ background: none !important; padding-left: 0 !important;} body .gfield_html_formatted > ul, body .gfield_html_formatted > ul ul{ margin-left: 20px !important;} body .gfield_html_formatted > ul li, body .gfield_html_formatted > ul ul li{ background: none !important; padding-left: 0 !important;} .gform_wrapper label{ font-size: 16px; color: #000000;} #gform_2 .gform_footer input{ border: none; background-color: #b22d3a; border-radius: 6px; color: #ffffff; display: block; font-size: 25px; font-weight: bold; line-height: 48px; text-align: center; width: 100%; padding: 5px 10px; box-shadow: none;} .gform_wrapper .top_label .gfield_error{ width: 100% !important;} .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error textarea { border: 1px solid #790000 !important;} #gform_2 input[type="text"]{ border-radius: 2px; height: 40px; margin-right: 8px; width: 100% !important; } select { -moz-appearance: none; -webkit-appearance: none; border: 1px solid #cccccc; border-radius: 0px; font-size: 16px; padding: 3px 7px; background: url("images/arrow.png") no-repeat 96% center #f6f6f6; background:#f6f6f6\9; height: 40px; } select::-ms-expand { display: none; } form b.text-center{ width: 100%; display: block;} #recaptcha_privacy a{ font-size: 12px;} /*********************** *FIND FOOD PAGE STYLES ************************/ #wpsl-wrap {overflow: visible !important;} .wpsl-search {background: none !important;} #wpsl-wrap #wpsl-search-wrap {float: none;} #wpsl-wrap #wpsl-search-wrap .wpsl-input, #wpsl-wrap #wpsl-search-wrap .wpsl-select-wrap {display: block; float: none;} #wpsl-wrap #wpsl-search-wrap .wpsl-input div {width: 100%;} #wpsl-wrap #wpsl-search-wrap .wpsl-input div label {width: 100%; font-size: 14px; color: #222; font-weight: bold;} #wpsl-wrap #wpsl-search-wrap .wpsl-input input {width: 50% !important; height: 49px; display: inline-block;} #wpsl-wrap #wpsl-search-wrap .wpsl-input input[type*="submit"] {width: 147px !important; float: none; margin: 0 10px; background-color: #b22d3a; color: #ffffff; border-radius: 3px; background-image: none; border: none; padding: 15px 0;} #wpsl-wrap #wpsl-search-wrap .wpsl-select-wrap #wpsl-radius {width: 50%;} #wpsl-wrap #wpsl-search-wrap .wpsl-select-wrap #wpsl-radius label {width: 30%; font-size: 14px; color: #222; font-weight: bold;} #wpsl-results {display: none !important;} #wpsl-gmap, #wpsl-result-list{width: 100% !important;} /************ *Template LP *************/ #slider-wrapper.landing-page{padding-top: 0px;} #slider-wrapper.landing-page #right-section{padding-left: 30px; padding-top: 10px;} #slider-wrapper.landing-page #right-section #title-section{overflow: hidden;} #slider-wrapper.landing-page #right-section #title-section img{float: left;} #slider-wrapper.landing-page #right-section #title-section h2{color: #fff; font-size: 40px; padding-top: 35px;} #slider-wrapper.landing-page #right-section #text-content{padding: 15px 0 30px; overflow: hidden;} #slider-wrapper.landing-page #right-section #text-content .special-p{padding-left: 25px; padding-right: 5px;} #slider-wrapper.landing-page #right-section #text-content .special-p p{color: #fff; font-size: 16px;} #slider-wrapper.landing-page #right-section #text-content .special-p p a{color: #fff; font-weight: 700; text-decoration: underline; } #slider-wrapper.landing-page #right-section #text-content .special-p .orange-button{width: auto; background: #ebaf23; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 25px; font-weight: bold; line-height: 1; margin: 0; padding: 15px 65px; position: relative; text-align: center; text-decoration: none; border-radius: 5px;} #slider-wrapper.landing-page .left-section img{display: block; max-width: none; margin-left: -300px;} #proudly-display #proudly-content h4{font-size: 22px;} #proudly-display #proudly-content p{font-size: 16px; padding-right: 65px;} #proudly-display #proudly-content p a{color: #3a8499; text-decoration: underline; font-weight: 700;} #proudly-display #proudly-content a.red-button{width: auto; background: #b22d3a; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 25px; font-weight: bold; line-height: 1; margin: 25px 0 0; padding: 12px 44px; position: relative; text-align: center; text-decoration: none; border-radius: 5px;} #donors-slider{background-image: url(images/apples_bg.png); background-repeat: no-repeat; background-position: center; position:relative; height: 400px; margin: 25px 0; padding: 20px 0;} #donors-slider .green-dotted-title{background-image: url(images/green_dotted_line.png); background-position: center; background-repeat: no-repeat;} #donors-slider .green-dotted-title h2{text-align: center; font-size: 35px; color: #fff;} #donors-slider #donors-slider-content{padding:25px 0px;} #donors-slider #donors-slider-content #names-slides {overflow: hidden;} #donors-slider #donors-slider-content .row{position: relative;} #donors-slider #donors-slider-content #left-arrow{background-image: url(images/arrow_left.png); background-repeat: no-repeat; height: 105px; width: 40px; position: absolute; top: 25%; left: -100px; cursor: pointer;} #donors-slider #donors-slider-content #right-arrow{background-image: url(images/arrow_right.png); background-repeat: no-repeat; height: 105px; width: 40px; position: absolute; top: 25%; right: -100px; cursor: pointer;} #donors-slider #donors-slider-content #names-slides ul li{list-style: none; color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 30px; text-align: left; padding-right: 15px;} .names-containers.slick-slide{overflow: hidden;} .names-containers.slick-slide.slick-active{overflow: visible;} #footer_donation.footer-lp #footer_donation_title h3{font-size: 27px } #footer_donation.footer-lp #footer_donation_amounts #footerredbutton{width: auto; background: #b22d3a; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 25px; font-weight: bold; line-height: 1; padding: 12px 70px; position: relative; text-align: center; text-decoration: none; border-radius: 5px; float: right; }