/*
	Theme Name: Lutheran World Relief
	Theme URI: http://lwr.org/wp-content/themes/lwr/
	Template: storefront
	Version: 1.0.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: storefront-child
*/
header, footer, section, article{display:block;}
form, input, select, textarea, p, div, li, ul, a{
	box-sizing: border-box;
  	-webkit-box-sizing: border-box;
}

* { font-family: gesta,"Century Gothic",Arial,Helvetica,sans-serif !important; }
body { background-color: #fff; overflow-x: hidden; }
a { font-weight: 400; }
h1, h2, h3, h4, h5, h6 { color: #274162; }
h1 { font-size: 3.133333em; }
h2 { font-size: 1.933333em; }
h3 { font-size: 1.533333em; }
.col-full { max-width: 100%; padding: 0; margin-left: 0; margin-right: 0 }
.content-area, .right-sidebar .content-area, .site-main { margin: 0; width: 100%;}

.orange-button { background-color: #d45a31; border-radius: 10px; color: #fff; padding: 8px 10px; text-align: center; }

.has-full-width-image { overflow: hidden; position: relative; width: 100%; }
.has-full-width-image > img { left: 0; position: absolute; top: -27%; transition: 1.4s; width: 100%; }
.has-full-width-image:hover > img { left: -1%; max-width: 102%; top: -30%; width: 102%; }

.horizontal-list { margin: 0 auto; padding-bottom: 64px; width: 79%; }
.horizontal-list > h2 { color: #75c1e1; font-size: 2.3em; margin-bottom: 0; }
.horizontal-list a { display: inline-block; font-size: .75em; padding: 16px 2%; transition: .14s; vertical-align: top; width: 24%; }
.horizontal-list.three-item-list a { width: 31%; }
.horizontal-list div { border: 1px solid #ccc; text-align: center; }
.horizontal-list div.img-limit { border: 1px solid #000; max-height: 124px; margin-bottom: 20px; overflow: hidden; position: relative; }
.horizontal-list a > div > img { width: 100%; }
.horizontal-list a > h3, #stay-informed #signup h3 { color: #74c3e4; line-height: 18px; margin-bottom: 4px; padding: 0 8px; }
.horizontal-list a > h2, #stay-informed #signup h2 { font-size: 1.636363em; line-height: 1.3em; padding: 0 8px; }
.horizontal-list a:hover { background-color: #c3e1ee; }

div.page-section > div.page-section-header { height: 46px; line-height: 46px; margin: 32px 0; padding-left: 17.5%; position: relative; transition: padding-left .7s; width: 100%; }
div.page-section > div.page-section-header > img { border-radius: 100%; left: 10%; padding: 8px; position: absolute; top: -15px; transform: rotate(0deg); transition: left .8s, transform .8s; width: 80px; }
div.page-section > div.page-section-header > h2 { color: #fff; /* transition: color .8s; */ }
div.page-section.shift > div.page-section-header { padding-left: 24%; }
div.page-section.shift > div.page-section-header > img { left: 6%; transform: rotate(-360deg); }
/* div.page-section.shift > div.page-section-header > h2 { color: #aaa; } */


/***********************
	HEADER
 ***********************/

header > div.col-full { background-color: #fff; height: 156px; margin: 0; max-width: 100%; padding: 0; position: relative; width: 100%; }
.site-header { padding-top: 0; }
.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .woocommerce-active .site-header .secondary-navigation { margin: 0; width: auto; }
.site-branding h1 { left: -9999px; position: absolute; top: -9999px; }

div#top-colors { left: 0; margin: 0; padding: 0; position: fixed; top: -11px; width: 100%; z-index: 1000; }
div#top-colors > div { background-color: #274162; display: inline-block; height: 8px; margin: 0; padding: 0; width: 25%; }
div#top-colors > div#top-colors-green { background-color: #a6ce39; }
div#top-colors > div#top-colors-teal { background-color: #5baba0; }
div#top-colors > div#top-colors-blue { background-color: #74c3e4; }
.storefront-primary-navigation { background: none; }

/** LOGO **/
a#logo { left: 11%; position: absolute; top: 18px; }
a#logo > object { display: inline-block; position: relative; width: 69px; }
a#logo > img { display: inline-block; padding-top: 17px; vertical-align: top; width: 300px; }

/** UTILITY MENU **/
.woocommerce-active .site-header .secondary-navigation { position: absolute; right: 12%; top: 7px; }

.secondary-navigation .menu > li > a, .secondary-navigation ul.menu li.current-menu-item > a { color: #514843; font-weight: 700; margin-top: 8px; }
.secondary-navigation .menu > li > a:hover { color: #02afa2; }
.secondary-navigation .menu > li > a:before { display: none; }

div#donate-button { font-size: .8em; position: absolute; right: 35%; top: 30px; }
div#donate-button > div { position: relative; }
div#donate-button > div > a { font-weight: 700; }
div#donate-button > div > form { display: none; font-size: .9em; left: -38%; padding: 9px 15px; position: absolute; text-align: center; top: 90%; z-index: 4000; }
div#donate-button:hover > div > form { display: block; }
div#donate-button > div > form > input[type="radio"] { margin: 1px 2px 9px 6px; }
div#donate-button > div > form > input[type="text"] { font-size: .9em; }
div#donate-button > div > form > input[type="submit"] { margin-top: 3px; }

/** SEARCH **/
.woocommerce-active .site-header .site-search {  bottom: 38px; height: 30px; position: absolute; right: 21%; width: 190px; }

.site-search { cursor: pointer; }
.site-search .widget_product_search input[type="search"], .site-search .widget_product_search input[type="text"] { display: none; }
.site-search .widget_product_search form { height: 35px; overflow: hidden; }
.site-search .widget_product_search form:before { color: #19a7a8; font-size: 1.8em; left: 5px; top: 3px; transition: .18s; }
.site-search .widget_product_search form:after { color: #50a3c5; content: "Search"; font-size: 1.3em; font-weight: 700; position: relative; left: 30px; top: 1px; }

.site-search:hover .widget_product_search input[type="search"], .site-search:hover .widget_product_search input[type="text"], .widget_product_search input[type="search"]:focus, .widget_product_search input[type="text"] { cursor: auto; display: block; padding: 10px 22px 8px 28px; width: 150px; }
.site-search:hover .widget_product_search form:before { font-size: 1.2em; left: 8px; top: 8px; }
.site-search:hover .widget_product_search form:after { display: none; }

/** SOCIAL MEDIA LINKS **/
div#social-media { bottom: 22px; display: inline-block; height: 63px; position: absolute; right: 12%; width: 120px; }
div#social-media > a { background-color: #5aaea1; border-radius: 100%; display: inline-block; height: 32px; margin-right: 4px; transition: .2s ease-out; width: 32px; }
div#social-media > a:hover { background-color: #2d8275; box-shadow: 1px 2px 3px 1px #bbb; }
div#social-media > a > img { display: block; height: 20px; margin: 6px 7px; width: 20px;  }

/** TOP LEVEL NAVIGATION **/
nav#site-navigation { background-color: #2a4467; bottom: 0; height: 31px; left: 0; padding: 0; position: absolute; width: 100%; z-index:999; }
.site-header-cart a.cart-contents, .site-header-cart .widget_shopping_cart a { color: #274162;  }
.site-header-cart a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover { color: #00ada1;  }

.main-navigation ul.menu > li { height: 31px; position: absolute; width: 100%; }
.main-navigation ul.menu > li:first-child, .main-navigation ul.nav-menu > li:first-child { margin: 0; }

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { color: #fff; font-size: .95em; font-weight: 700; height: 31px; line-height: 31px; padding: 0 0 1.618em; position: absolute; text-align: center; text-transform: uppercase; width: 23%; }
.main-navigation ul.menu > li:hover > a { background-color: #19a8a6; }

.main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.page_item_has_children > a:after { color: #6683a1; content: "\25bc"; font-size: .8em; margin-left: 6px; top: -1px; position: relative; }
.main-navigation ul.menu > li.menu-item-has-children:hover > a::after, .main-navigation ul.menu > li.page_item_has_children:hover > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a::after, .main-navigation ul.nav-menu > li.page_item_has_children:hover > a:after { color: #47cdcc; }

.main-navigation ul.menu > li > ul { left: 0; position: absolute; top: 31px; }

/** SECOND LEVEL NAVIGATION **/
.main-navigation ul.menu ul, .main-navigation ul.nav-menu ul { background-color: #fff; border-bottom: 1px solid #333; box-shadow: 3px 3px 9px 0 #777; padding: 10px 4% 12px; width: 100%; }
.main-navigation ul.menu li ul li, .main-navigation ul.nav-menu li ul li { background-color: #FFF; display: inline-block; margin: 0 2% 6px 0; vertical-align: top; width: 22%; }
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a { color: #333; font-size: 1em; font-weight: 700; padding: 3px 10px; width: 100%; }

/* WHAT WE DO MENU ITEMS */
.main-navigation ul.nav-menu li ul li#menu-item-400 { background: url('img/Ag_85.png') top left no-repeat; min-height:85px; padding-left:85px; }
.main-navigation ul.nav-menu li ul li#menu-item-402 { background: url('img/Climate_85.png') top left no-repeat; min-height:85px; padding-left:85px; }
.main-navigation ul.nav-menu li ul li#menu-item-403 { background: url('img/ER_85.png') top left no-repeat; min-height:85px; padding-left:85px; }

/* DONATE MENU ITEMS **/
.main-navigation ul.nav-menu li ul li#menu-item-335 a { background: url('img/where-needed-most.jpg') top left no-repeat; min-height:200px; width:250px; font-size: 1.3em; color:#fff; text-align:center;}
.main-navigation ul.nav-menu li ul li#menu-item-6723 { background: url('img/lwrgifts.jpg') top left no-repeat; min-height: 135px; padding-left: 135px; }

/* GET INVOLVED MENU ITEMS **/

.main-navigation ul.nav-menu li ul li#menu-item-508 { background: url('img/mission-quilt-135x135.jpg') top left no-repeat; min-height: 135px; padding-left: 135px; }
.main-navigation ul.nav-menu li ul li#menu-item-7859 { background: url('img/schoolkit.png') top left no-repeat; min-height: 135px; padding-left: 118px; }
.main-navigation ul.nav-menu li ul li#menu-item-517 { background: url('img/organic-coffee-cans-sisters-blend_1.jpg') top left no-repeat; min-height: 135px; padding-left: 104px; }

.main-navigation ul li:hover > ul li > ul, .secondary-navigation ul li:hover > ul li > ul { display: block; }

.main-navigation ul.menu > li:nth-child(5) > ul, .main-navigation ul.nav-menu > li:nth-child(5) > ul { padding: 10px 0 16px 4%; }
.main-navigation ul.menu > li:nth-child(5) > ul > li, .main-navigation ul.nav-menu > li:nth-child(5) > ul > li { width: 22%; }

/** THIRD LEVEL NAVIGATION **/
.main-navigation ul.menu ul ul, .main-navigation ul.nav-menu ul ul { background-color: #fff; border: 0; margin-left: 4%; padding: 0; position: static; width: 96%; }
.main-navigation ul.menu ul li ul li, .main-navigation ul.nav-menu ul li ul li { display: inline-block; margin: 0; width: 100%; }
.main-navigation ul.menu ul li ul li a, .main-navigation ul.nav-menu ul li ul li a { color: #6683a1; font-size: .85em; font-weight: 400; padding: 0 6px; }

.main-navigation ul.menu ul li.menu-item-has-children > a::after, .main-navigation ul.menu ul li.page_item_has_children > a::after,	.main-navigation ul.nav-menu ul li.menu-item-has-children > a::after, .main-navigation ul.nav-menu ul li.page_item_has_children > a::after { content: none; }

.main-navigation ul.menu > li > ul:hover li ul a:hover, .main-navigation ul.nav-menu > ul:hover li ul a:hover, .main-navigation ul.nav-menu ul li:hover>a:hover { background-color: #47cdcc; color: #fff; }
.main-navigation ul.menu > li > ul:hover a, .main-navigation ul.nav-menu ul li:hover>a { background-color: #fff; } 
 
.main-navigation ul.nav-menu ul li a:hover[href$="#"] { background-color: #fff; color: #333; cursor: default; }

/** FOURTH LEVEL NAVIGATION **/
.main-navigation ul.menu li ul li ul li ul { padding-left: 8px; }
.main-navigation ul.menu li ul li ul li ul li { margin-left: 3px; width: auto; }
.main-navigation ul.menu li ul li ul li ul li a { font-size: .75em; }

.site-header-cart .widget_shopping_cart, .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {	background-color: #FFF;}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {  color: #fff; }
.storefront-handheld-footer-bar ul li.cart .count, button.menu-toggle:after, button.menu-toggle:before,	button.menu-toggle span:before {	background-color: #fff;	}

/** EMERGENCY PANEL **/
div#current-emergency { background-color: #a00; clear: both; height: 50px; overflow: auto; position: absolute; top: 100%; width: 100%; z-index: 1001; }
div#current-emergency > h2 { color: #ddc; float: left; font-size: 1.4em; line-height: 50px; margin: 0 3%; width: 16%; }
div#current-emergency > p { color: #eee; float: left; line-height: 50px; margin-bottom: 0; }
div#current-emergency > form { float: right; height: 42px; margin: 8px 3% 0 0; width: 33%; }
div#current-emergency > form > input { margin-left: 4%; }
div#current-emergency > form > input[type="text"] { width: 40px; }

/** PERSISTENT SCROLLED HEADER (with JS) **/
nav#site-navigation.scrolled { border-top: 1px solid #555; height: 32px; position: fixed; top: 6px; width: 100%; }


/*************************************
	FOOTER
 *************************************/

.site-footer { background-color: #fff; color: #524743; }
.storefront-handheld-footer-bar { background: rgba(255,255,255,.7);  }

div#footer-badges { height: 103px; margin-bottom: 32px; text-align: center;}
div#footer-badges > a { background-image: url("img/footer_icon_sprite.png"); display: inline-block; height: 103px; margin: 0 3px; transition: border .06s; width: 132px; }
div#footer-badges > a[href*="bbb"] { background-position: -131px 0px; width: 57px; }
div#footer-badges > a[href*="greatnonprofits"] { background-position: -188px 0px; width: 143px; }
div#footer-badges > a[href*="charitywatch"] { background-position: -330px 0px; width: 102px; }
div#footer-badges > a[href*="interaction"] { background-position: -430px 0px; width: 130px; }
div#footer-badges > a[href*="actalliance"] { background-position: -559px 0px; width: 180px; }
div#footer-badges > a:hover { border-bottom: 3px solid #aaa; }

div#contact-signoff > div { display: inline-block; font-size: .9em; font-weight: 700; line-height: 1.3em; margin: 0 1% 16px; padding: 0; vertical-align: middle; width: 48%; }
div#contact-signoff > div > img { float: right; margin: 0; padding: 0; }
div#contact-signoff > div > span { color: #b2cd4a; }
div#contact-signoff > div > a { color: #524743; }
div#contact-signoff > div > a:hover { color: #888; }

.menu-footer-menu-container { max-width: 700px; margin: 0 auto; padding-top: 1em; border-top: 1px solid #ddd; }
ul#menu-footer-menu { margin: 0; font-size: 0.9em; }
ul#menu-footer-menu a:hover { text-decoration: underline; }
ul#menu-footer-menu li { display: inline-block; list-style: none; float:left; width: 33%; padding: 0 3% 0 0;}
ul#menu-footer-menu li ul.sub-menu { margin-left: 0; }
ul#menu-footer-menu li ul.sub-menu li { display: list-item; float: none; width: 100%; }

/*************************************
	HOMEPAGE ELEMENTS
 *************************************/

.page-template-template-homepage .site-main { padding-top: 0; }

/** TOP VIDEO BANNER **/
a#homepage-top-banner { background-color: #000; display: block; height: 508px; margin-bottom: 54px; }
a#homepage-top-banner > h2 { background-color: #336666; background-color: rgba(53,92,65,.55); bottom: 3%; color: #fff; font-size: 1.8em; letter-spacing: .02em; padding: 14px 0 14px 10%; position: absolute; transition: bottom 1.2s; width: 100%; }
a#homepage-top-banner > h2 > span.tagline { display: inline-block; line-height: 1.1em; padding-left: 4%; width: 40%;}
a#homepage-top-banner > h2 > div { color: #fff; display: inline-block; float: right; font-size: .9em; font-weight: 400; padding-right: 24%; }
a#homepage-top-banner > h2 > div:before { background-color: #fff; border-radius: 100%; border: 2px solid #355c41; box-shadow: 0 0 0 2px #fff; color: #355c41; content: "\25BA"; display: block; height: 40px; margin: 8px auto 2px; padding: 0 0 0 2px; text-align: center; text-indent: 3px; transition: .2s; width: 40px; }
a#homepage-top-banner:hover > h2 > div:before { box-shadow: 0 0 9px 3px #fff; }
a#homepage-top-banner > div > iframe { height: 508px; width: 100%; }
/** If Video is Playing (w/ JS) **/
a#homepage-top-banner.vidplaying > h2 { bottom: 100%; }
a#homepage-top-banner.vidplaying > img { top: 100%; }

/** REACH OF SUPPORT **/
div#reach-of-support { color: #103a4a; margin: 0 auto 72px; text-align: center; width: 70%; }
div#reach-of-support > h2 { line-height: 18px; padding: 0 5%; }
div#reach-of-support > div { display: inline-block; font-size: 1.2em; line-height: 1.2em; width: 33%; }
div#reach-of-support > div img { display: block; height: 140px; margin: 0 auto; transition: transform .6s; width: 131px; }
div#reach-of-support > div:nth-of-type(2) img { transition: transform .6s ease-in-out .17s; }
div#reach-of-support > div:nth-of-type(3) img { transition: transform .6s ease-in-out .34s; }
div#reach-of-support.shift > div img { transform: rotateY(360deg); }
div#reach-of-support > div > strong { color: #d45b30; display: block; font-size: 1.4em; margin-top: 10px; }

/** FEATURED BLOG POST **/
a#featured-blog-post { display: block; height: 570px; }
a#featured-blog-post > img { top: -19%; }
a#featured-blog-post:hover > img { top: -22%; }
a#featured-blog-post > h2, a#featured-blog-post p {  bottom: 0; color: #fff; margin: 0; padding: 30px 0 0 16%; position: absolute; transition: padding .6s; width: 100%; }
a#featured-blog-post > h2 { background-color: #316f7a; background-color: rgba(49,111,122,.6); font-size: 1.9em; line-height: 1em; padding-bottom: 36px; }
a#featured-blog-post > h2 > span { color: #47cdcc; display: inline-block; font-size: 1.2em; transition: 1s; }
a#featured-blog-post:hover > h2 { padding-bottom: 75px; padding-top: 44px; }
a#featured-blog-post:hover p { padding-bottom: 39px; }
a#featured-blog-post:hover > h2 > span { letter-spacing: .1em; text-indent: .2em; }

/** STAY INFORMED **/
div#stay-informed { margin: 70px auto 0; }

/** WHAT WE DO **/
div#what-we-do-section { background-color: #4a8e8f; background-image: url('img/blue-wwd-bg.jpg'); margin-bottom: 48px; padding: 60px 14% 72px; width: 100%; }
div#what-we-do-section > h2 { color: #fff; }
div#what-we-do-section > a { border: 1px solid #000; background-color: #fff; box-shadow: 0 0 1px 1px #444; height: 352px; margin: 16px 1%; padding: 0; }
div#what-we-do-section > a img { width:100%; }
div#what-we-do-section > a > h3 { color: #294364; padding: 0 5%; }
div#what-we-do-section > a > p { padding: 0 5%; }
div#what-we-do-section > a > div { margin: 14px auto; width: 54%; }
div#what-we-do-section > a:hover { background-color: #c3e1ee; }


/*****************************************
	NON-HOMEPAGE ELEMENTS
 *****************************************/
/** SECTOR PAGES **/
.sector { background: url('img/sector-line.png') repeat-y; background-size: contain; height: 100%; }
.sector h2.sector-heading {	color: #fff; text-transform: uppercase;	text-align: center;	background-color: #5baba0; 	display: flex; justify-content: center;	flex-direction: column;	border-radius: 100%; width: 250px; height: 250px; margin: 0 auto;	}
.sector h2.sector-heading:nth-of-type(2) {	background-color: #74c3e4;	}
.sector h2.sector-heading:nth-of-type(3) {	background-color: #274162;	}
.sector .sector-description {	background: #e8edf0; padding: 10px;	font-size: 0.8em;	margin: 1em 0;	width: 48%;		}
.sector .sector-description:nth-of-type(odd) {	float:left;	clear: left; }
.sector .sector-description:nth-of-type(even) {	float:right;	clear: right;	}
.sector .sector-description h3 {	color: #5baba0;	line-height: 1em;	text-transform: uppercase; }
.sector .sector-description strong {	color: #2b4367;	}
.sector .sector-description a { color: #2b4367; text-decoration: underline; font-weight: 800;}

/** WOOCOMMERCE MESSAGES **/
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {	background-color: rgb(0, 173, 161); }

/** COUNTRY PAGE **/
.hentry { border: 0; margin: 0; padding: 0; }

.hentry .entry-header { border: 0; margin-bottom: 2px; }
.hentry .entry-header.header-with-image { height: 480px; overflow: hidden; position: relative; }
.hentry .entry-header img.attachment-full { margin-bottom: 10px; position: absolute; width: 100%; }
.hentry .entry-header h1 { border: 0; color: #2b4367; font-weight: 700; }
.hentry .entry-header h1:not(.within-image) { margin: 24px 10%; padding: 0; /*text-transform: uppercase;*/ }
.hentry .entry-header h1.within-image { bottom: 0; color: #fff; font-size: 3.5em; left: 10%; letter-spacing: .04em; position: absolute; text-shadow: 2px 2px 1px #222; width: 80%; }

.entry-content { margin: 0 auto; width: 80%; max-width: 700px;}
.entry-content p { margin: 18px 0; }
.entry-content p, .entry-content li { color: #484848; font-size: 1.2em; line-height: 1.55555556em; }
.entry-content h2 { color: #294364; font-weight: 700; line-height: 28px; margin: 10px 0 4px; }

#post-93 .entry-content, #post-94 .entry-content { max-width: 100%; } /* Override Checkout & My Account Pages */
#post-93 .entry-content p, #post-93 .entry-content li { font-size: 1em; }

/** BREADCRUMB **/
#breadcrumb { /* background-color: #e4f3fa; */ font-size: .95em; margin: .5em 5%; padding: 1px 8px; text-align: right; /* width: 55%; */ }
#breadcrumb > a { color: #61bdbc; font-weight: 400; margin-right: 4px; text-decoration: underline; }
#pagination { font-size:1.5em; text-align: center; }

/** CURRENT PROJECTS **/
div#current-projects > div.page-section-header, div#current-projects > div.page-section-header > img { background-color: #19a8a6; }
div#current-projects > div.horizontal-list > a.emergency > h2 { color: #d55c31; }
div#current-projects > div.horizontal-list > a.emergency > h2:before { border: 1px solid #d55c31; border-radius: 100%; content: "!"; font-size: .6em; font-weight: 400; margin-right: 5px; padding: 0 6px; vertical-align: top; }

/** PROJECT LOCATIONS **/
div#project-locations > div.page-section-header { background-color: #6d6359; margin-bottom: 0; }
div#project-locations > div.page-section-header > img { background-color: #6d6359; z-index: 900; }

div#mapDiv { height: 380px; margin-bottom: 80px; max-width: 100%; }
span#longitude, span#latitude { display: none; }
.esriPopup .titlePane { padding-right:30px; padding-top:4px; padding-bottom:4px; }
.esriPopup .title { font-size:14px; }
.esriPopup .titleButton.maximize, .esriPopup .titleButton.prev, .esriPopup .titleButton.next { display:none; }
.esriPopup a.zoomTo { color:#999;text-decoration:none; }
.esriPopup .contentPane { padding-bottom:0; }
.esriPopup .actionsPane { padding-bottom:12px; }

/** RESOURCES **/
div#resources > div.page-section-header,
div#resources > div.page-section-header > img { background-color: #74c3e4; }

.resource-form-bar-wrapper{background-color:#e4f0c3;padding:4px 0 14px 0;margin-bottom:20px; height: 5em;}
.resource-form-bar{margin:0 10%;}
.resource-form-bar form{margin-bottom:0;}
.resource-form-bar form label.control-label{width:100%;display:block;color:#2a4467;line-height:1;margin-top:10px;}
.resource-form-bar select.form-control{width:100%;height:30px;}
.search-resources .form-control{width:66%;height:30px;}
.search-resources .btn{width:33%;padding:0 10px;height:30px;vertical-align:bottom;line-height:30px;background-color:#2a4467;}
div[data-isotope-item] img { max-height: 250px; width: auto; }
div[data-isotope-item]{background-color:#eee;padding:15px;border:solid 4px #fff;}
div[data-isotope-item] h3{line-height:1.2;margin-bottom:0;}
div[data-isotope-item] h4{line-height:1.2;color:#999; font-weight:normal;}
div[data-isotope-item] p{margin-top:0; margin-bottom:5px; font-size:16px;}
div[data-isotope] div.entry-content{width:100%; max-width:1170px; }
.entry-content > .row + hr {margin-top:10px;margin-bottom:10px;}
[data-isotope] [data-isotope-item].no-match {opacity: 0;}
[data-isotope-container]{position:relative; overflow:hidden;}


/** COUNTRY CONTACT INFO **/
div#country-contact-info { background-color: #19a8a6; color: #fff; margin-bottom: 14px; }
div#country-contact-info > div { display: block; margin: 14px auto 40px; padding: 36px 0 40px; width: 75%; }
div#country-contact-info > div > strong { display: block; margin-bottom: 14px; width: 100%; }
div#country-contact-info > div > div { display: inline-block; vertical-align: top; width: 30%; }
div#country-contact-info > div > div > a { color: #fff; font-weight: 400; }

/** INGATHERINGS **/
.ingathering-seasons { width:80%; margin: -70px auto; }
.ingathering-seasons li { float:left; padding-left: 60px; list-style-position: inside; }

.ingathering-seasons li#fall { list-style-image: url('img/LWRmarker_fall.png'); }
.ingathering-seasons li#year-round { list-style-image: url('img/LWRmarker.png'); }
.ingathering-seasons li#spring-fall { list-style-image: url('img/LWRmarker_springfall.png'); }
.ingathering-seasons li#spring { list-style-image: url('img/LWRmarker_spring.png'); }
.ingathering-seasons li#summer { list-style-image: url('img/LWRmarker_summer.png'); }
.ingathering-seasons li#winter { list-style-image: url('img/LWRmarker_winter.png'); }

/** PROJECT PROMISE PAGES **/
.kits-left-col { float: left; margin-left: 3%; width: 30%; }
.kits-right-col, #tabbed_content { float: right; margin: 0 3%; width: 60%; }


/** BLOG POST **/
.hentry.type-post .entry-content { float: none; margin-right: auto; width: 80%; } 
.caption { font-size: 0.675em; padding-right: 1%; text-align: right; width: 100%; }
div#author { float: right; font-size: .9em; line-height: 19px; margin-right: 9%; text-align: center; width: 15%; }
div#author img { border-radius: 100%; margin: 70px auto 6px; }

nav.post-navigation { display: none; }
.newsletter { width: 80%; margin: 0 auto; max-width: 700px; }
.newsletter img.wp-post-image { float:left; margin-right: 2%; border: 2px solid #ddd; max-width:200px;}
.newsletter h2, .newsletter p { clear:right; }

/** SOCIAL MEDIA SHARE LINKS **/
div#social-links { float: left; margin: 18px 0; text-align: center; width: 100%; }
div#social-links > a { background-color: #465994; border-radius: 2px; color: #fff; display: inline-block; font-size: .75em; font-weight: 400; margin: 0 6px 2px; padding: 4px 10px; transition: .1s; }
div#social-links > a[href*="twitter"] { background-color: #65a8dd; }
div#social-links > a:hover { background-color: #364983; box-shadow: 2px 2px 3px 1px #ccc; }
div#social-links > a[href*="twitter"]:hover { background-color: #5299d1; }
div#social-links > a > img { display: inline-block; margin-right: 4px; vertical-align: middle; }

/** RELATED STORIES **/
div#related-stories { clear: both; padding-top: 40px; }
div#related-stories > h2 { color: #17a8a5; }

/** COMMENTS **/
div#disqus_thread { margin: 40px auto 50px; width: 80%; }

/** CONTACT FORMS **/
span.wpcf7-list-item { display: block; clear:both; }

select.wpcf7-form-control, input[type="date"], input[type="number"] { padding: .618em; background-color: #f2f2f2; color: #43454b; outline: 0; border: 0; border-radius: 2px; box-sizing: border-box; font-weight: 400; box-shadow: inset 0 1px 1px rgba(0,0,0,.125); }

/** VIDEOS **/
.horizontal-list .video-overlay { border:none; background: url('img/video-overlay.png') center 0 no-repeat; height: 124px; margin-top: 0; position: absolute; top: 0; width: 100%; }
.horizontal-list a:hover .video-overlay { background-position: center -124px; }

.hentry .embed-container iframe,
	.hentry .embed-container embed,
	.hentry .embed-container object { margin: 0 auto; width: 100%; height:100%; }

/** CORE MENU **/

#core-menu{
  padding-top:10px;
background-color: #274162;
text-align: center;
}

#core-menu ul{
  list-style: none outside none;
  display:inline-block;
  margin-bottom:0;
}

#core-menu ul li{
  display:inline-block;
}

#core-menu a{
background-color: #02afa2;
box-shadow: 2px 2px 0 0 #666;
color: #fff;
display: inline-block !important;
margin: 3px 12px 12px;
padding: 2px 6px;
}


/** FULL WIDTH **/
.full-width .container{ padding: 0 10%; width:100%; }

.input-hidden{ position: absolute; clip: rect(0, 0, 0, 0); }

.full-width-item{ display: inline-block; margin-left: 1rem; margin-right: 1rem; }

.size-full{ display: inline-block; }

.col-3{ display: inline-block; max-width: 33%; vertical-align: top; padding-left:1rem; padding-right:1rem; }

.container h2{ text-align:left; }

p.circle a{ background-color: #FF6A13; color: #FFF; border-radius: 60px; position: absolute; left: 50%; margin-top:-140px; margin-left:-200px; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.8); width: 105px; padding-left:10px; padding-right:10px; padding-top: 25px; height: 105px; text-align: center; line-height:1.25; }

@media screen and (max-width: 1048px) { .col-3{ display:block; max-width: 100% !important; padding-bottom: 1rem; } }

#green{ display: inline-block; border-radius: 30px; background-color: #A6CE39; color: #fff; padding: 15px;	font-size: 1rem; line-height: 1.25; }

/** TABBED CONTENT **/

#guidelines, #packingkits, #sendingkits, #trackingkits{	padding: 20px 40px;	-webkit-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; border: 1px solid rgb(62, 177, 200); display:none; }

#guidelines_tab:checked ~ #guidelines, #packingkits_tab:checked ~ #packingkits, #sendingkits_tab:checked ~ #sendingkits, #trackingkits_tab:checked ~ #trackingkits { display:block !important; }

#guidelines_tab:checked ~ label[for="guidelines_tab"], #packingkits_tab:checked ~ label[for="packingkits_tab"], #sendingkits_tab:checked ~ label[for="sendingkits_tab"], #trackingkits_tab:checked ~ label[for="trackingkits_tab"]{ background-color: #5F259F; }

label[for="guidelines_tab"], label[for="packingkits_tab"], label[for="sendingkits_tab"], label[for="trackingkits_tab"]{ cursor:pointer; padding:10px 20px; display:inline-block; background-color: #3EB1C8; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; margin-right:5px; color:#FFF; }

label[for="trackingkits_tab"]{ margin-right:0; }

/** MAIN NAVIGATION STYLES **/

.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{position:static;width:100%!important}.main-navigation ul.menu>li{position:static;width:20%;left:inherit important}.main-navigation .menu{position:relative}.main-navigation ul.menu>li:not(:first-of-type){margin-left:-5px}.main-navigation ul.menu ul.sub-menu{left:0!important;right:0!important}.site-header{z-index:auto!important}@media screen and (max-width:1048px){.main-navigation ul.menu>li:nth-child(1){width:18%}.main-navigation ul.menu>li:nth-child(2),.main-navigation ul.menu>li:nth-child(3){width:18%!important}.main-navigation ul.menu>li:nth-child(4){width:20%!important}.main-navigation ul.menu>li:nth-child(5){width:26%!important}}

/** MOBILE NAV STYLES **/

.handheld-navigation{
  display:block;
  margin-bottom: 0em;
}

button.menu-toggle{
  float:none;
  background-color: transparent !important;
  border: 0px none !important;
  margin-left:10px;
}

#menu-responsive-menu{
  left:-100%;
  position:fixed;
  top:0px !important;
  width:300px;
  z-index:9999;
  overflow-y: scroll;
  height:100%;
  background-color: #2A4467;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.menu-responsive-visible{
  left:0px !important;
}

.handheld-navigation > ul > li a{
  color: #fff;
	display:inline-block;
  width:100%;
  min-height:2em;
  padding-left:2em;
  padding-top:0.5em;
  padding-bottom:0.5em;
}

.handheld-navigation > ul > li > a{
  padding-left:1em;
  border-bottom:1px solid rgba(255,255,255,.2);
  background-color:rgba(0,0,0,.2);
}

#page{
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.page-shift{
  margin-right:-18em;
  margin-left:18em;
}

.no-scroll{
  position:fixed;
}

.no-footer{
  display:block !important;
  bottom:-80px !important;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}


/*****************************************
	PRODUCT PAGE
 *****************************************/

.single-product div.product div.images { margin: 42px 0 0 10%; width: 32%; }
.single-product div.product div.images img { display: block; height: auto; width: 100%; }
.single-product div.product div.summary { margin: 42px 10% 50px 0; width: 43%; }
.single-product div.product div.summary button:hover { background-color: #707; }
.single-product div.product form.cart .button { float:left; margin-left: 2%; }

.single-product div.woocommerce-tabs ul.tabs { display: none; }
.single-product div.woocommerce-tabs div.panel { margin-right: 13%; max-width:74%; }

.single-product div.related { padding-left: 10%; }
.single-product div.related li { vertical-align: top; }
.single-product div.related img { height: auto; padding-top: 10px; width: 200px; }
.single-product div.related a.add_to_cart_button:hover { background-color: #555; }

.images{ max-width:20%; }
.entry-summary{ padding: 0 42px 0 0; }
.stock { display: none; }

h3.addon-name { font-size: 1.2em; }
div.product-addon.product-addon-i-would-like-to-make-a-gift-in-honor-or-in-memory-of-someone, div.product-addon.product-addon-in-honor-or-in-memory { width: 40%; float: left; }
div.product-addon.product-addon-i-would-like-lwr-to-send-a-card { float: left; margin-left: 4%; }
p.addon-wrap-138-honormemorial-information-2, p.addon-wrap-6261-honormemorial-information-3, p.addon-wrap-7138-honormemorial-information-2, p.addon-wrap-8096-honormemorial-information-2 { clear: none; max-width: 350px; float:left; margin-right: 2% }

.order_item > .product-name > .variation dt:nth-of-type(n+2) { display:none; }


/*****************************************
  STORIES PAGE
 *****************************************/

.stories-list { margin: 0 auto; width: 80%; }
.stories-list > div { display: inline-block; margin: 0 2%; vertical-align: top; width: 45%; }
.stories-list a { clear: both; display: block; line-height: 20px; overflow: auto; margin-bottom: 20px; text-align: left; width: 100%; }
.stories-list a:hover { background-color: #c3e1ee; }
.stories-list .wp-post-image { background-color: #eee; float: left; margin-right: 2%; vertical-align: top; width: 35%; }
.stories-list a h2 { clear: none; font-size: 1em; margin: 6px 1% 0; }
.stories-list a p { color: #000; font-size: .85em; margin-right: 1%; }

div#blogs > div.page-section-header, div#blogs > div.page-section-header > img { background-color: #19a8a6; }
div#publications > div.page-section-header, div#publications > div.page-section-header > img { background-color: #74c3e4; }
div#videos > div.page-section-header, div#videos > div.page-section-header > img { background-color: #2a4467; }
div#devotionals > div.page-section-header, div#devotionals > div.page-section-header > img { background-color: #6d6359; }
div#publications div.stories-list a > h2, div#devotionals div.stories-list a > h2 { margin-top: 24px; }
div#videos div.horizontal-list a > h2 { margin: 0 auto; text-align: center; width: 80%; }

/** Enews Signup **/

#stay-informed #signup { display: inline-block; border: none; font-size: 0.75em; padding: 16px 2%; vertical-align:top; width: 24%; text-align: left; }
#stay-informed #signup > form { background-color: #d45a30; border: 1px solid #000; height: 124px; padding: 16px 2%; margin-bottom: 20px; }
#stay-informed #signup div { border: none;  }
#stay-informed #signup > form > input[type="email"] { width: 100%; }

div#enews-signup { background-color: #d45b30; display: inline-block; padding: 14px 0 20px 22px; left: 52%; margin-top: -68px; margin-bottom: 8px; position: relative; top: 0px; width: 34%; }
div#enews-signup > h2 { color: #fff; font-size: 1.2em; letter-spacing: .02em; }
div#enews-signup > form { font-size: .8em; margin: 0; }
div#enews-signup > form > input[type="email"] { margin-right: 2%; width: 70%; }
#signup > form > input[type="submit"],
	div#enews-signup > form > input[type="submit"] { background: #7b3921 url('img/signup-airplane-button.png') no-repeat top right; text-align: left; width: 94px; }

#mce-responses .response, #mce-responses .response a { color: #fff; text-align: left; display: inline; font-size: 1em; padding:0; }
#mce-responses .response a:hover { text-decoration: underline; background-color: none; }


/*****************************************
	RESPONSIVE ELEMENTS
 *****************************************/

@media screen and (max-width: 1265px) {
  .horizontal-list { width: 92%; }

  div.page-section > div.page-section-header { padding-left: 22%; }
  .horizontal-list.three-item-list a { width: 30%; }

  /** Header **/
  a#logo { left: 5%; top: 20px;}
  .woocommerce-active .site-header .secondary-navigation, div#social-media { right: 3%; }
  .woocommerce-active .site-header .site-search { right: 15%; }
  .main-navigation ul.menu { font-size: .95em; }
	.main-navigation ul.menu li ul li, .main-navigation ul.nav-menu li ul li { width: 31%; }

  /** Homepage **/
  a#homepage-top-banner { height: 375px; margin-bottom: 30px; }
  a#homepage-top-banner > div > iframe { height: 375px; }
  a#homepage-top-banner > img { top: -21%; }
  a#homepage-top-banner:hover > img { top: -24%; }
  a#homepage-top-banner > h2 { font-size: 1.4em; }
  a#homepage-top-banner > h2 > div:before { height: 30px; margin-top: 4px; padding-left: 2px; text-indent: 2px; width: 30px; }
  div#reach-of-support { margin-bottom: 41px; width: 95%; }
  a#featured-blog-post { height: 380px; }
  div#what-we-do-section { padding: 50px 8%; }
  div#what-we-do-section > a > h3 { font-size: 1.1em; }
  div#what-we-do-section > a > h2 { font-size: 1.2em; }

  /** Non-Homepage **/
.hentry .entry-header { /*height: 320px;*/ height:auto;}
 /* .hentry.type-post .entry-content { margin-left: 3%; width: 80%; } */
  div#author { margin-right: 4%; }
  div#country-contact-info > div > div { width: 45%; }

}

/** Override WP media query **/
@media screen and (max-width: 65.141em) { .col-full { margin: 0; } }

@media screen and (max-width: 890px) {
  .horizontal-list, #stay-informed #signup { padding-bottom: 40px; }
  .horizontal-list > h2 { font-size: 1.8em; }
  .horizontal-list a > img { height: 100px; margin-bottom: 7px; }
  .horizontal-list a > h3, #stay-informed #signup h3 { font-size: 1em; line-height: 14px; margin-bottom: 1px;}
  .horizontal-list a > h2, #stay-informed #signup h2 { font-size: 1.1em; line-height: 16px; }

  /** Header **/
  div#donate-button { right: 22%; }
  div#donate-button:hover > div > form { display: none; }
  .secondary-navigation .menu { margin: 5px; }
  .secondary-navigation .menu > li { display: block; font-size: .95em; text-align: right; }
  .secondary-navigation .menu > li > a { margin: 4px 0; padding: 1px; }
  .woocommerce-active .site-header .site-search { bottom: 33px;}
  div#social-media { bottom: 15px; }
  nav#site-navigation { font-size: .85em; }
	.main-navigation ul.nav-menu li ul li#menu-item-335 a { background: #fff; min-height:1em; width:auto; font-size: 1.3em; color:#000; text-align:left;}

	.main-navigation ul.nav-menu li ul li#menu-item-6723, .main-navigation ul.nav-menu li ul li#menu-item-508, .main-navigation ul.nav-menu li ul li#menu-item-7859, .main-navigation ul.nav-menu li ul li#menu-item-517 { background: #fff; min-height: 1em; padding-left: 0; }

  /** Footer **/
  div#footer-badges { height: auto; margin: 0 auto 30px; width: 65%; }

   /** Homepage **/
  a#homepage-top-banner, a#homepage-top-banner > div > iframe { height: 295px; }
  a#homepage-top-banner > img, a#homepage-top-banner:hover > img { top: -21%; left: 0; transition: 0s; width: 100%; }
  a#homepage-top-banner > h2 { padding-left: 7%; }
  a#homepage-top-banner > h2 > div { padding-right: 14%; }
  div#reach-of-support { font-size: .85em; }
  div#reach-of-support > div { width: 31%; }
  div#reach-of-support > div > img { height: auto; width: 100px; }
  a#featured-blog-post { height: 310px; }
  a#featured-blog-post > h2 { font-size: 1.4em; }
  div#stay-informed { margin-top: 48px; }
  div#what-we-do-section > a { height: 250px; }
  div#what-we-do-section > a > div { display: none; }

  /** Non-Homepage **/
  .hentry .entry-header { font-size: .85em; height: 250px; }

  /** Product Page **/
  .single-product div.product { font-size: .9em; }

}

@media screen and (max-width: 768px) {
  .has-full-width-image > img, .has-full-width-image:hover > img { left: 0; margin-top: -8%; position: relative; width: 100%; }

  div.page-section > div.page-section-header { height: 36px; line-height: 36px; }
  div.page-section > div.page-section-header > img { left: 8%; width: 66px; }
  div.page-section > div.page-section-header > h2 { font-size: 1.4em; }

  /** Header **/
  a#logo > img { padding-top: 24px; width: 240px; }
  div#donate-button { display: none; }
  .woocommerce-active .site-header .site-search { bottom: auto; top: 28px; right: 0; width: 175px; }
  .site-search .widget_product_search input[type="search"], .site-search .widget_product_search input[type="text"] { cursor: auto; display: block; padding: 10px 22px 8px 28px; width: 150px; }
  .site-search .widget_product_search form:before { font-size: 1.2em; left: 8px; top: 8px; }
  .site-search .widget_product_search form:after { display: none; }
  div.primary-navigation { display: none; }

  .menu-toggle { background-color: #2a4467; height: 31px; margin: 0; }
  .main-navigation > .menu-toggle { transition: background-color .3s; }
  .main-navigation.toggled > .menu-toggle { background-color: #74c3e4; }

  .main-navigation .handheld-navigation { background-color: #000; background-color: rgba(0,0,0,.5); margin-bottom: 0; }
  .main-navigation .handheld-navigation, .main-navigation div.menu > ul:not(.nav-menu) { display: block; height: 0; left: -80%; position: absolute; transition: left .5s; width: 60%; }
  .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu > ul:not(.nav-menu) { left: 0; }

  .main-navigation ul.menu { box-shadow: 3px 3px 6px 1px #444; }
  .main-navigation ul.menu > li { background-color: #19a8a6; border-bottom: 1px solid #555; height: auto; padding: 8px 0; position: static; width: 100%; }
  .main-navigation ul.menu > li > a { height: auto; line-height: 0; padding: 9px; position: static; text-align: left; width: 100%; }
  .main-navigation ul.menu > li:nth-child(2) > a { width: 100%; } .main-navigation ul.menu > li:nth-child(3) > a { width: 100%; }
  .main-navigation ul.menu > li:nth-child(4) > a { width: 100%; } .main-navigation ul.menu > li:nth-child(5) > a { width: 100%; }
  .main-navigation ul li a:before { display: none; }
  .main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.page_item_has_children > a:after { color: #fff; content: ">"; }

  .main-navigation ul.menu > li > ul, .main-navigation ul.nav-menu > li > ul { border: 0; box-shadow: none; display: none; float: none; font-size: .9em; margin: 0; padding: 0; position: static; width: 100%; }


  /** Footer **/
  div#footer-badges { height: 72px; width: 100%; }
  div#footer-badges > a { background-image: url("img/footer_icon_sprite_sm.png"); height: 72px; margin: 0; width: 92px; }
  div#footer-badges > a[href*="bbb"] { background-position: -92px 0px; width: 39px; }
  div#footer-badges > a[href*="greatnonprofits"] { background-position: -129px 0px; width: 103px; }
  div#footer-badges > a[href*="charitywatch"] { background-position: -230px 0px; width: 72px; }
  div#footer-badges > a[href*="interaction"] { background-position: -300px 0px; width: 90px; }
  div#footer-badges > a[href*="actalliance"] { background-position: -390px 0px; width: 127px; }
  div#contact-signoff > div > img { width: 180px; }
  div#contact-signoff > div { font-size: .65em; line-height: 1.5em; }

  /** Homepage **/
  a#homepage-top-banner { background-color: #fff; height: auto; margin-bottom: 28px; }
  a#homepage-top-banner > h2 { background-color: #386; bottom: 0; font-size: 1em; margin-top: -8%; position: relative; }
  a#homepage-top-banner > h2 > span.tagline { padding-left: 1%; }
  a#homepage-top-banner > h2 > div:before { height: 22px; text-indent: 0; transition: 0s; width: 22px;  }
  a#featured-blog-post > img, a#featured-blog-post:hover > img { top: 0; left: 0; transition: 0s; width: 100%; }
  a#featured-blog-post > h2 { background-color: #316f7a; transition: padding 0s; }
  a#featured-blog-post > h2, a#featured-blog-post:hover > h2 { font-size: 1.2em; padding: 15px 0 32px 8%;  }
  a#featured-blog-post > h2 > span { transition: 0s; }
  a#featured-blog-post:hover > h2 > span { letter-spacing: 0; text-indent: 0; }
	a#featured-blog-post p, a#featured-blog-post:hover p { padding: 0 0 11px 8%; font-size: 1em; line-height: 1em; transition: padding 0s;}

  /** Non-Homepage **/
  div#breadcrumb { font-size: .75em; line-height: 16px; width: 70%; }
  .hentry .entry-header { height: 160px; }
  .hentry .entry-header img.attachment-full { left: -20%; max-width: 140%; width: 140%; }
  .hentry .entry-header h1 { font-size: 3.133333em; }
  .entry-content { width: 86%; }
  /* .entry-content > p { font-size: .7em; line-height: 14px; } */
  .entry-content > h2 { font-size: 1.1em; line-height: 22px; margin-top: 26px; }
  .entry-content > h3 { font-size: 1em; line-height: 18px; }
  .entry-content p > a:hover { text-decoration: underline; }
  .embed-container { margin-bottom: 50px; }
  .embed-container, .embed-container iframe,
  	.embed-container object { height: 300px; }
  div#country-contact-info { font-size: .85em; }
  div#country-contact-info > div { padding: 20px 0 24px; width: 90%; }
  div#social-links > a { font-size: .6em; }
  div#social-links > a > img { width: 12px; }
  .hentry.type-post .entry-content { float: none; margin: 0 auto; width: 86%; }
  div#author { float: none; font-size: .8em;margin: 0 auto; width: 66%; }
  div#author img { display: inline-block; margin: 0; width: 50px;}

  /** Product Page **/
  .single-product div.product div.images { margin: 20px auto; width: 80%; }
  .single-product div.product div.images img { display: block; margin: 0 auto; width: 50%; }
  .single-product div.product div.summary { margin: 0 auto 20px; width: 90%; }
  .single-product div.woocommerce-tabs ul.tabs { display: none; }
  .single-product div.woocommerce-tabs div.wc-tab { display: none !important; }
  .single-product div.woocommerce-tabs div#tab-description { display: block !important; font-size: 1.3em; margin: 0 auto; width: 90%; }
  .single-product div.related { margin-top: 16px; padding-left: 5%; }
  .single-product div.related li { display: inline-block; width: 45%; }
  ul.products li.product img { margin-bottom: 10px; width: 80%; }
  ul.products li.product h3 { margin-bottom: 2px; }
  ul.products li.product .price { margin-bottom: 6px; }

  /** Product Pages **/
  .images{ max-width:80%; }
  .entry-summary{ padding: 0;!important }

}

@media screen and (max-width: 568px) {
  /** Override WP media query **/
  .col-full { margin: 0; }

  .horizontal-list > h2 { font-size: 1.5em; }
  .horizontal-list a, .horizontal-list.three-item-list a, #stay-informed #signup { width: 48%; }
  .horizontal-list a > img { height: 70px; }
  .horizontal-list a > h2, #stay-informed #signup h2 { font-size: .9em; letter-spacing: .02px; line-height: 12px;}
  .horizontal-list a > h3, #stay-informed #signup h3 { font-size: .75em; }

  /** Homepage **/
  a#homepage-top-banner { margin-bottom: 10px; }
  div#reach-of-support { font-size: .6em; margin-bottom: 23px; }
  div#reach-of-support > div > img { height: auto; width: 70px; }
  div#what-we-do-section { padding: 30px 4% 40px; }
  div#what-we-do-section > a { height: 180px; }
  div#what-we-do-section > a > h2 { font-size: .65em; line-height: 9px; padding: 0 6px;}
  div#what-we-do-section > a > h3 { font-size: .65em; line-height: 9px; padding: 0 6px 2px;}

  /** Footer **/
  div#footer-badges { height: auto; width: 75%; }
  div#footer-badges > a, div#footer-badges > a:hover { border: 0; }
  div#contact-signoff > div { display: block; margin: 0 0 8px; text-align: center; width: 100%; }
  div#contact-signoff > div > img { display: none; }

	/** Other Pages **/
	div.stories-list > div { width: 90%; }
	div.stories-list a img { width: 100%; }

	.sector .sector-description { width: 100%; float:none; }
}

@media screen and (max-width: 525px) {
  div.page-section > div.page-section-header > img { left: 3%; }
  div.page-section.shift > div.page-section-header > img { left: 2%; }

  /** Header **/
  header > div.col-full { height: 178px; }
  a#logo { display: block; margin: 0 auto; padding-top: 16px; position: static; width: 266px; }
  a#logo > object { width: 56px; }
  a#logo > img { padding-top: 17px; width: 210px; }
  .woocommerce-active .site-header .site-search { top: 100px; right: auto; left: 4%;  }
  div#social-media { bottom: 16px; }

  /** Footer **/
  div#footer-badges { height: auto; width: 82%; }

  /** Homepage **/
  a#featured-blog-post { height: 220px; }
  a#featured-blog-post > h2, a#featured-blog-post:hover > h2 { font-size: 1em; line-height: 17px; padding: 8px 52% 8px 4%; }

  /** Non-Homepage **/
  .hentry .entry-header h1 { line-height: 1em; }
	.hentry .entry-header.header-with-image { height: auto; }
	.hentry .entry-header img.attachment-full { position: relative; left: 0; width: 100%; }
	.hentry .entry-header h1.within-image { position: relative; color: #2b4367; text-shadow: none; }
  .embed-container, .embed-container iframe, .embed-container object { height: 245px; }
  div#country-contact-info { font-size: .65em; }
  div#country-contact-info > div { line-height: 14px; width: 94%; }
  div#country-contact-info > div > div { width: 48%; }

  /** Product Page **/
  .single-product div.product { font-size: .75em; }
  .single-product div.product div.images img { width: 76%; }
  .single-product div.product div.summary h1 { font-size: 1.8em; }

}

@media screen and (max-width: 424px) {
  /** Header **/
	div#top-colors { display: none; }
	nav#site-navigation.scrolled { top: 0; }
  div.page-section > div.page-section-header { height: 28px; line-height: 28px; }
  div.page-section > div.page-section-header > img { top: -10px; width: 48px; }
  div.page-section > div.page-section-header > h2 { font-size: 1em; letter-spacing: .001em; }

  /** Homepage **/
  a#homepage-top-banner > h2 { font-size: .7em; padding: 6px 0 6px 5%; }
  a#homepage-top-banner > h2 > span.tagline { padding-left: 0; width: 50%; }
  a#homepage-top-banner > h2 > div { padding-right: 5%; }
  a#homepage-top-banner > h2 > div:before { height: 15px; width: 14px;}
  a#featured-blog-post { height: 160px; }
  a#featured-blog-post > h2, a#featured-blog-post:hover > h2 { font-size: .95em; padding: 6px 32% 6px 4%; }

  .main-navigation ul.menu { font-size: .8em; }
  .main-navigation ul.menu > li > ul li a, .main-navigation ul.nav-menu ul li a { padding: 2px 1px; }

}

@media screen and (max-width: 328px) {
  /** Header **/
  a#logo { width: 233px; }
  a#logo > img { padding-top: 22px; width: 174px; }
  .site-search .widget_product_search input[type="search"], .site-search:hover .widget_product_search input[type="search"], .site-search:hover .widget_product_search input[type="text"], .widget_product_search input[type="search"]:focus, .site-search .widget_product_search input[type="text"] { width: 120px; }
}

@media screen and (max-height: 460px) {
  /** Header **/
  nav#site-navigation.scrolled { position: relative; }
  nav#site-navigation.scrolled { top: 47px; }
  a#logo { margin-top: -8px; padding-top: 0; }
  .main-navigation ul.menu > li { padding: 1px; }
  .main-navigation ul.menu ul, .main-navigation ul.nav-menu ul { display: none; }
  .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu > ul:not(.nav-menu) { height: auto; }
}

/** Markup for Logos Page **/
#square {
	width:100px;
	height:100px;
}

.pms-3272 {
	background:rgba(0,162,155,1);
}

.pms-390 {
	background:rgba(181,191,0,1);
}

.black {
	background:rgba(0,0,0,1);
}

/** Column Grid Markup **/
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
/*****
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
*************/
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}



.resource-form-bar-wrapper{
	display: inline-block;
	width: 100%;
	height: auto !important;
}

 /* Tweak arrow on homepage */
.vidlink{
  line-height: 1.5;
}

/* jQuery UI */
.ui-helper-clearfix:after {
    clear: both;
}
.ui-dialog {
				z-index: 9999;
				background-color: #fff; 
				padding: 0; 
				border: 2px solid #294364; 
				box-shadow: 3px 3px 1px;
				max-width: 95%;
			}
.ui-dialog .ui-dialog-titlebar {
				position: relative;
				z-index: 995;
				text-align: center;
		}
.ui-dialog-title { 
				font-size: 1.93333333em; 
				color: #fff;
				font-weight: 800;
				text-transform: uppercase;
			}
.ui-widget-overlay {
				background-color: rgba(0,0,0,0.7);
				position: fixed;
				width:100%;
				height: 100%;
				top: 0;
				z-index: 9998;
			}
#dialog { 
			display: none;
			margin-top: -50px;
		}
#dialog img {
			position: relative;
			width: 100%;
		}
#dialog-text {
			width: 60%;
			float: right;
			padding: 18px;
			position: absolute;
			top: 26px;
			right: 0;
			color: #fff;
		}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("img/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("img/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("img/ui-icons_777777_256x240.png");
}
.ui-corner-all { border-radius: 3px; }

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #fff;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
	background-image: url("img/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("img/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("img/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("img/ui-icons_cc0000_256x240.png");
}
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-close { background-position: -80px -128px; }
