@media screen and (max-width: 1040px){ /*********************** *SLIDER ************************/ #slider{height: auto;} #slider .orbit-caption{position: static; height: auto; padding: 25px 20px; background-color: #4c4c4c;} #slider .orbit-caption div{ float: none !important;} #slider .orbit-caption #title-slider h1{padding: 0; font-size: 35px; line-height: 1.2;} #slider .orbit-caption #description-slider a{margin-right: 0px; font-size: 22px; padding: 10px 0px; width: 100%;} .top-bar ul > li.has-dropdown .dropdown{left: 100% !important; top: 0; right: auto !important;} } @media screen and (max-width: 960px){ /*********************** *HEADER ************************/ /*** RESPONSIVE MENU ***/ .top-bar{height: 165px;} .top-bar > ul .name img { margin-top: 10px;} .top-bar > ul .name a{display: inline-block !important;} .top-bar > ul{height: 165px; margin-bottom: 0;} .top-bar ul > li.toggle-topbar {top: 40px;} #header #responsive_menu{width: 100%;} #header #header_menu_container ul#header_menu{float: none; padding-right: 0px; padding-top: 0px; text-align: left;} #header #header_menu_container ul#header_menu > li{float: none; border-top: 1px solid #dddddd;} #header #header_menu_container ul#header_menu > li+li{margin-left: 0px;} #header #header_menu_container ul#header_menu > li a{height: 55px; line-height: 55px; padding-left: 25px !important; background: #ffffff url(../images/vignette.png) no-repeat 15px 25px;} #header #header_menu_container ul#header_menu > li.give-now {text-align: center;} #header #header_menu_container ul#header_menu > li.give-now a{height: 35px; background-color: #b22d3a; width: 90%; display: block; margin: 10px auto; line-height: 35px; color: #ffffff; border-radius: 2px; padding-left: 0px !important;} #header #header_menu_container ul#header_menu > li #search-mobile {width: 90%; margin: 10px auto;} .top-bar ul > li.has-dropdown .dropdown{ background-image: none;} .top-bar ul > li.has-dropdown .dropdown li a{padding: 0 !important;} .top-bar ul > li.has-dropdown .dropdown li.sub-menu-item{border-top: none !important; border-bottom: 1px solid #dddddd !important;} .top-bar ul > li.has-dropdown .dropdown li.sub-menu-item ~ li.sub-menu-item{border-bottom: 1px solid #dddddd !important;} .top-bar ul > li.has-dropdown .dropdown li.title h5{padding-left: 0px !important;} .top-bar ul > li.has-dropdown .dropdown li.title h5 a{background-color: #b22d3a !important; color: #ffffff !important; font-weight: bold; font-size: 18px !important; background-image: none !important;} .top-bar ul > li.has-dropdown .dropdown li.title h5 a:before {left: 8px !important;} /*********************** *POST TEMPLATE ************************/ #sidebar-archive {text-align: left; padding: 0px 30px 30px;} #content-archive {border-right: none;} } /****************************** *MediaQuery 767 ******************************/ @media screen and (max-width: 767px){ body{ min-width: 320px;} /*********************** *HEADER ************************/ /*** RESPONSIVE MENU ***/ #header #header_menu_container ul#header_menu{float: none; padding-right: 0px; padding-top: 0px; text-align: left;} #header #header_menu_container ul#header_menu > li{float: none; border-top: 1px solid #dddddd;} #header #header_menu_container ul#header_menu > li+li{margin-left: 0px;} #header #header_menu_container ul#header_menu > li a{height: 55px; line-height: 55px} #header #header_menu_container ul#header_menu > li.give-now {text-align: center;} #header #header_menu_container ul#header_menu > li.give-now a{height: 35px; background-color: #b22d3a; width: 90%; display: block; margin: 10px auto; line-height: 35px; color: #ffffff; border-radius: 2px; padding-left: 0px !important;} #header #header_menu_container ul#header_menu > li #search-mobile {width: 90%; margin: 10px auto;} /*********************** *SLIDER ************************/ #slider{height: auto;} #slider .orbit-caption #title-slider{float: none;} #slider .orbit-caption{position: static; height: auto; padding: 25px 20px; background-color: #4c4c4c;} #slider .orbit-caption #title-slider h1{padding: 0; font-size: 30px; line-height: 1.2;} #slider .orbit-caption #description-slider{float: none;} #slider .orbit-caption #description-slider a{margin-right: 0px; font-size: 22px; padding: 10px 0px; width: 100%;} /*********************** *NEWSLETTER ************************/ #newsletter .newsletter_wrapper .newsletter_container h3 {width: 275px;} #newsletter .newsletter_wrapper .gform_body {width: 160px;} /*********************** *HOME GENERAL STYLES ************************/ .dotted-title{margin: 20px;} .dotted-title h2{font-size: 30px; padding: 0px 10px;} /*********************** *MAIN ARTICLES (HOME TEMPLATE) ************************/ #main_articles .main_articles_single{text-align: center; padding-right: 20px !important; padding-left: 20px !important;} #main_articles .main_articles_single+.main_articles_single{padding-top: 30px !important;} #main_articles .main_articles_single img{float: none !important;} #main_articles .main_articles_single .main_articles_info{float: none; margin: -2px auto 0px; padding: 18px; text-align: left;} /*********************** *NEWS AND EVENTS (HOME TEMPLATE) ************************/ #news_and_events_block .news_and_events_single {text-align: center;} #news_and_events_block .news_and_events_single+.news_and_events_single{padding-top: 30px;} #news_and_events_block .news_and_events_single .news_and_events_info{margin: 0 auto; text-align: left;} /*********************** *DID YOU KNOW (HOME TEMPLATE) ************************/ #did_you_know #did_you_know_block{padding: 0 20px;} #did_you_know #did_you_know_block h3{font-size: 25px;} #did_you_know #did_you_know_block h3 span{font-size: 33px;} /*********************** *FOOTER ************************/ #footer_donation #footer_donation_title{padding-left: 20px;} #footer_donation #footer_donation_title h3{font-size: 25px; line-height: 1.3; text-align: center; padding-bottom: 20px;} #footer_donation .footer_donation_button {padding: 0px 30px;} #footer_donation .footer_donation_button+.footer_donation_button{margin-top: 15px;} #footer_information{padding-bottom: 50px;} #footer_information #footer_menu{text-align: center; padding: 40px 0px 18px; border-bottom: 1px solid #204a3c;} #footer_information #footer_menu ul > li{float: none; padding: 0px 20px; display: inline-block;} #footer_information #footer_menu ul > li+li{padding-left: 20px;} #footer_information #footer_privacy_menu ul > li{float: none; padding: 7px 20px;} #footer_information #footer_privacy_menu ul > li+li{border-left: none;} #footer_information #footer_logo img{display: block; margin: 0px auto 15px; } #footer_information #footer_logo img{float: none;} #footer_information #footer_contact{padding: 0 20px !important; text-align: center;} #footer_information #footer_contact p#copyright, #footer_information #footer_contact p#disclaimer_text, #footer_information #footer_contact p#working_time{margin-bottom: 10px; padding-left: 0px !important;} #footer_information #footer_contact ul > li{float: none; font-size: 14px; line-height: 1.5; padding-right: 0px; padding-left: 0px;} #footer_information #footer_contact ul > li:first-child {border-right: none;} #footer_information #footer_contact ul > li+li{border-left: none; padding-left: 0px; padding-right: 0px;} #footer_information #footer_contact ul > li a{line-height: 1.5;} #footer_information #footer_logo_2 img{display: block; margin: 0 auto;} #footer_information #footer_logo_2 img{float: none;} /*********************** *PAGE SECONDARY TEMPLATE ************************/ #page_title_secondary h1{font-size: 30px;} #content_secondary{padding: 35px 20px 20px; border-left: none;} #content_secondary h2{font-size: 25px;} #content_secondary ul li{padding-left: 12px;} /*********************** *FIND FOOD PAGE STYLES ************************/ #map{padding-left: 20px !important; padding-right: 20px !important;} .wpsl-search {padding: 12px 20px 0 20px !important;} #wpsl-radius{width: 100% !important;} #wpsl-wrap #wpsl-search-wrap .wpsl-select-wrap #wpsl-radius label {width: 100%; line-height: 1.2; padding-bottom: 10px;} #wpsl-wrap #wpsl-search-wrap .wpsl-input input {width: 100% !important; height: 49px;} #wpsl-wrap #wpsl-search-wrap .wpsl-input input[type*="submit"] {margin: 15px 0;} #recaptcha_table td{ display: block; width: 100%;} .gform_wrapper table.recaptchatable{ width: 100%;} #recaptcha_response_field{ width: 97% !important;} .gform_wrapper table.recaptchatable .recaptcha_image_cell + td, .gform_wrapper table.recaptchatable .recaptcha_image_cell + td + td{ display: inline-block !important; width: 49%!important;} #recaptcha_widget_div #recaptcha_area .recaptchatable{ border: none !important;} #recaptcha_widget_div #recaptcha_area{ padding: 10px 5px; border: 1px solid #dfdfdf !important;} .recaptchatable .recaptcha_image_cell center img, .recaptchatable #recaptcha_image{ width: 100% !important;} /********************* *Landing Page **********************/ #slider-wrapper.landing-page #right-section #text-content .special-p{padding:0;} #slider-wrapper.landing-page #right-section #title-section img { float: none;display: block; margin: 5px auto;} #content.landig-page .no-padding-left{padding-left: 20px !important;} #content.landig-page .no-padding-left .no-padding-left{padding-left: 0 !important;} #content.landig-page .no-padding-right{padding-right: 20px !important;} #content.landig-page .no-padding-right .no-padding-right{padding-right: 0 !important;} #slider-wrapper.landing-page #right-section #title-section img{float: none; display: block; margin: 5px auto;} #slider-wrapper.landing-page #right-section #title-section h2{color: #fff; font-size: 30px; padding-top: 5px;} #slider-wrapper.landing-page .left-section img{margin-left: 0; max-width: 100%; margin: 5px auto 0;} #slider-wrapper.landing-page #right-section #text-content .special-p .orange-button{font-size: 25px; padding: 15px 29px} #donors-slider #donors-slider-content #names-slides ul li{text-align: center;} #donors-slider #donors-slider-content #left-arrow{display: none;} #donors-slider #donors-slider-content #right-arrow{display: none;} #proudly-display #proudly-content img{display: block;margin: 15px auto 0px;} #header_text{text-align: center;} #footer_donation.footer-lp #footer_donation_amounts #footerredbutton{display: block; margin: 0 auto; padding: 12px 60px;} #footer_donation.footer-lp #footer_donation_title h3{font-size: 25px; text-align: left;} #donors-slider #donors-slider-content #names-slides ul li{margin-bottom: 20px;} } @media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (orientation : landscape) { #footer_donation.footer-lp #footer_donation_amounts #footerredbutton{float: left;} }