@charset 'UTF-8';
@charset "UTF-8";
html{font-size:20px;}
body { color:#000; font-weight:400; background:#fff; font-family: 'Lato', sans-serif; line-height:130%;}
a{color:#3e3e3e;}
a:hover{color:#000;}
.container { margin:0px auto; width:100% !important; padding:0px 60px; }
form-response-output{float:left; width:100%; margin:20px 0px !important; font-size:19px;}
.btn, input[type="submit"]{ background-color:transparent; font-size:0.85rem; display:inline-block; line-height:100%; border:2px solid #f47820; color:#f47820; 
padding:16px 34px; text-align:center; cursor:pointer; font-weight:500; border-radius:40px; font-family:inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn:hover, input[type="submit"]:hover{ background-color:#f47820; color:#fff;}
.no-pad{padding:0px !important;}
.no-mar{margin:0px !important;}
.orange{color:#ea7c24;}
#page{background:#fff;} .head-out{ height:97px; background:#fff;}
#header{float:left; width:100%; background-color:#fff; z-index:99999; padding:22px 0px; position:relative;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-box-shadow: 0px 3px 5px 0px rgba(228,228,228,0.59);
-moz-box-shadow: 0px 3px 5px 0px rgba(228,228,228,0.59);
box-shadow: 0px 3px 5px 0px rgba(228,228,228,0.59);
}
body.home #header{box-shadow:none;}
#header.sticky{padding:15px 0px; position:fixed; top:0px; left:0px;}
.logo{ float:left; }
.logo img{ display:block; max-width:227px !important; 
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;	
}
#nav{float:right; margin-top:12px;}
#nav ul{display:inline-block;}
#nav ul li{display:inline-block; margin:0px 12px;}
#nav ul li:last-child{margin-right:0px;}
#nav ul li a{color:#000; font-size:0.9rem; line-height:100%;}
#nav li a:hover, #nav li.current-menu-item a{color:#ea7c24;}
#nav ul li.donate{margin-left:25px;}
#nav ul li.donate a{ background-color:transparent;  border:2px solid #ea7c24; padding:12px 28px; color:#ea7c24; border-radius:30px; font-size:0.8rem; text-transform:uppercase;}
#nav ul li.donate a:hover{ background-color:#ea7c24; color:#fff;}
a.tog{float:right; display:none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;	
}
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
background-color: rgba(255,255,255,1);
overflow-y: auto;
transition: 0.5s;
}
body.logged-in .overlay{top:32px;}
.overlay .top{ padding:20px 0px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(228,228,228,0.59);
-moz-box-shadow: 0px 3px 5px 0px rgba(228,228,228,0.59);
box-shadow: 0px 3px 5px 0px rgba(228,228,228,0.59);
}
.overlay-content {
position: relative;
top:7%;
width: 100%;
text-align: center;
margin-top: 10px;
}
.overlay a {
text-decoration: none;
font-size:1.7rem; font-weight:400;
color: #000;
display: block;
transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
color: #f47820;
}
.overlay .logo img{-moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.overlay .closebtn { line-height:1.3rem; font-weight:400; padding:0px; float:right; font-size:2rem; margin-top:8px; color:#000;}
.overlay-content{}
.overlay-content li{padding:5px 0px; float:left; width:100%;}
.overlay-content li a{padding:10px 0px; float:left; width:100%; font-weight:700; font-size:1.5rem;}
.overlay-content li a:hover, .overlay-content li a:focus, .overlay-content li a:active{ color:#f47820;}
.overlay-content li.donate{ text-align:center; padding-top:25px;}
.overlay-content li.donate a{ float:none; width:auto; display:inline-block; border:2px solid #f47820; color:#f47820; border-radius:40px; padding:18px 55px; line-height:100%;}
.overlay-content li.donate a:hover, .overlay-content li.donate a:focus, .overlay-content li.donate a:active{ background:#f47820; color:#fff;} #hm-page{ overflow:hidden;}
#hm-page #banner{ padding:270px 0px 200px 0px; background-position:center top; background-repeat:no-repeat; background-size:cover; position:relative; color:#fff; text-align:center;}
#hm-page #banner .bound{width:1020px; max-width:90% !important; margin:0px auto;}
#hm-page #banner h1{font-size:2.8rem; margin:0px 0px 10px 0px; line-height:120%;}
#hm-page #banner p{font-size:1.2rem; margin-bottom:30px; line-height:140%;}
#hm-page #banner .boxes{ margin-top:20px; text-align:center;}
#hm-page #banner .boxes li{display:inline-block; margin:0px 12px;}
#hm-page #banner .boxes li a{background:#fff; float:left; width:210px; height:186px; padding:30px 15px; color:#f47820; border:5px solid #fff;}
#hm-page #banner .boxes li a:hover{ border-color:#f47820;}
#hm-page #banner .boxes li a .img{ line-height:75px; height:75px; max-height:75px !important; margin-bottom:10px;}
#hm-page #banner .boxes li a .img img{display:inline-block; vertical-align:middle; text-align:center; max-height:100% !important; width:auto !important; max-width:auto !important;}
#hm-page #slider{ padding:60px 0px 100px 0px;}
#hm-page #slider .bound{margin:0px auto; max-width:1030px;}
#hm-page #slider .row{}
#hm-page #slider .row .table{display:table;}
#hm-page #slider .row .img, #hm-page #slider .row .text{display:table-cell; vertical-align:middle; width:100%;}
#hm-page #slider .row .img{width:434px;}
#hm-page #slider .row .img img.mobile{display:none;}
#hm-page #slider .row .text{ padding:10px 0px 0px 50px; text-align:left; font-size:1.3rem; font-weight:600;}
#hm-page #slider .row .text h2{ color:#f47820; font-size:2rem; margin-bottom:10px; font-weight:600;}
#hm-page #slider .slick-dots{bottom:-30px;}
#hm-page #slider .slick-dots li{width:auto !important; height:auto !important;}
#hm-page #slider .slick-dots li button{width:15px; height:15px; border-radius:100%; border:2px solid #f47820; background-color:transparent; text-indent:-9999px;}
#hm-page #slider .slick-dots li.slick-active button{ background-color:#f47820;}
#bot-panel{padding:64px 0px; background:#f47820; color:#fff; text-align:center; font-size:1rem;}
#bot-panel h3, #bot-panel .text{font-size:1.4rem; margin-bottom:30px;}
#bot-panel .text{margin-right:25px; display:inline-block; margin-bottom:0px;}
#bot-panel .btn{ border:2px solid #fff; color:#fff; margin:0px 6px;}
#bot-panel .btn:hover{background-color:#fff; color:#f47820;}
#bot-panel.single .btn{font-size: 1.1rem; padding: 16px 30px;} #bot-panel.single{position:fixed; bottom:-200px; z-index:9999999; float:none; width:100%; padding:25px 0px;
visibility:hidden;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#bot-panel.single .in{position:relative;}
#bot-panel.single .in #close-bot{position:absolute; right:20px; top:-20px; cursor: pointer; font-size:1.2rem;} #footer{background:#fff; padding:55px 0px;}
#footer .table{display:table;}
#footer .widget{ display:table-cell; }
#footer .widget.left{vertical-align:top; width:400px;}
#footer .widget.right{vertical-align:bottom; width:400px; text-align:right; font-size:0.8rem;}
#footer .widget p{margin-bottom:12px;}
#footer .widget p:last-child{margin:0px;}
#footer a{ color:#f47820; text-decoration:underline;}
#footer a:hover{text-decoration:none;}
#footer .social{ margin-top:10px;}
#footer .social a{display:inline-block; margin:0px 20px 0px 0px;} #breadcrumbs{margin:20px 0px 40px 0px; font-size:0.8rem; float:left; width:100%;}
#breadcrumbs li{float:left; margin-right:10px;}
#breadcrumbs li a{color:#f47820; text-decoration:underline;}
#breadcrumbs li a:hover{text-decoration:none;}
#breadcrumbs li strong{font-weight:normal;}
#inner{}
#inner .entry-content .container .bound{margin:0px 75px;}
h1.page-title{font-size:2.2rem; margin-bottom:15px;}
#take-action{}
#take-action .top{ font-size:1.2rem; line-height:130%; font-weight:500; padding:25px 0px 50px 0px;}
#take-action .top a{ color:#f47820; text-decoration:underline;}
#take-action .top a:hover{text-decoration:none;}
#take-action .top .limit, p.limit{float:left; width:950px; max-width:90% !important;}
#take-action .full-img{background-position:center top; background-repeat:no-repeat; background-size:cover; height:468px;}
#take-action .sec-two{padding:60px 0px;}
#take-action .sec-two h2{ font-size:1.4rem; margin-bottom:50px;}
#take-action .sec-two .col{float:left; width:30%; text-align:left; font-size:0.8rem;}
#take-action .sec-two .col:nth-child(odd){margin:0px 5%;}
#take-action .sec-two .col .img{margin-bottom:20px;}
#take-action .sec-two .col .img img{max-width:97px !important;}
#take-action .sec-two .col h3{ font-size:1.15rem; margin-bottom:15px;}
#take-action .sec-two .col p{margin-bottom:15px; float:left; width:100%;}
#take-action .sec-two .col p:last-child{margin:0px; }
#take-action .sec-two .col ul{ display:block; margin-left:20px;}
#take-action .sec-two .col ul li{list-style:disc; padding-bottom:5px; line-height:120%;}
#take-action .sec-two .col .btn{margin-top:20px; padding: 16px 30px;}
#take-action #volunteer .sec-two{text-align:center; padding:10px 0px 80px 0px;}
#take-action #volunteer .sec-two h2{ font-size:1.4rem; margin-bottom:30px;}
#take-action #volunteer .sec-two .col{float:left; text-align:center; width:30%; height:324px; padding-bottom:50px; border:2px solid #f47820; background-color:#fff;}
#take-action #volunteer .sec-two .col .img-out{background-color:#fff;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
transition: all 0.7s linear;
}
#take-action #volunteer .sec-two .col .table{display:table; table-layout:fixed; clear:both; border-spacing:0px; }
#take-action #volunteer .sec-two .col .table .img{display:table-cell; vertical-align:bottom; height:125px; width:100%;}
#take-action #volunteer .sec-two .col .table .img img{display:inline-block; max-width:97px !important; vertical-align:bottom; line-height:0px; text-align:center;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
transition: all 0.7s linear;
}
#take-action #volunteer .sec-two .col .table .img .wh{display:none; opacity:0;}
#take-action #volunteer .sec-two .col:hover .img-out{background-color:#f47820;}
#take-action #volunteer .sec-two .col:hover .table .img img.or{display:none; opacity:0;}
#take-action #volunteer .sec-two .col:hover .table .img img.wh{display:inline-block; opacity:1;}
#take-action #volunteer .sec-two .col .title{ font-size:1.1rem; margin:20px 0px 10px 0px; float:left; width:100%;}
#take-action #volunteer .sec-two .col p{padding:35px; margin:0px; font-size:0.85rem; line-height:125%; padding-top:0px !important;}
#take-action #volunteer .sec-two .sep{float:left; width:5%;}
#take-action #volunteer .sec-two .sep-3{display:none;}
#take-action #volunteer .sec-two .sep span{float:left; width:100%; height:127px; border-bottom:2px solid #f47820;}
#take-action #volunteer .sec-three{ background:#e9e9e9; font-size:0.85rem; padding:65px 0px;}
#take-action #volunteer .sec-three h3.title{font-size:1.4rem; margin-bottom:14px;}
#take-action #volunteer .sec-three p{margin-bottom:20px;}
#take-action #get-help .tab-out{ border:2px solid #f47820; border-bottom:none; padding:70px 50px 50px 50px; margin-top:100px;}
#take-action #get-help .tab-out #tabs{margin-top:-95px; float:left;}
#take-action #get-help .tab-out #tabs li{float:left; background:#fff; font-size:0.85rem; margin-right:10px; border:2px solid #f47820; padding:14px 28px; line-height:100%; color:#f47820; cursor:pointer;}
#take-action #get-help .tab-out #tabs li:last-child{margin:0px;}
#take-action #get-help .tab-out #tabs li.current{ background:#f47820; color:#fff;}
#take-action #get-help .tab-content{display:none; font-size:0.95rem;}
#take-action #get-help .tab-content.current{display:block;}
#take-action #get-help .tab-content h3.title{font-size:1.2rem; margin-bottom:10px;}
#take-action #get-help #tab-1.tab-content .box{ position:relative; margin-top:40px;}
#take-action #get-help #tab-1.tab-content .box img{z-index:-1;}
#take-action #get-help #tab-1.tab-content .box .access-btn{background-color:#000; color:#fff; border-radius:30px; padding:12px 30px 12px 25px; position:absolute; left:47%; top:47%;font-size:0.95rem;}
#take-action #get-help #tab-1.tab-content .box .access-btn:hover{background-color:#fff; color:#000;}
#take-action #get-help #tab-1.tab-content .box .access-btn span{width:15px; height:21px; vertical-align:middle; margin:1px 10px 0px 0px; background-repeat:no-repeat; background-position:0px 0px; float:left;}
#take-action #get-help #tab-2.tab-content img{margin-top:30px;}
#take-action #get-help #tab-2.tab-content .btn{margin-top:40px;}
#take-action #get-help .tab-content .cel{ padding:0px 40px 0px 0px; width:25%;}
#take-action #get-help .tab-content .cel ul, #take-action #get-help .tab-content .cel ol{padding:0px; margin:0px; list-style:disc; padding-left:20px;}
#take-action #get-help .tab-content .cel ol{list-style:decimal;}
#take-action #get-help .tab-content .cel li{padding-bottom:8px;}
#take-action #get-help .accordion{ margin-top:10px; background:#e9e9e9; padding:15px 30px; color:#000; font-weight:700; font-size:1.15rem; position:relative; cursor:pointer;}
#take-action #get-help .accordion:after{content:""; width:0; height:0; position:absolute; right:24px; top:45%; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #000;}
#take-action #get-help .accordion-open:after{border-top:0px; border-bottom:10px solid #000;}
#take-action #get-help .content{padding:25px 30px; background:#f6f6f6; font-size:0.85rem; line-height:130%;}
#take-action #get-help .content .img{float:left; width:110px;}
#take-action #get-help .content .text{display:block; margin-left:130px; line-height:140%;}
#take-action #get-help .content .text.no-mar{float:left; width:100%; margin-left:0px;}
#take-action #get-help .content ol, #take-action #get-help .content ul{ margin-left:20px; list-style:disc;}
#take-action #get-help .content ol{list-style:decimal;}
#take-action #get-help .content li{padding-bottom:10px;}
#take-action #get-help .content .text p{margin-bottom:16px;}
#take-action #get-help .content .text a{ text-decoration:underline; color:#f47820;}
#take-action #get-help .content .text a:hover{text-decoration:none;}
#host-food{}
#host-food .table{display:table; table-layout:fixed;}
#host-food .table .col{display:table-cell; width:50%;}
#host-food .table .col.img{background-repeat:no-repeat; background-position:left top; background-size:cover;}
#host-food .top{font-size: 1rem; line-height:130%;}
#take-action #host-food .top .limit{width:100% !important; max-width:100% !important;}
#host-food .top p{margin-bottom:20px;}
#host-food .top .sub{color:#f47820; font-size:1.4rem; margin:40px 0px; line-height:130%;}
#host-food .top .callout{ margin-bottom:15px; font-weight:600;}
#host-food .top .row-con{margin:20px 0px 30px 0px;}
#host-food .top .row-con .row{}
#host-food .top .row-con .row .circle-out{float:left; width:107px;}
#host-food .top .row-con .row .circle{ float:left; padding-top:38px; width:107px; height:107px; border-radius:100%; border:2px solid #f47820; color:#f47820; font-size:1.15rem; font-weight:700; text-align:center;}
#host-food .top .row-con .row .sep{ float:left; width:100%; height:50px; background:url(//poconohunger.org/wp-content/themes/Hunger%20Coalition/images/sep.jpg) center top repeat-y;}
#host-food .top .row-con .row:last-child .sep{display:none;}
#host-food .top .row-con .row .text{display:block; margin-left:135px; font-size:0.85rem; padding:20px 0px 0px 0px;}
#host-food .top .row-con .row .text h3{ font-size:1.15rem;}
#host-food .bot{ background:#e9e9e9; padding:80px 0px; font-size:0.85rem; line-height:120%;}
#host-food .bot .title{font-size:1.4rem; margin-bottom:25px;}
#host-food .bot p{margin-bottom:20px;}
#host-food .bot p:last-child{margin:0px;}
#host-food .bot .btn{margin-top:15px; background-image:url(//poconohunger.org/wp-content/themes/Hunger%20Coalition/images/download.svg); background-position:30px center; background-repeat:no-repeat; padding: 17px 35px 17px 65px;}
#host-food .bot .btn:hover{background-image:url(//poconohunger.org/wp-content/themes/Hunger%20Coalition/images/download-white.svg);}
#contact-page form{ margin-top:40px; float:left; width:100%;}
span.wpcf7-list-item{margin-left:0px;}
#contact-page form .hundred{margin-bottom:25px;}
#contact-page form .hundred .col{width:49%; float:left;}
#contact-page form .hundred .col.right{float:right;}
#contact-page form input[type=text], #contact-page form input[type=tel], #contact-page form input[type=email], #contact-page form textarea, #newsletter form input[type=text], #newsletter form input[type=email], .mc4wp-form input[type=text], .mc4wp-form input[type=email], #contact-page form select, #contact-page form input[type=date], #contact-page form input[type=number]
{ display:block; float:left; width:100%; background:#eff0f4; border:none; padding:5px 15px; height:50px; font-size:0.9rem; font-weight:normal; font-family:inherit; color: #4d4d4f; box-shadow:none !important;}
#contact-page form textarea{height:90px; padding-top:15px;}
#contact-page form input[type=submit]{ font-size:0.9rem;}
span.wpcf7-not-valid-tip { font-size:0.9rem !important; width:100%; color: #ff8686 !important; padding-top:8px;  display: block;}
#contact-page form label{font-size:0.9rem; float:left; width:100%; padding-bottom:5px;}
span.wpcf7-not-valid-tip{float:left;}
div.wpcf7-response-output{float:left; width:100%; font-size: 0.8rem;}
#contact-page form .hundred .small{float:left;}
#contact-page form .hundred .small.city{width:50%; padding-right:15px;}
#contact-page form .hundred .small.state{width:20%; padding-right:15px;}
#contact-page form .hundred .small.zip{width:30%;}
#contact-page form .hundred .col .text-right{ text-align:right;}
#contact-page form p{font-size:1.1rem; margin-bottom:5px;}
#contact-page form .hundred .col p{font-size: 0.9rem; margin-bottom:15px;}
#contact-page form .hundred .col .box{float:left;}
#contact-page form .hundred .col .box.left{width:50%; padding-right:15px;}
#contact-page form .hundred .col .box.right{width:30%; }
#contact-page form .hundred .col .box input[type=number]{height:35px; padding:0px 5px; width:100px;}
#contact-page form .hundred .col .box p{height:35px; float:left; width:100%;}
#contact-page form .hundred .wpcf7-list-item{float:left; width:100%; font-size: 0.9rem;}
#contact-page form .hundred.horizontal .wpcf7-list-item{width:auto; padding-right:10px;}
#contact-page form .hundred .note{font-size:0.85rem; float:left; width:100%; margin-top:10px;}
#contact-page form h2{font-size:1.3rem; margin-bottom: 15px; margin-top:15px; float:left; width:100%;}
#find-food-page{}
.wpsl-dropdown li{ font-weight:500; font-size:1rem;}
#find-food-page .top{padding:0px !important;}
#find-food-page h1.page-title{margin-bottom:30px;}
#wpsl-wrap, .wpsl-search{margin-bottom:0px;}
.wpsl-search{padding:25px 60px;}
#wpsl-result-list{margin-right:0px;}
#wpsl-gmap{width:67%;}
#wpsl-wrap #wpsl-result-list li{padding:30px 60px;}
#wpsl-search-wrap div label{line-height:120% !important; float:left; width:100%; font-size:1rem; height:20px; margin-right:0px; margin-bottom:10px;}
#wpsl-wrap .wpsl-selected-item, #wpsl-search-btn, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap .wpsl-input label{font-size:1rem;}
#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap, #wpsl-category{ display:block; float:left; clear:none;}
#wpsl-search-wrap .wpsl-input{width:200px;}
#wpsl-search-wrap .wpsl-input div{float:left; width:100%;}
#wpsl-search-wrap .wpsl-input input{float:left; width:100%; border-radius:0px; height: 42px;}
#wpsl-radius{ float:left; width:90px !important; margin-right:30px !important;}
#wpsl-search-wrap #wpsl-results{float:left; width:70px; margin-right:30px;}
.wpsl-input label, #wpsl-radius label, #wpsl-category label{width:100%;}
#wpsl-category{width:180px; margin-right:30px !important;}
#wpsl-category .wpsl-dropdown{width:180px !important;}
#wpsl-search-btn {
padding:7px 30px;
line-height: 1.428571429;
font-weight: 400;
color: #f47820;
background-color: transparent  !important;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#0,#0) !important;
background-image: -ms-linear-gradient(top,#0,#0) !important;
background-image: -webkit-linear-gradient(top,#0,#0) !important;
background-image: -o-linear-gradient(top,#0,#0) !important;
background-image: linear-gradient(top,#0,#0) !important;
box-shadow: 0 0px 0px rgba(1,1,1,.0) !important;
background-image:none !important;
text-transform: none !important;
border:2px solid #f47820 !important;
border-radius:30px !important;
margin-top:26px;
}
#wpsl-search-btn:hover{ background-color:#f47820  !important; color:#fff !important;}
.wpsl-dropdown{border-radius:0px;}
#news-sugnup{position:fixed; bottom:-235px; right:15px; width:575px; background:#fff; padding:30px 50px 30px 40px; z-index:99999;
-webkit-box-shadow: 0px 0px 5px 0px rgba(183,183,183,0.9);
-moz-box-shadow: 0px 0px 5px 0px rgba(183,183,183,0.9);
box-shadow: 0px 0px 5px 0px rgba(183,183,183,0.9);
visibility:hidden;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#news-sugnup h4{font-size:1.2rem; font-weight:600; line-height:1.6rem; margin-bottom:20px;}
#news-sugnup .in{position:relative; }
#news-sugnup .in #close{position:absolute; right: -27px; top: -18px; cursor: pointer; font-size: 1.2rem;}
#news-sugnup form p{margin-bottom:20px; float:left; width:100%;}
#news-sugnup form p:last-child{margin-bottom:0px;}
#news-sugnup form p input[type=email], #news-sugnup form p input[type=text]{ background:none; border:none; border-bottom:1px solid #141818; color:#141818; width:100%; max-width:350px !important; font-size:0.85rem; padding:0px; height:40px;}
#news-sugnup form input[type="submit"]{ padding:14px 28px; font-weight:600;}
#news-sugnup input[type=email]::-webkit-input-placeholder { color: #141818; opacity: 1;
}
#news-sugnup input[type=email]::-moz-placeholder { color: #141818; opacity: 1;
}
#news-sugnup input[type=email]:-ms-input-placeholder { color: #141818; opacity: 1;
}
#news-sugnup input[type=email]:-moz-placeholder { color: #141818; opacity: 1;
}
.mc4wp-response{float:left; width:100%;  font-size:0.85rem;}
.mc4wp-response p{margin-top:20px;}
#about-us{}
#about-us h1.page-title{ margin-bottom:50px;}
#about-us .top{ font-size:1.2rem; line-height:1.5rem; padding-bottom:35px;}
#about-us .top .limit{float:left; width:1425px; max-width: 90% !important;}
#about-us h2.title{ font-size:1.4rem; margin-bottom:13px;}
#about-us .top p{margin-bottom:25px;}
#about-us .bot{display:table;}
#about-us .bot .col{display:table-cell; width:50%; background-color:#e9e9e9;}
#about-us .bot .col.text{padding:55px 0px 250px 0px; font-size:0.85rem; line-height:1.2rem;}
#about-us .bot .col h3.title{font-size:1.15rem; margin-bottom:15px;}
#about-us .bot .col.img{background-position:left top; background-repeat:no-repeat; background-size:cover;}
#about-us .bot .three-circle{ margin:10px 0px 20px 0px;}
#about-us .bot .three-circle li{float:left; width:80px; margin-right:30px; font-size:0.85rem; text-align:center; font-weight:700;}
#about-us .bot .three-circle li .icon{margin-bottom:2px; text-align:center;}
#about-us .bot .three-circle li .icon img{display:inline-block; text-align:center;}
#news-events{}
#news-events .sec-row{padding:70px 0px 20px 0px;}
#news-events .sub-title{ font-size:2.2rem; margin-bottom:50px;}
#news-events #news-sec.sec-row{padding-top:10px;}
#news-events .row{padding-bottom:55px; float:left; width:100%;}
#news-events .row .img{float:left; width:180px; margin-top:5px;}
#news-events .row .text{ display:block; margin-left:210px; font-size:0.85rem; line-height:140%;}
#news-events .row .text.hundred{float:left; width:100%; margin-left:0px;}
#news-events .row .text h3{font-size:1.15rem; margin-bottom:10px; line-height:140%;}
#news-events .row .text h3 a{color:#000;}
#news-events .row .text h3 a:hover{color:#333;}
#news-events .more{ color:#f47820; text-decoration:underline;  font-size:0.85rem;}
#news-events .more:hover{text-decoration:none;}
#news-events .sec-row .more.all{margin-bottom:40px; display:inline-block;}
#news-events #event-sec{ background:#e9e9e9;}
#news-events .row .meta{margin-bottom:10px;}
#news-events .row .meta  a, .single-post .entry-content .meta-op a{color:#ea7c24; text-decoration:underline; margin-left: 5px;}
#news-events .row .meta a:hover, .single-post .entry-content .meta-op a:hover{ text-decoration:none;}
#news-events .row .meta .btn, .single-post .entry-content .meta-op .btn{ text-decoration:none; padding: 6px 14px; font-size:0.73rem; border-width:1px;}
#news-events .row .meta .btn:hover, .single-post .entry-content .meta-op .btn:hover{color:#fff;}
.single-post .entry-content .meta-op .btn{font-size:0.9rem; padding: 6px 16px;} 
#news-events .row.sticky .img{width:240px;}
#news-events .row.sticky .text{margin-left:270px; font-size:1.1rem;}
#news-events .row.sticky .text h3{font-size:1.4rem; margin-bottom:10px; line-height:140%;}
#news-events .row.sticky .more{ color:#f47820; text-decoration:underline; font-weight:700; font-size:1.1rem;}
.single-post .entry-content{padding-bottom:50px;}
.single-post .ftr-img{width:653px; float:left; margin:6px 40px 20px 0px;}
.single-post .ftr-img img{width:100% !important; height:auto !important;}
.single-post .entry-title{ font-size:2.2rem; margin-bottom:20px;}
.single-post .entry-content .meta-op{font-size:1.2rem; margin-bottom:15px;}
.single-post .entry-content .text-col{font-size:0.9rem;}
.single-post .entry-content .text-col p{margin-bottom:30px;}
.single-post .entry-content .text-col p:last-child{margin-bottom:0px !important;}
.single-post .entry-content .text-col a{font-weight:700; color:#ea7c24; text-decoration:underline;}
.single-post .entry-content .text-col a:hover{text-decoration:none;}
.single-post .entry-content .text-col h2, .single-post .entry-content .text-col h3, .single-post .entry-content .text-col h4, .single-post .entry-content .text-col h5, .single-post .entry-content .text-col h6{ margin:10px 0px 15px 0px;}
.single-post .entry-content .text-col h2{font-size:1.4rem;}
.single-post .entry-content .text-col h3{font-size:1.15rem;}
.single-post .entry-content .text-col h4{font-size:1rem;}
.single-post .entry-content .text-col h5{font-size:0.9rem;}
.single-post .entry-content .text-col h6{font-size:0.9rem;}
.single-post #sc-share{padding:40px 0px; background:#e9e9e9;}
.apss-share-text{color:#000; font-weight:700 !important; float:left; width:100%; margin-bottom:15px; font-size:1.15rem; opacity:1; font-family: 'Lato', sans-serif;}
#news-events .navigation{float: left; width: 100%; margin: 0px 0px 40px 0px; text-align:center;}
#news-events .navigation ul{display:inline-block;}
#news-events .navigation li{display:inline-block; margin:0px 6px;}
#news-events .navigation li.active a{color: #999;}
#resources{}
#resources .page-title{margin-bottom:50px;}
#resources .top{margin-bottom:30px;}
#resources .row{margin-bottom:30px; background:url(//poconohunger.org/wp-content/themes/Hunger%20Coalition/images/file.svg) 0 4px no-repeat; background-size:55px auto; padding:0px 0px 0px 90px; font-size:0.8rem;}
#resources .row h4{font-size:1.4rem; margin-bottom:9px;}
#resources .row a{ color:#f47820; text-decoration:underline;}
#resources .row a:hover{text-decoration:none;} @media only screen and (max-width:1700px){
.container{padding:0px 40px;}
#hm-page #banner{padding:230px 0px 170px 0px;}
#inner .entry-content .container .bound{margin: 0px 55px;}
#take-action .top .limit, p.limit{width:1050px;}
#take-action .full-img{ height:420px;}
#host-food .table .col.img{width:40%;}
#about-us .bot .col.text{padding:55px 0px 200px 0px;}
}
@media only screen and (max-width:1500px){
.head-out{height:91px;}
.container{padding:0px 30px;}
.logo img{max-width:200px !important;}
#nav{margin-top:8px;}
#nav ul li{margin:0px 8px;}
#nav ul li.donate{margin-left:15px;}
#hm-page #banner{padding:210px 0px 150px 0px;}
#take-action .full-img{ height:400px;}
#host-food .table .col.img{width:35%;}
}
@media only screen and (max-width:1400px){
html{font-size:18px;}
#hm-page #banner{padding:150px 0px 130px 0px;}
#hm-page #banner .boxes li a{width: 190px; height: 176px; padding: 25px 15px;}
#hm-page #banner .boxes li a .img{line-height:70px; height:70px; max-height:70px !important;}
#hm-page #slider{padding:40px 0px 80px 0px;}
#bot-panel{padding:45px 0px;}
#footer{padding:40px 0px;}
#hm-page #slider .row .img{width:400px; text-align:right;}
#hm-page #slider .row .img img{max-width:80% !important; display:inline-block; text-align:right;}
#take-action .top .limit, p.limit{width:1200px;}
#inner .entry-content .container .bound{margin: 0px 35px;}
#take-action .full-img{ height:360px;}
#breadcrumbs{margin:20px 0px 25px 0px;}
#take-action .top{padding:20px 0px 35px 0px;}
#take-action #volunteer .sec-two{padding-bottom:60px;}
#take-action .sec-two, #take-action #volunteer .sec-three{padding:45px 0px;}
#take-action #volunteer .sec-two .col{height:300px; padding-bottom:35px;}
#take-action #volunteer .sec-two .col .table .img img{max-width:74px !important;}
#take-action #volunteer .sec-two .col .table .img{height:105px;}
#take-action #volunteer .sec-two .col p{padding:25px;}
#take-action #get-help .tab-out{margin-top: 80px; padding: 60px 50px 50px 50px;}
#take-action #get-help .tab-out #tabs{margin-top:-85px;}
#host-food .top .sub{margin:30px 0px;}
#host-food .top .row-con{margin-bottom:10px;}
#host-food .top .row-con .row .circle-out{width:80px;}
#host-food .top .row-con .row .circle{width:80px; height:80px; padding-top: 26px;}
#host-food .top .row-con .row .sep{height:40px;}
#host-food .top .row-con .row .text{margin-left: 105px; padding: 5px 0px 0px 0px;}
#host-food .bot{padding:40px 0px;}
#news-sugnup{padding: 30px 25px 30px 25px; width:525px;}
#news-sugnup .in #close{font-size:1.5rem; right: -7px; font-size:1.5rem;}
#about-us h1.page-title {margin-bottom:30px;}
#about-us .top{padding-bottom:15px;}
#about-us .bot .col.text{padding:55px 0px 120px 0px;}
#news-events .sec-row {padding: 50px 0px 20px 0px;}
#news-events .sec-row .more.all{margin-bottom:30px;}
#news-events .sub-title{font-size:2rem; margin-bottom:40px;}
#news-events .row .img {width: 150px;}
#news-events .row .text{margin-left:180px;}
#news-events .row .text h3{margin-bottom:10px;}
#news-events .row.sticky .img {width:200px;}
#news-events .row.sticky .text{margin-left:230px;}
.single-post .ftr-img{width:550px;}
.single-post .entry-content{padding-bottom:40px;}
.single-post #sc-share{padding:30px 0px;}
}
@media only screen and (max-width:1199px){
html{font-size:17px;}
.head-out{height:85px;}
.container{padding:0px 25px;}
.logo img{max-width:180px !important;}
#nav{margin-top:8px;}	
#nav ul li{margin:0px 5px;}
#hm-page #banner{padding:130px 0px 110px 0px;}	
#hm-page #banner .boxes li a{width:170px; height:156px; padding:25px 10px;}
#hm-page #banner .boxes li a .img{line-height:60px; height:60px; max-height:60px !important;}
#take-action .full-img{ height:320px;}
#take-action .top .limit, p.limit{max-width:95% !important;}
#inner .entry-content .container .bound {margin: 0px 25px;}
#take-action #get-help .tab-out{margin-top:70px; padding:60px 35px 50px 35px;}
#take-action #get-help .accordion{font-size:1rem;}
.wpsl-search{padding:20px 30px;}
#wpsl-wrap #wpsl-result-list li{padding:25px 30px;}
#about-us .top .limit{max-width:100% !important;}
#about-us h2.title, #about-us .bot .col h3.title{margin-bottom:10px;}
#about-us .bot .col.text {padding: 45px 0px 100px 0px;}
#take-action #get-help #tab-1.tab-content .box{margin-top:30px;}
#take-action #get-help #tab-1.tab-content .box .access-btn{padding:12px 25px 12px 22px;}
.single-post .ftr-img{width:450px;}
#bot-panel .text{margin-right:15px;}
}
@media only screen and (max-width:1023px){
html{font-size:16px;}
.btn, input[type="submit"]{padding:14px 28px;}
.head-out{height:78px;}
#header{padding:20px 0px;}
.logo img{max-width:170px !important;}
#nav{display:none;}	
a.tog{display:block; padding: 10px 25px; font-size:1rem;}
#hm-page #banner{padding:100px 0px 90px 0px;}
#hm-page #banner h1 span{display:block;}
#hm-page #banner .boxes li{margin:0px 8px;}
#hm-page #banner .boxes li a{width:140px; height:126px; padding:20px 10px;}
#hm-page #banner .boxes li a .img{line-height:42px; height:42px; max-height:42px !important;}
#hm-page #slider .row .img, #hm-page #slider .row .text{float:left; display:block; width:100% !important; text-align:center; padding:0px;}
#hm-page #slider .row .text{padding:20px 0px 40px 0px;}
#hm-page #slider .row .img img{text-align:center; max-width:300px !important;}
#hm-page #slider .row .img img.mobile{display:inline-block;}
#hm-page #slider .row .img img.desktop{display:none;}
#bot-panel{padding:35px 0px;}
#bot-panel .btn{margin:0px 3px;}
#footer{padding:30px 0px 0px 0px;}
#footer .widget{float:left; width:100% !important; display:block; text-align:center; padding-bottom:20px;}
#footer .widget.right{text-align:center;}
#footer .widget.center{display:none;}
#footer .social a {margin:0px 10px;}
#take-action .top {padding: 10px 0px 35px 0px;}
#take-action .full-img{ height:280px;}
#take-action .top .limit, p.limit{max-width:100% !important;}
#inner .entry-content .container .bound {margin:0px;}
#take-action .sec-two{ text-align:center; padding:40px 0px 15px 0px;}
#take-action .sec-two .col{ width:100%; margin:25px 0px !important; text-align:center;}
#take-action .sec-two .col .img{margin-bottom:10px;}
#take-action .sec-two .col .img img{display:inline-block; max-width:85px !important;}
#take-action .sec-two h2{margin-bottom:20px;}
#take-action .sec-two .col ul{margin-left:0px;}
#take-action #volunteer .sec-two{padding-bottom:45px;}
#take-action #volunteer .sec-two h2{margin-bottom:40px;}
#take-action #volunteer .sec-two .col{width:100%; margin:0px; height:auto; padding-bottom:0px; margin:0px !important; margin-top: -6px !important;}
#take-action #volunteer .sec-two .col p{padding:50px 30px; line-height:130%;}
#take-action #volunteer .sec-two .sep {width: 100%; text-align: center;}
#take-action #volunteer .sec-two .sep span{float:none; display:inline-block; border:none; width:2px; height:60px; background:#f47820;}
#take-action #volunteer .sec-three{padding:40px 0px;}
#take-action #get-help .tab-out{margin-top:60px; padding:50px 30px 40px 30px;}
#take-action #get-help .tab-out #tabs{margin-top:-75px;}
#take-action #get-help .accordion{padding-right:50px;}
#take-action #get-help .content .img{width:85px;}
#take-action #get-help .content .text{margin-left:110px;}
#host-food .table .col{float:left; display:block; width:100%;}
#host-food .table .col.img{height:280px; width:100%;}
#host-food .top .row-con .row .text{padding-top:15px;}
#host-food .top .sub{margin-bottom:10px;}
#news-sugnup{width:450px;}
#news-sugnup h4{margin-bottom:10px;}
#news-sugnup form input[type="submit"]{padding:12px 28px;}
#wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-category{margin-right:15px !important;}
.wpsl-search-btn-wrap{margin-right:0px !important;}
#wpsl-search-wrap .wpsl-input{width: 180px;}
#wpsl-search-wrap .wpsl-input input{height:40px;}
#about-us .top {padding-bottom: 0px;}
#about-us .bot .col{float:left; width:100%; display:block;}
#about-us .bot .col.img{height:280px;}
#about-us .bot .col.text {padding:35px 0px; font-size:0.95rem; line-height:1.25rem;}
#about-us .bot .col h3.title{font-size:1.2rem;}
#take-action #get-help #tab-1.tab-content .box .access-btn{padding:10px 20px 10px 22px; left:41%; top:40%;}
#news-events .sec-row{text-align:center;}
#news-events .row{text-align:center; padding-bottom:35px;}
#news-events .row .img {width:150px; float:none; display:inline-block; text-align:center; margin-bottom:10px;}
#news-events .row .text, #news-events .row.sticky .text{margin-left:0px; float:left; width:100%;}
#news-events #event-sec .sub-title{text-align:center;}
#news-events .sec-row .more.all{text-align:center;}
#take-action #get-help .tab-content .cel{ padding:0px 20px 0px 0px;}
.single-post .ftr-img{width:350px; margin: 6px 25px 10px 0px;}
.single-post .entry-content .text-col h2, .single-post .entry-content .text-col h3, .single-post .entry-content .text-col h4, .single-post .entry-content .text-col h5, .single-post .entry-content .text-col h6 {margin: 10px 0px 10px 0px;}
.single-post .entry-content .text-col p{margin-bottom:25px;}
.single-post .entry-title{font-size:1.8rem;}
#bot-panel .text{margin-right:0px; margin-bottom:10px; float:left; width:100%; line-height:130%;}
#bot-panel.single{padding:20px 0px;}
#bot-panel.single .btn{font-size:1rem; padding:13px 28px;}
#contact-page form .hundred .col .box.left{width:60%;}
#contact-page form .hundred .col .box.right{width:30%; }
#resources .row{background-size: 35px auto; padding: 0px 0px 0px 55px;}
#resources .page-title {margin-bottom: 40px;}
#resources .top {margin-bottom: 10px;}
#resources .row h4 {font-size: 1.3rem;}
}
@media only screen and (max-width:767px){
#hm-page #banner{padding:70px 0px 50px 0px;}
#hm-page #banner h1{font-size:2.4rem;}
#hm-page #banner p{font-size:1rem; margin-bottom:20px;}
#hm-page #banner .boxes li{margin:0px 2px;}
#hm-page #banner .boxes li a{width:125px; height:110px; padding:20px 8px; font-size: 0.9rem;}
#hm-page #banner .boxes li a .img{line-height:34px; height:34px; max-height:34px !important;}
#hm-page #slider .row .text{font-size:1.1rem; padding: 10px 0px 25px 0px;}
#hm-page #slider .row .text h2{font-size:1.7rem;}
#hm-page #slider .row .img img {max-width: 240px !important;}
#bot-panel .btn {margin: 0px 1px; padding: 11px 20px; margin-bottom:3px;}
#footer .social a img{max-width:25px !important;}
#take-action .full-img{ height:210px;}
h1.page-title{font-size:2.1rem;}
#contact-page form .hundred, #contact-page form .hundred .col.left{margin-bottom:20px;}
#contact-page form .hundred .col{width:100%;}
#contact-page form input[type="text"], #contact-page form input[type="tel"], #contact-page form input[type="email"], #contact-page form textarea, #newsletter form input[type="text"], #newsletter form input[type="email"], .mc4wp-form input[type="text"], .mc4wp-form input[type="email"]{height:45px;}
#contact-page form textarea{height:90px;}
#take-action #get-help .tab-out{padding:30px 0px; margin:0px; border:none;}
#take-action #get-help .tab-out #tabs {margin-top: 0px; width:100%;}
#take-action #get-help .accordion{padding:12px 40px 12px 20px;}
#take-action #get-help .accordion::after{right:14px;}
#take-action #get-help .tab-out #tabs li{margin:0px 0px 5px 0px; width:100%; padding:14px 15px; font-size: 0.95rem; text-align:center;}
#host-food .table .col.img{height:240px;}
#host-food .top .row-con .row .circle-out{width:70px;}
#host-food .top .row-con .row .circle{width:70px; height:70px; padding-top:22px;}
#host-food .top .row-con .row .text{margin-left:95px; padding-top:5px;}
#news-sugnup{width:90%; padding: 30px 25px 20px 20px; right:5%;}
#news-sugnup h4{font-size:1rem; line-height:1.3rem;}
#news-sugnup .in #close{right:-12px; top: -22px; }
.wpsl-search{padding:20px 25px;}
#wpsl-wrap #wpsl-result-list li{padding:25px 25px;}
#wpsl-category{clear: left;}
#wpsl-search-wrap div label{margin-bottom:5px;}
#wpsl-gmap, #wpsl-result-list{width:100%; margin:0px !important; float:none;}
#wpsl-search-wrap .wpsl-dropdown{width:90px !important;}
#wpsl-search-wrap #wpsl-category .wpsl-dropdown{width:180px !important;}
#wpsl-search-btn{margin-top:24px !important;}
#wpsl-search-wrap .wpsl-select-wrap{ width:auto !important;}
.wpsl-search-btn-wrap {margin-top:0px; clear:none;}
#take-action #get-help #tab-1.tab-content, #take-action #get-help #tab-2.tab-content{ padding-top:20px;}
#take-action #get-help #tab-1.tab-content .box .access-btn{left:38%; top:34%;}
#take-action #get-help .tab-content .cel{ padding:0px; width:100%;}
.single-post .entry-content .ftr-img{width:100%; margin:0px 0px 23px 0px;}
.single-post #sc-share{padding: 25px 0px;}
#contact-page form .hundred .small.city, #contact-page form .hundred .small.state {padding-right: 8px;}
#resources .row{background-size: 30px auto; padding: 0px 0px 0px 47px; margin-bottom: 20px;}
#resources .page-title {margin-bottom:30px;}
#resources .top {margin-bottom:5px;}
#resources .row h4 {font-size: 1.2rem; margin-bottom: 5px;}
#about-us .bot .three-circle li{margin-right:20px;}
}
@media only screen and (max-width:720px){
}
@media only screen and (max-width:570px){
#hm-page #banner .boxes li{float:left; width:31.33%; margin:5px 1%;}
#hm-page #banner .boxes li a{width:100%; padding:12px 15px; font-size: 1rem; line-height: 110%;}
#hm-page #banner .boxes li a .img{line-height:34px; height:34px; max-height:34px !important;}
#about-us .bot .col.img{height:210px;}
}
@media only screen and (max-width:400px){
.head-out{height:70px;}
.logo img{max-width:150px !important;}
a.tog{padding: 8px 18px; font-size: 0.9rem;}
#hm-page #banner .boxes li a{padding:12px 7px;}
#hm-page #banner .boxes li a .img{line-height:30px; height:30px; max-height:30px !important;}
#take-action #get-help #tab-1.tab-content .box .access-btn{left:32%; top:30%;}
}
 .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://poconohunger.org/wp-content/themes/Hunger%20Coalition/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://poconohunger.org/wp-content/themes/Hunger%20Coalition/css/fonts/slick.eot);
src: url(https://poconohunger.org/wp-content/themes/Hunger%20Coalition/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://poconohunger.org/wp-content/themes/Hunger%20Coalition/css/fonts/slick.woff) format('woff'), url(https://poconohunger.org/wp-content/themes/Hunger%20Coalition/css/fonts/slick.ttf) format('truetype'), url(https://poconohunger.org/wp-content/themes/Hunger%20Coalition/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}