/*
Theme Name: Northern Illinois Food Bank
Theme URI:
Author:
Version: 1.0
*/
/***********************
*FONTS
************************/
@import url(//fonts.googleapis.com/css?family=Open+Sans);
/***********************
*GENERAL
************************/
input[type="submit"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
body{background: #ffffff; font-family:"Open Sans";}
p, h1, h2, h3, h4, h5{ font-family:"Open Sans"; color: #1a1a1a;}
.no-padding{ padding: 0 !important;}
.no-padding-left{ padding-left: 0 !important;}
.no-padding-right{ padding-right: 0 !important;}
.align-center{ text-align: center;}
.bg-orange {background: #e98300; }
.color-orange {color: #e98300;}
.button-orange {background: #e98300; border-radius: 3px; padding: 15px; width: 147px; text-align: center; cursor: pointer;}
.clean{clear: both;}
.color-dark-green{color: #53682b;}
.bg-dark-green{background: #53682b;}
.bg-dark-green-transparent {background-color: rgba(83, 104, 43,0.8);}
/***********************
*HEADER
************************/
#header {padding: 10px 0;}
#header .row {position: relative;}
#header h1 {font-size: 16px; margin-top: 0px; margin-bottom: 0px; }
#header span {font-size: 16px; font-style: italic; color: #666666; }
#header #header-text > * {float: left;}
#header #header-text div {margin-top: 15px; margin-left: 10px; width: 65%}
#header #menu nav{ padding-right: 40px; }
.element-is-sticky {
background: white; width 1000px;
}
/***********************
*MENU
************************/
#header #menu .agency-tools{ display: block; text-align: right; margin-top: -11px;}
#header #menu .agency-tools .button.grey{ background: #ebebeb; border-radius: 0px 0px 5px 5px; color: #808080; height: 30px;
line-height: 1; padding: 7px 10px 10px; border: 0px;}
#header .top-bar{ margin-bottom: 0; padding-top: 30px;}
#header .top-bar ul > li.has-dropdown .dropdown { padding-top: 5px; background-color: transparent;
background: url(images/submenu-active.png); background-repeat: no-repeat;
background-size:148px 5px; background-position: left top; }
#header .top-bar ul > li.has-dropdown .dropdown .sub-sub-menu a{background-image:none}
#header .top-bar ul.right > li > a:not(.button) {padding: 0 8px; font-weight: bold; font-size: 14px; line-height: 40px; height: 40px;}
#header .top-bar ul.right > li.donate > a{color:#fff; width: 100px; text-align: center; background-color: #e98300; border-radius: 5px; background-image: url("images/leave-yellow-button.png"); background-repeat: no-repeat; background-position: right;}
#header .top-bar ul.right > li > a[href*="volunteer-opportunities"]{margin: 0 2px; color:#fff; width: 100px; text-align: center; background-color: #53682b; border-radius: 5px; background-image: url("images/leave-green-button.png"); background-repeat: no-repeat; background-position: right;}
#header .top-bar ul > li.has-dropdown .dropdown li a {white-space: normal;}
#header .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li {padding: 0;}
#header .top-bar ul > li.has-dropdown .dropdown li:last-child{ padding-bottom: 0;}
#header .top-bar ul > li.has-dropdown a {padding:0 10px; color: #000; }
#header .top-bar ul > li.has-dropdown a:after {content: none;}
#header .top-bar ul.dropdown > li.has-dropdown .dropdown li {padding: 10px 0; border: none;}
#header .top-bar .dropdown{ width: 100%; min-width: 100px;}
#header .top-bar .dropdown.sub-sub-menu{ width: auto;}
#header .dropdown a{ padding: 10px !important;}
#header .top-bar ul.right{ padding-top: 15px;}
#header .top-bar.expanded ul.right{ position: relative; bottom: 0;}
#header #search {position: absolute; right: 0px; bottom: 25px; }
#header #search form {position: absolute; bottom: -100px; width: 308px; z-index: 10; background: url("images/background-search.png"); background-repeat: no-repeat; background-size: 308px 89px; margin: 0; padding: 19px; display: none;}
#header #search form input {display: inline-block;}
#header #search form input[type*="text"] { width: 225px; height: 39px; margin: 6px 0 0;}
#header #search form input[type*="submit"] { background-image: url(images/search-button.png); background-size:40px 39px; width: 40px; height: 39px; padding:12px 20px 20px; background-repeat: no-repeat; border: none; text-indent: -999px; margin-left: -3px; }
#content-social{ position: fixed; left: 0; top: 50%; z-index: 100;}
#content-social img{ float: left; clear: both;}
.aux-menu {
position: absolute;
top: -10px;
right: 0;
}
.aux-menu a {
background: #ebebeb;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
height: 33px !important;
line-height: 33px !important;
}
/***********************
*SLIDER
************************/
#slider {width: 100%; height:auto; position: relative; }
#slider > div, #slider img {width: 100%;}
#slider .orbit-wrapper {height: auto !important;}
#slider .orbit-wrapper #slider-content {height: auto !important;}
.orbit {margin-bottom: 0;}
.orbit-wrapper .orbit-caption {background: none; position: absolute; bottom: 22%; left: 12%; width: 50% !important;}
.orbit-caption #title-slider {width: 75%; padding:40px 40px 0; margin: 0; text-align: left; text-align: center; }
.orbit-caption #title-slider h2 {color: #ffffff; font-size: 40px; display: block; margin: 0;}
.orbit-caption #description-slider {width: 75%; padding:0 40px 40px; text-align: left; }
.orbit-caption #description-slider span {color: #ffffff; font-size: 18px; padding: 15px 0; display: block; font-weight: bold; line-height: 20px;}
.orbit-caption #description-slider #button-green {width: 300px; margin: 0 auto; padding:10px; text-align: left; background-image: url("images/leave-green-button.png"); background-repeat: no-repeat; background-position: right; text-align: center; font-weight: bold;}
.orbit-caption #description-slider #button-green a{color: #ffffff; padding: 3px 0; display: block; font-size: 30px;}
.orbit-caption #description-slider #button-green:hover {background-color: #678235;}
/***********************
* CONTENT
************************/
#content h2 {font-size: 30px; font-weight: bold;}
#content p {font-size: 16px;}
#content #block1 {padding: 30px 0 60px;}
#content #block1 img{width: 100%;}
#content #block1 img:hover + .image-title {background:rgba(233, 131, 0, 0.5);}
#content #content-images .image-title {background:rgba(0, 105, 41, 0.5); color: #ffffff; font-weight: bold; text-align: center; padding: 10px 0; margin-top: -35px; position: relative;}
#content #content-images .image-title:hover {background:rgba(233, 131, 0, 0.5);}
#content #block2 { background: #fcfcfc; padding: 60px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#content #block2 #content-posts h1 {font-size: 16px; color: #53682b; margin: 5px 0;}
#content #block2 #content-posts .row {overflow: hidden; border-bottom: 1px dashed #e1e1e1;}
#content #block2 #content-posts .row:last-child {overflow: hidden; border-bottom: none;}
#content #block2 #content-posts .post {padding: 10px 0; overflow: hidden;}
#content #block2 #content-posts .content-posts-block-image {width: 23%; float: left;}
#content #block2 #content-posts .content-posts-block-image > img {margin-top: 7px;}
#content #block2 #content-posts .content-posts-block-text {width: 75%; float: left;}
#content #block2 #content-posts .content-posts-block-text a{color:#53682b; font-size:13px; font-weight: bold;}
#content #donors {padding-bottom: 30px;}
#content #donors #donors-title {padding: 60px 0 30px;}
/***********************
* CAROUSEL
************************/
.carousel { position:relative; min-height: 90px; height:auto !important; }
.carousel .next,
.carousel .prev { display:none; width:56px; height:56px; position:absolute; bottom:20px; left:50%; margin-top:-28px; z-index:9999; cursor:pointer; }
.carousel .prev { /*margin-left:-60px; background:url(images/prev.png) 0 0 no-repeat;*/ display: none; }
.carousel .next { /*margin-right:-60px; background:url(images/next.png) 0 0 no-repeat;*/ display: none; }
.carousel li { display:none; }
.carousel li img { height: auto; }
.paging { position:absolute; z-index:9998; }
.paging > a { display:block; cursor:pointer; width:40px; height:40px; float:left; background:url(images/dots.png) 0px -40px no-repeat; }
.paging > a:hover,
.paging > a.current { background:url(images/dots.png) 0px 0px no-repeat; }
.badge { display:block; width:104px; height:104px; background:url(images/badge.png) 0 0 no-repeat; z-index:9000; position:absolute; top:-3px; left:-3px; }
/***********************
* FOOTER
************************/
#footer-top {width: 100%; background: #222222; background-image: url("images/black-leave-prefooter.png"); background-size:250px 353px; background-repeat: no-repeat; background-position: 75% center; padding: 20px 0; }
#footer-top h1 { background:#222222; font-size: 17px; padding-right:10px; width: auto; display: inline-block;}
#footer-top p{font-size: 16px; color: #8c8c8c;}
#footer-top .footer-title {background: url(images/footer-line.png); background-repeat: repeat-x; background-position: center;}
#footer-top #form-need-food {background-color:#333333; overflow: hidden; }
/* outdated form
#footer-top #form-need-food p {margin-bottom: 0; font-weight: bold; padding: 5px 0; }
#footer-top #form-need-food img {border-radius: 3px;}
#footer-top #form-need-food input {width: 143px; height: 43px; border-radius: 3px;}
#footer-top #form-need-food input[type*="submit"] {background: #e98300; border: 1px solid #e98300 ; border-radius: 3px; color: white; font-variant: "Open Sans"; font-weight: bold; font-size: 13px;}
#footer-top #signup-form input {height: 44px;}
#footer-top #signup-form .button-orange a {color: #ffffff;}
*/
#footer-top form label {
color: #ffffff !important;
}
#footer-bottom {background:#53682b; background-image: url("images/footer-background.png"); background-size:684px 142; background-repeat: no-repeat; background-position: 40% center; padding: 20px 0; }
#footer-bottom .footer-logos img{float: left; margin: 0 5px;}
#footer-bottom #footer-menu {overflow: hidden; text-align: right;}
#footer-bottom #footer-menu ul li {list-style: none; display: inline-block;padding: 0 10px; color: #ffffff; font-size: 13px; font-family: "Open Sans"; border-right: 1px solid #3f4e20;}
#footer-bottom #footer-menu ul li:nth-child(6) {border: none;}
#footer-bottom #footer-menu ul li:last-child {border: none;}
#footer-bottom #footer-menu ul li a{color: #ffffff;}
#footer-bottom #footer-contact {color: #ffffff; text-align: right; overflow: hidden;}
#footer-bottom #footer-contact ul, #footer-bottom #footer-menu ul {line-height: 1.2; margin-bottom: 15px;}
#footer-bottom #footer-contact ul li{list-style: none; display: inline-block; margin: 0 5px; color: #ffffff; font-size: 13px; font-family: "Open Sans"; line-height: 19px; margin: 0;}
#footer-bottom #footer-contact ul li.divider {color: #3f4e20;}
#footer-bottom #footer-contact ul li.hide-for-small {display: inline-block !important;}
/******************************
* SEARCH
******************************/
#content #main-content .box-archive a:hover {color: #e7a248;}
#content #main-content form { width: 308px; margin: 0; padding: 19px;}
#content #main-content form input {display: inline-block;}
#content #main-content form input[type*="text"] { width: 225px; height: 39px; margin: 6px 0 0;}
#content #main-content form input[type*="submit"] { background-image: url(images/search-button.png); background-size:40px 39px; width: 40px; height: 39px; padding:12px 20px 20px; background-repeat: no-repeat; border: none; text-indent: -999px; margin-left: -3px; }
/******************************
* SECONDARY PAGES
******************************/
#content-page {padding: 30px 0;}
#content-secondary a{color:#e98300;}
#content-secondary ul li, #content-secondary ol li {font-family: "Open Sans"; color:#000000; font-size: 16px; margin-left: 30px; }
#content-secondary ul li a, #content-secondary ol li a{font-family: "Open Sans"; color:#000000; font-size: 16px; }
#content-secondary img {margin: 0 auto;}
#featured { display: block; font-size: "Open Sans"; color: #FFF; font-weight: bold; font-size: 30px; width: 100%; background-color:#e98300; }
#featured .row {background: url(images/secondary-bg.png); background-size:163px 97px; background-repeat: no-repeat; background-position: right; }
#featured #title { font-size: 30px; padding: 30px 0; }
#sidebar-secondary { text-align: left; padding-top:40px; }
#sidebar-secondary ul {margin: 0; padding-left: 25px;}
#sidebar-secondary ul.children {/*display: none;*/ padding-left: 25px;}
#sidebar-secondary ul li {list-style: none; margin: 10px 0;}
#sidebar-secondary ul li a{list-style: none; font-family: "Open Sans"; color:#e89300; font-size: 16px; }
#sidebar-secondary ul li > ul{display: none;}
#sidebar-secondary ul li.current_page_item > a{color: #53682b; font-weight: bold;}
#sidebar-secondary ul li.current_page_item > ul{display: block;}
#sidebar-secondary ul li.current_page_item > ul li > ul{display: block;}
#sidebar-secondary ul li.current_page_ancestor > ul {display: block;}
#sidebar-secondary ul li.current_page_ancestor > ul li.current_page_item > ul{display: block;}
#sidebar-secondary #parent-sidebar {padding-left: 0;}
#sidebar-secondary #parent-sidebar > li:first-child {color: #000; font-size: 17px; font-weight: bold;}
#sidebar-secondary #parent-sidebar > li:first-child a {color: #000; font-size: 17px; font-weight: bold;}
#sidebar-secondary #parent-sidebar > li:first-child a.active {color: #53682b; font-size: 17px; font-weight: bold;}
#sidebar-secondary #parent-sidebar > li:nth-child(2) a { padding-left:25px; color: #53682b; font-size: 15px; font-weight: bold;}
#calendar #sidebar-secondary ul li.page-item-771 > a{color:#53682b; font-weight: bold; }
#content-secondary {border-left: 1px solid #e1e1e1; padding: 30px;}
#content-secondary h2 {font-size: 25px; color: #53682B;}
#content-secondary p {font-size: 16px; color:#1a1a1a; }
#content-secondary div.six {padding: 20px}
#related-links { border-bottom: 1px dashed #e1e1e1; border-top: 1px dashed #e1e1e1; overflow: hidden; padding: 20px 0;}
#related-links #title {color: #53682B; font-size: 17px; margin-bottom: 20px; font-weight: bold;}
#related-links #title {color: #53682B; font-size: 17px; margin-bottom: 20px; font-weight: bold;}
#related-links #description {font-size: 16px;}
#related-links #description a{font-size: 16px; color:#e89300; font-size:16px; font-weight: bold;}
#related-links img {margin-top: 5px;}
/******************************
* WHERE-TO-GET-FOOD
******************************/
#map #wpsl-gmap, #store-list #wpsl-result-list {width: 100%;}
.wpsl-search {background: none !important;}
#wpsl-wrap {overflow: visible !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 #wpsl-search-wrap .wpsl-select-wrap #wpsl-results {display: none !important;}
#wpsl-wrap #wpsl-search-wrap .wpsl-input div {width: 100%;}
#wpsl-wrap #wpsl-search-wrap .wpsl-input div label{width: 100%; font-family: "Open Sans"; font-size:12px; 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:#53682b; 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-family: "Open Sans"; font-size:12px; color: #222; font-weight: bold; }
#wpsl-stores strong {color: #e98300; }
/******************************
* ARCHIVE
******************************/
#content-archive p {font-size: 13px; color:#1a1a1a; }
#content-archive ul li, #content-archive ol li {font-family: "Open Sans"; color:#1a1a1a; font-size: 13px; margin-left: 30px; }
#content-archive ul li a, #content-archive ol li a{font-family: "Open Sans"; color:#e98300; font-size: 13px; }
#sidebar-archive { text-align: left; padding-top:40px; }
#sidebar-archive h1{font-size: 14px; }
#sidebar-archive ul {margin: 0;}
#sidebar-archive ul li {list-style: none;}
#sidebar-archive ul li a{list-style: none; font-family: "Open Sans"; color:#000000; font-size: 13px; }
#sidebar-archive ul li.current_page_item a{color: #e98300; font-weight: bold;}
/******************************
* NEWS
******************************/
#content-archive {border-right: 1px solid #e1e1e1; padding: 30px;}
#content-archive h1, #content-archive h2, #content-archive h3, #content-archive h4, #content-archive h5, #content-archive p{margin: 0;}
#content-archive #preview-post {padding: 20px 0;}
#content-archive #preview-post img{margin: 10px 0;}
#content-archive #preview-post h2{font-size: 21px; color: #222222; margin: 10px 0;}
#sidebar h2{font-size: 21px; color: #222222; margin: 10px 0;}
#content-archive #preview-post #data-post{font-size: 12px; color:#919191; margin-bottom: 20px; }
#content-archive #preview-post #excerpt-post{font-size: 13px; color:#919191; margin-bottom: 20px; }
#content-archive #preview-post a{color:#e98300; }
.paginator a {background:#e98300; border-radius: 42px; text-align: center; padding:10px; display: inline-block; color: #ffffff; }
/******************************
* GIVING TUESDAY
******************************/
#giving_container .row{width: 940px;}
#giving_container .gray_bg{background-color: #f2f2f2;}
#giving_container .white_bg{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
#giving_container #header{box-shadow: 1px 2px 5px 0.00px rgba(0, 0, 0, 0.15); position: relative;}
#giving_container #header #giving_tuesday_logo{text-align: right;padding-top: 35px;}
#giving_container #thermometer_container{padding: 30px 0;}
#giving_container #thermometer_container #thermometer {width: 310px;margin-bottom: 10px;position: relative;}
#giving_container #thermometer_container #thermometer .empty {height: 400px;margin-left: auto;margin-right: auto;text-align: right;width: 310px;}
#giving_container #thermometer_container #thermometer .full {height: 0px;width: 100%;position: absolute;left: 0;bottom: 0;}
#giving_container #thermometer_container #thermometer_copy p{font-size: 15px; font-family: 'Open Sans'; font-weight: 400; color: #1a1a1a; line-height: 25px; margin: 25px 0;}
#giving_container #thermometer_container #thermometer_buttons .button_container.small_container{width: 140px; float: left; margin-right: 15px;}
#giving_container #thermometer_container #thermometer_buttons .button_container.medium_container{width: 180px; float: left; margin-right: 15px;}
#giving_container #thermometer_container #thermometer_buttons .button_container.big_container{width: 250px; margin: 0 auto;}
#giving_container #thermometer_container #thermometer_buttons .button_container a.small_button{display: block;width: 100%;height: 60px; font-size: 30px; font-family: 'Open Sans'; font-weight: 700; color: #ffffff; text-align: center; padding: 15px 0;}
#giving_container #thermometer_container #thermometer_buttons .button_container p {color: #1a1a1a; font-family: 'Open Sans'; font-weight: 700; font-size: 15px; text-align: center; line-height: 20px; margin-top: 10px;}
#giving_container #carousel_container h2{font-family: "Open Sans"; color: #e98300; font-size: 30px; font-weight: 600; text-align: center;}
#giving_container #carousel_container p{font-family: "Open Sans"; color: #1a1a1a; line-height: 25px; font-size: 15px; font-weight: 400; text-align: center;}
#giving_container #carousel_container #single{margin: 40px 0; overflow: hidden;}
#giving_container #carousel_container #single .slick-slider{margin-bottom: 0;}
#giving_container #carousel_container #single .slick-slider .slick-slide img {display: block; margin: 0 auto;}
#giving_container #client_story{padding: 45px 0;}
#giving_container #client_story #orange_content{
height: 313px;
padding: 20px 90px 20px 40px !important;
background: rgba(209,118,0,1);
background: -moz-linear-gradient(left, rgba(209,118,0,1) 0%, rgba(209,118,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 71%, rgba(233,132,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,118,0,1)), color-stop(2%, rgba(209,118,0,1)), color-stop(2%, rgba(233,132,0,1)), color-stop(2%, rgba(233,132,0,1)), color-stop(71%, rgba(233,132,0,1)), color-stop(100%, rgba(233,132,0,1)));
background: -webkit-linear-gradient(left, rgba(209,118,0,1) 0%, rgba(209,118,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 71%, rgba(233,132,0,1) 100%);
background: -o-linear-gradient(left, rgba(209,118,0,1) 0%, rgba(209,118,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 71%, rgba(233,132,0,1) 100%);
background: -ms-linear-gradient(left, rgba(209,118,0,1) 0%, rgba(209,118,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 71%, rgba(233,132,0,1) 100%);
background: linear-gradient(to right, rgba(209,118,0,1) 0%, rgba(209,118,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 2%, rgba(233,132,0,1) 71%, rgba(233,132,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d17600', endColorstr='#e98400', GradientType=1 );}
#giving_container #client_story #orange_content h4{font-family: "Open Sans"; font-size: 15px; color: #ffd500; font-weight: 700;}
#giving_container #client_story #orange_content p{font-family: "Open Sans"; font-size: 25px; font-weight: 700; color: #ffffff; line-height: 22px;}
#giving_container #client_story #orange_content div#author{color: #ffffff; font-family: "Open Sans"; font-weight: normal; font-size: 25px; font-style: italic; position: absolute; bottom: 40px;}
#giving_container #our_service_area {padding: 20px 0 0px;}
#giving_container #our_service_area #our_area_img{margin-bottom: -3px;}
#giving_container #our_service_area h2{font-family: 'Open Sans'; font-size: 30px; font-weight: 600; line-height: 40px; color: #e98300; text-align: center; margin: 20px 0 0;}
#giving_container #our_service_area p{ font-family: 'Open Sans'; font-size: 15px; font-weight: 400; color: #1a1a1a; line-height: 25px; margin: 25px 0; }
#giving_container #feed_twine li{list-style: none;}
#giving_container #feed_twine li h2, #giving_container #feed_twine h2{font-family: 'Open Sans'; font-size: 30px; font-weight: 600; line-height: 40px; color: #e98300; text-align: center; margin: 30px 0;}
#twine-load-more{width: 50%;margin: 0 auto;background: #e98300;border: none;}
#twine-load-more a {color: #FFF;font-family: "Open Sans";}
/******************************
* IE8 FIXES
******************************/
/*.lt-ie9 .orbit-caption {background: none !important; color: white !important; text-shadow:!important; box-shadow: none !important; filter:none !important;}*/
.lt-ie9 .top-bar ul li a {color: black;}
.lt-ie9 .top-bar ul li a:hover {background: none;}
.lt-ie9 .top-bar ul li.has-dropdown {padding:0 10px;}
.lt-ie9 #header .top-bar ul > li:hover {background: none;}
/** PopUp Module**/
#boxes #dialog{ border-radius: 20px; }
#boxes .window .close { bottom: 10px !important; top: initial !important; right: 10px !important; height: 21px !important; width: 21px !important;}
.dialog{
max-width: 800px !important;
height: auto !important;
width: 746px !important;
white-space: normal !important;
overflow: visible !important;
padding: 10px !important;
background-color: #ffffff !important;
border: 15px solid #ffffff !important;
font-family: Georgia !important;
font-size: 15px !important;
padding-bottom: 30px !important;
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
/** Sidebar Widgets **/
#sidebar h2.widgettitle {
font-size: 14px;
background-color: #E98300;
color: #fff;
padding: 5px;
border-radius: 5px;
}
.widget li {
margin-bottom: 20px;
clear: both;
overflow: hidden;
}
.yarpp-related-posts img {
display: inline;
float: left;
margin: 0 5px 0 0;
border: none;
}
.sidebar_button {
text-align: center;
font-weight: bold;
font-size: 16px;
border-radius: 5px;
margin-bottom: 10px;
padding: 15px 0;
transition: background-color 0.5s ease;
background: #53682b url(images/secondary-bg.png) no-repeat;
background-position: -100px -10px;
}
.sidebar_button:hover {
background-color: #e98300;
}
.sidebar_button a {
color: #fff;
}
.sidebar_button .dashicons {
padding-top: 3px;
}
.sidebar_emailSignup {
text-align: center;
font-weight: bold;
font-size: 16px;
border-radius: 5px;
margin-bottom: 10px;
padding: 10px;
background: #53682b url(images/secondary-bg.png) no-repeat;
background-position: -100px 80px;
}
/* specific thanks to parent theme */
#sidebar .sidebar_emailSignup h2 {
text-align: center;
font-weight: bold;
font-size: 16px;
color: #fff;
}
.sidebar_emailSignup .button-orange {
font-size: 12px;
font-weight: bold;
padding: 10px;
}
/* smaller font for mobile devices */
@media (max-width: 700px) {
#featured #title {
font-size: 20px;
}
}
/* Scroll Fix On Lightbox */
#popup_content{
overflow-y: hidden !important;
overflow-x: hidden !important;
}
/******************************
* Responsive Video
******************************/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
max-width: 100%;
}
