
/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.outreach-pro-orange .site-header {
	background-color: #fff;
	color: #000;
}

.nav-primary {
	text-align: center;
}

.genesis-nav-menu a {
	line-height: 1;
	padding-left: 60px;
	padding-right: 60px;
	color: #fff;
	margin-left: -3px;
}

/*
Font Awesome Primary Menu
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu a {
	line-height: 1;
	padding-left: 30px;
	color: #fff;
}

.genesis-nav-menu .menu-item:before {
	display: block;
	font-family: Fontawesome;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	line-height: 0;
	margin: 0;
	position: relative;
	text-align: left;
	top: 25px;
	vertical-align: bottom;
}

.genesis-nav-menu .menu-item:before {
	color: #f4f4f4;
}

.genesis-nav-menu .menu-item:hover:before {
	color: #fff;
}

.genesis-nav-menu .current-menu-item:before {
	color: #fff;
}

/*
Font Awesome Site Header Menu
---------------------------------------------------------------------------------------------------- */
.site-header .genesis-nav-menu a {
	line-height: 1;
	padding-left: 30px;
	color: #333;
}

.site-header .genesis-nav-menu .menu-item:before {
	display: block;
	font-family: Fontawesome;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	line-height: 0;
	margin: 0;
	position: relative;
	text-align: left;
	top: 25px;
	vertical-align: bottom;
}

.site-header .genesis-nav-menu .menu-item:before {
	color: #fff;
}

.site-header .genesis-nav-menu .menu-item:hover:before {
	color: #333;
}

.site-header .genesis-nav-menu .current-menu-item:before {
	color: #333;
}

/*
Font Awesome Secondary Menu
---------------------------------------------------------------------------------------------------- */
.nav-secondary  .genesis-nav-menu a {
	line-height: 1;
	padding-left: 30px;
	color: #fff;
}

.nav-secondary .genesis-nav-menu .menu-item:before {
	display: block;
	font-family: Fontawesome;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	line-height: 0;
	margin: 0;
	position: relative;
	text-align: left;
	top: 25px;
	vertical-align: bottom;
}

.nav-secondary .genesis-nav-menu .menu-item:before {
	color: #fff;
}

.nav-secondary .genesis-nav-menu .menu-item:hover:before {
	color: #333;
}

.nav-secondary .genesis-nav-menu .current-menu-item:before {
	color: #333;
}

@media only screen and (max-width: 1023px) {
	.genesis-nav-menu .menu-item:before,
																																																																																																																																																																																															.site-header .genesis-nav-menu .menu-item:before,
																																																																																																																																																																																															.nav-secondary .genesis-nav-menu .menu-item:before {
		font-size: 18px;
		top: 30px;
	}
}

@media only screen and (max-width: 600px) {
	.genesis-nav-menu a,
																																																																																																																																																																																															.site-header .genesis-nav-menu a,
																																																																																																																																																																																															.nav-secondary  .genesis-nav-menu a {
		padding-left: 10px;
	}
	
	.genesis-nav-menu .menu-item:before,
																																																																																																																																																																																															.site-header .genesis-nav-menu .menu-item:before,
																																																																																																																																																																																															.nav-secondary .genesis-nav-menu .menu-item:before {
		display: none;
	}
}

/* Soliloquy misc. */

.widget li {
    border-bottom: 0px #494949;
}


/*
Changing default theme orange to TWB orange
---------------------------------------------------------------------------------------------------- */
.outreach-pro-orange .archive-pagination .active a, .outreach-pro-orange .archive-pagination li a:hover, .outreach-pro-orange .button, .outreach-pro-orange .nav-primary, .outreach-pro-orange button, .outreach-pro-orange input[type="button"], .outreach-pro-orange input[type="reset"], .outreach-pro-orange input[type="submit"] {
	background-color: #fb8f37;
	color: #fff;
}

/* Remove padding everywhere */
.site-inner {
	padding-top: 0;
}

.home .content {
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
/*width: 760px; */
}

/*
Remove padding on home page tight masonry iteration (no longer in force)
---------------------------------------------------------------------------------------------------- */
#pg-3-0, #pg-3-1, #pg-3-2, #pl-3 .panel-grid-cell .so-panel {
	margin-bottom: 0;
	margin-top: 0;
}

#pg-3-0, #pg-3-1, #pg-3-2 {
	margin-left: 0;
	margin-right: 0;
}

#pg-3-0 .panel-grid-cell, #pg-3-1 .panel-grid-cell, #pg-3-2 .panel-grid-cell {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

img.centered, .aligncenter {
	display: block;
	margin: 0 auto;
}

.entry {
	margin-bottom: 0;
}

/* Make the front page tiles hover on mouseover */
div.front-page-box:hover {
	background-color: #000;
}

#pg-2528-3 .widget_black-studio-tinymce:hover {
	border-radius: 50px;
	opacity: .6;
}

/*
#pg-3-0-0 .widget_black-studio-tinymce:hover {
	background-color: #000;
	border-radius: 50px;
}

#pg-2528-3-2 .widget_black-studio-tinymce:hover {
	background-color: #000;
	border-radius: 50px;
}

#pgc-2528-3-0 .panel-grid-cell .so-panel {
	margin-bottom: 0;
}
*/

div.front-page-box {
	position: relative;
}

div.front-page-box a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
/* No underlines on the link */
	z-index: 10;
/* Places the link above everything else in the div */
	background-color: #FFF;
/* Fix to make div clickable in IE */
	opacity: 0;
/* Fix to make div clickable in IE */
	filter: alpha(opacity=1);
/* Fix to make div clickable in IE */
}

#pg-3-0 .panel-grid-cell .widget:hover {
	background-color: blue;
} 
/* Header adjustments */
.title-area {
	float: left;
	padding: 14px 0;
	width: 540px;
}

.site-header .widget-area {
	float: right;
	padding-top: 14px;
	text-align: right;
	width: 540px;
}

/*
More front page tiles
---------------------------------------------------------------------------------------------------- */
#pg-498-0 {
	margin-left: 0;
	margin-right: 0;
	background-color: #334666;
}

#pg-498-0, #pg-498-1, #pg-498-2, #pg-498-3, #p498-2 .panel-grid-cell .so-panel {
	margin-bottom: 0;
	margin-top: 0;
}

#pg-498-0, #pg-498-1, #pg-498-2, #pg-498-3, #pg-498-4 {
	margin-left: 0;
	margin-right: 0;
}

#pg-498-0 .panel-grid-cell, #pg-498-1 .panel-grid-cell, #pg-498-2 .panel-grid-cell, #pg-498-3 .panel-grid-cell, #pg-498-4 .panel-grid-cell {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#pg-505-0, #pg-505-1, #pg-505-2, #p505-2 .panel-grid-cell .so-panel {
	margin-bottom: 0;
	margin-top: 0;
}

#pg-505-0, #pg-505-1, #pg-505-2 {
	margin-left: 0;
	margin-right: 0;
}

#pg-505-0 .panel-grid-cell, #pg-505-1 .panel-grid-cell, #pg-505-2 .panel-grid-cell {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/*
Miscellaneous tweaks: text sizes, background colors, link colors
---------------------------------------------------------------------------------------------------- */
.sub-footer-left .entry-title {
	font-size: 16px;
}

.entry-title {
	font-size: 22px;
}

.sidebar .widget {
	background-color: #334666 !important;
}

blockquote, blockquote::before {
	color: #000;
}

.social a {
	color: #48b58f !important;
}

.footer-widgets {
	font-size: 15px;
}

.outreach-pro-orange .footer-widgets .widget-title {
	text-align: center;
}

/*.home .site-inner {
 } */

.home .content {
	background-color: #ffffff;
	border-radius: 3px;
	float: right;
	margin-bottom: 30px;
	padding: 0;
}

/*
Background image - teal with thank you's 
---------------------------------------------------------------------------------------------------- */
.site-inner {
	background-image: url("https://translatorswithoutborders.org/wp-content/uploads/2017/09/ThankYou_background.png");
	background-repeat: repeat-y repeat-x;
}

/*
Additional font and color alterations
---------------------------------------------------------------------------------------------------- */
.entry-title {
	font-size: 22px;
	color: #334666;
}

.outreach-pro-orange .widget-title {
	color: #334666;
}

.sidebar-primary .widget-title {
	color: #fff;
}

.outreach-pro-home .site-inner {
	padding: 0;
}

.page-id-2528 .content {
	padding: 0 40px;
}

blockquote {
	margin-top: 0;
}

/*
Testimonials styling on page and in widget
---------------------------------------------------------------------------------------------------- */
.testimonials-widget-testimonial.list {
	clear: left;
	margin-bottom: 2em;
	padding-bottom: 15px;
	border-bottom: black;
	border-bottom-style: dashed;
	border-bottom-width: thin;
}

/*
New buttons (see Why Translate page) 
---------------------------------------------------------------------------------------------------- */
.yellowbutton {
	background-color: #e6b434;
	color: #fff !important;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	padding: 16px 0;
	text-transform: uppercase;
	width: auto;
}

.yellowbutton:hover {
	color: #ff7b48 !important;
}

.greenbutton {
	background-color: #46ab56;
	color: #fff !important;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	padding: 16px 0;
	text-transform: uppercase;
	width: auto;
}

.greenbutton:hover {
	color: #ff7b48 !important;
}

.bluebutton {
	background-color: #334666;
	color: #fff !important;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	padding: 16px 0;
	text-transform: uppercase;
	width: auto;
}

.bluebutton:hover {
	color: #ff7b48 !important;
}

/*search menu in nav bar styling*/
.nav-primary .wrap {
	margin: 0 auto;
	max-width: 1200px;
}

.genesis-nav-menu input[type="search"] {
	font-size: 12px;
	padding: 8px 0;
	margin: 0;
}

i {
    text-align:center;
}

fa {
    text-align:center;
}

.fa {
    text-align:center;
}

.genesis-nav-menu a {
    padding-right: 45px;
}

.site-header .genesis-nav-menu a {
    line-height: 1;
    padding-left: 55px;
    color: white;
	background-color: #334666;
	border-radius: 5px;
	margin-left: -25px;
}


@media only screen and (max-width: 480px) {
	.header-image .site-title a {
		min-height: 60px !important;
background-position-x: left !important;
	}
}

.search-filter-results .entry-title {
	font-size: 16px;
	padding-left: 5px
}

.search-filter-results .entry {
	    border: lightgrey 1px solid;
	margin-top: 10px;
}


