/*
Theme Name: PiAf
Author: BWD
Description: Theme for PiAf
Version: 2.0
*/

html, body
{
	color : #813427; /* Burgundy */

	margin : 0px;
	padding : 0px;

	font-family : 'Open Sans', sans-serif;
	font-weight : 600;
}


.site_width_container
{
	max-width : 1366px;
	width : calc(100% - 60px);

	margin : 0px auto;
	padding : 0px 30px;
}

h1, h2, h3, h4, h5, h6
{
	font-family : 'Raleway', serif;
}

h4
{
	word-spacing : 2px;
}

header
{
	position : relative;

	background : #FFFFFF; /* White */
}

header .site_width_container
{
	position : relative;

	padding : 5px 30px 0px 30px;
}

#logo_container
{
	display : inline-block;

	padding-top : 10px;
}

#pull
{
	display : none;
}

nav
{
	display : inline-block;

	float : right;

	text-align : center;
}

.navbar_container
{
	margin-top : 52px;
}

.navbar_container ul
{
	position : relative;
	display : inline;

	list-style-type : none;

	margin : 0px;
	padding : 0px;
}

.navbar_container ul.sub-menu
{
	display : none;
}

.navbar_container ul li
{
	display : inline-block;
	position : relative;
}

.navbar_container ul li.mobile_only
{
	display : none;
}

.navbar_container ul li a
{
	display : inline-block;

	padding : 0px 15px 30px;

	height : 100%;

	color : #813427; /* Burgundy */

	font-weight : 600;
	font-size : 20px;
	text-transform : uppercase;
	text-decoration : none;
	letter-spacing : 1px;
}

.navbar_container ul li:nth-last-child(2) a
{
	padding : 0px 0px 15px 15px;
}

.navbar_container ul li:hover
{
	background : #FFF;
}

.navbar_container ul li:hover a
{
	color : #F17022; /* Orange */
}

.navbar_container ul.sub-menu
{
	display : none;
}

.navbar_container ul li:hover ul.sub-menu
{
	display : block;
	position : absolute;

	background : #FFF;

	padding : 0px 0px;



	text-align : left;

	z-index : 9999;

	border-style : solid;
	border-width : 4px 0px 0px 0px;
	border-color : #F17022; /* Orange */
}

.navbar_container ul.sub-menu li
{
	display : block;

	margin : 0px;
	padding : 0px;

	border-style : solid;
	border-width : 0px 0px 3px 0px;
	border-color : #E5D6B7; /* Tan */
}

.navbar_container ul.sub-menu li a
{
	color : #813427; /* Burgundy */
}

.navbar_container ul.sub-menu li:last-child
{
	border-width : 0px;
}

.navbar_container ul.sub-menu li:hover
{
	background : none;
}

.navbar_container ul.sub-menu li:hover a
{
	background : #F17022; /* Orange */
	color : #FFF;
}

.navbar_container ul.sub-menu li a
{
	display : block;

	font-size : 16px;

	padding : 10px 23px;

	white-space : normal;
}

#top_nav
{
	position : absolute;

	top : 15px;
	right : 30px;
}

#top_nav ul
{
	list-style-type : none;

	margin : 0px;
	padding : 0px;
}

#top_nav ul li
{
	display : inline;
}

#top_nav ul li a
{
	color : #F17022; /* Orange */

	padding-left : 22px;

	font-family : "Raleway";
	font-weight : 700;
	font-size : 22px;

	text-transform : uppercase;
	text-decoration : none;
}

#dyn_search_form_container
{
	display : none;

	position : absolute;

	background : #F17022; /* Orange */
	color : #FFF;

	max-width : 100%;
	width : 100%;
	height : 100%;

	top : 0px;
	left : 0px;

	z-index : 9999;
}

#dyn_search_form_container form
{
	position : relative;

	margin-top : 45px;
}

#dyn_search_form_container input[type=text]
{
	background : none;
	color : #FFF;

	max-width : calc(100% - 108px - 10px);
	width : 100%;

	border-width : 0px 0px 4px 0px;
}

#dyn_search_form_container input[type=text]:focus
{
	outline-style : none;
}

#dyn_search_form_container input[type=submit]
{
	display : inline-block;

	background : #FFBC59; /* Yellow */
	color : #813427; /* Burgundy */

	max-width : 103px;
	width : 100%;

	margin-left : 10px;
	padding : 5px 15px;

	font-size : 18px;
	font-weight : 700;

	text-transform : uppercase;
	text-decoration : none;

	box-shadow: 3px 4px #813527;

	cursor : pointer;
}

#dyn_search_form_container img.close_btn
{
	position : absolute;

	top : 15px;
	right : 30px;

	cursor : pointer;
}

#hero_container
{
	position : relative;

	background : url('images/temp/hero2.jpg') top center no-repeat;
	background-size : cover;
	background-position : 0px -2vw;

	padding-top : 30vw;
}

#hero_container.new
{
	background : url('images/hero3.jpg') top center no-repeat;
	background-size : cover;
	background-position : 0px -5vw;
}

#hero_container.page
{
	background : url('images/hero3.jpg') top center no-repeat;
	background-size : cover;
	background-position : 0px -9vw;

	padding-top : 16.5vw;
}

#hero_text
{
	position : relative;

	bottom : 0px;

	background : rgba(46, 72, 92, .9);
	background : rgba(242, 112, 36, .7);
	color : #FFF;

	padding : 11px 148px 25px 148px;

	font-family : "Raleway";
	text-align : center;

	-webkit-clip-path: polygon(118px 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(118px 0%, 100% 0%, 100% 100%, 0% 100%);
}

#hero_text.new
{
	background : rgba(242, 112, 36, .7);
	
	text-align : center;
}


#hero_text.new h1
{
	text-align : center;
}

#hero_container.page #hero_text
{
	padding : 0px 35px;

	text-transform : uppercase;

	-webkit-clip-path: polygon(45px 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(45px 0%, 100% 0%, 100% 100%, 0% 100%);
}


#hero_text h1
{
	font-size : 34px;
	letter-spacing : 1px;
}

#hero_text.new h1
{
	font-weight : bold;
}

#hero_container.page #hero_text h1
{
	padding : 10px 0px;
	margin : 0px;

	text-align : left;
}

#hp_callout
{
	color : #813427; /* Burgundy */

	padding : 42px 0px;

	text-align : center;
}

#hp_callout.new
{
	position : relative;
	
	background : #f3e7cf;
	text-align : left;
}

#hp_callout.new .site_width_container
{
	position : relative;
}

#hp_callout.new .site_width_container p
{
	max-width : calc(100% - 280px);
}

#hp_callout.new p:last-child a.button
{
	margin-top : 0px;
}

#hp_callout.new p:last-child 
{
	position: absolute;
	
	right: 75px;
	top: 30px;
}

#hp_callout h2
{
	margin-bottom : 0px;

	font-size : 29px;
	letter-spacing : 1px;
}

#hp_callout.new h2
{
	text-transform : uppercase;
}

#hp_callout h2 strong, #hp_callout h2 b
{
	color : #F17022; /* Orange */
}

#hp_callout p
{
	font-size : 19px;
	font-weight : 600;
	line-height : 31px;
}

#hp_clinton
{
	display : table;
	
	background : url('images/clinton.jpg') no-repeat;
	color : #30495D; /* Dark Blue */
	
	min-height : 277px;
	
	padding-left : 317px;
	
	font-weight : 500;
	letter-spacing : -1px;
}

#hp_clinton p
{
	padding : 15px 0px;
	
	font-size : 29px;
	letter-spacing : -1px;
}

#hp_clinton span
{ 
	text-transform : uppercase;
	font-size : 22px;
	font-weight : 700;
}

#impact_stat_container 
{
	display : flex;
	
	margin-bottom : 40px;
}

#impact_stat_container .stat
{
	display : table;
	
	background : #FFBC57;
	color : #803427;
	
	width : 277px;
	height : 277px;
	
	margin : auto;
	
	text-align : center;	
	
	box-shadow: 5px 5px 0px #803427;
}

#impact_stat_container .stat:nth-child(even)
{
	background : #F2AF54;
}

#impact_stat_container .stat:first-child
{	
	margin-left : 0px;
}

#impact_stat_container .stat:last-child
{
	margin-right : 0px;
}

#impact_stat_container .stat .content
{
	display : table-cell;
	vertical-align : middle;
}

#impact_stat_container .stat .content h3
{
	margin : 0px;
	
	font-family : 'Open Sans';
	font-size : 68px;
	line-height : 66px;
}

#impact_stat_container .stat .content p
{
	margin  : 0px;
	
	font-size : 22px;
	font-weight : bold;
	text-transform : uppercase;
}

/*

#impact_stat_container .stat:nth-child(1) .content
{
	background : url('images/stat_bg1.jpg') top center no-repeat;
}

#impact_stat_container .stat:nth-child(2) .content
{
	background : url('images/stat_bg2.jpg') top center no-repeat;
}

#impact_stat_container .stat:nth-child(3) .content
{
	background : url('images/stat_bg3.jpg') top center no-repeat;
}

#impact_stat_container .stat:nth-child(4) .content
{
	background : url('images/stat_bg4.jpg') top center no-repeat;
}

*/

#hp_multi_banner
{
	background : url('images/hp_multi_banner.jpg') no-repeat;
	background-size : 100% 20px;

	max-width : 100%;
	width : 100%;
	height : 20px;
}

#hp_paths_container.new
{
	margin : 30px 0px;
}

#hp_paths_container .col
{
	float : left;

	position : relative;

	background : #F3E7CF; /* Beigh */

	max-width : calc(33.3% - 1px);
	width : 100%;

	text-align : center;

	border-style : solid;
	border-color : #D8B9A5; /* Tan */
	border-width : 0px 1px 0px 0px;
}

#hp_paths_container.new .col
{
	max-width : calc(33.3% - 32px);
	
	margin-right : 30px;
}

#hp_paths_container .col:last-child
{

}

#hp_paths_container .col .banner
{
	background : url('images/hp_banner1.jpg') no-repeat;
	background-size : cover;
	background : none;
	max-width : 100%;
	width : 100%;

}

#hp_paths_container .col .banner img
{
	max-width : 100%;
	width : 100%;
	height : auto;
}

#hp_paths_container > div:nth-child(2) div.banner
{
	background : url('images/hp_banner2.jpg') no-repeat;
	background-size : cover;
	background : none;
}

#hp_paths_container > div:nth-child(3) div.banner
{
	background : url('images/hp_banner3.jpg') no-repeat;
	background-size : cover;
	background : none;
}

#hp_paths_container h3
{
	font-size : 24px;

	margin : 65px 0px 3px;
}

#hp_paths_container.new h3
{
	text-transform : uppercase;
}

.hp_path_text_container
{
	position : relative;

	padding : 0px 85px 70px;

	font-size : 18px;
	font-weight : 600;
	line-height : 28px;

	height : 258px;

	letter-spacing : 1px;

	overflow : hidden;
}

.hp_path_text_container.new
{
	padding : 0px 30px 70px;
}

.hp_path_text_container p:last-child
{
	position : absolute;

	bottom : 3vw;
	left : 0px;
	right : 0px;
}

.hp_path_text_container a.button
{
	position : relative;
}

#page_container
{
	margin-bottom : 45px;
}

#page_container h2.search_title a:link, #page_container h2.search_title a:visited
{
	color : #813427; /* Brown */

	text-decoration : none;
}

#page_container h2.search_title a:hover
{
	text-decoration : underline;
}

#page_container a
{
	color : #F27B36; /* Orange */
}

#page_container a:hover
{
	text-decoration : none;
}

#page_container figure
{
	margin : 0px;
}

#page_container figure img
{
	max-width : 100%;

	margin-top : 15px;
	margin-bottom : 15px;
}

#page_container figure.alignright
{
	margin-left : 15px;
}

#page_container figure.alignleft
{
	margin-right : 15px;
}

#page_container figure.aligncenter
{
	display : flex;
}

#page_container figure.aligncenter img
{
	margin : 15px auto;
}

#page_container .site_width_container
{
	position : relative;

	overflow : hidden;



	width : calc(100% - 120px);

	padding : 0px 60px;
}

#page_container p
{
	font-size : 18px;

	padding-bottom : 15px;

	line-height : 30px;
}

#page_container img.orange
{
	border-width : 4px;
	border-style : solid;
	border-color : #F17022; /* Orange */
}

#post-43 .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion
{
	border : 0px;
}

#post-43 .wp-block-ub-content-toggle .wp-block-ub-content-toggle-accordion p.wp-block-ub-content-toggle-accordion-title a
{
	text-decoration : none;
	font-size : 18px;
}

.faq_header
{
	margin-top : 60px;
}

.faq_header:first-child
{
	margin-top : 0px;
}

#history_container
{
	background : #3B5A6F; /* Dark Blue */
	color : #FFF;

	padding : 57px 30px;

	text-align : center;
}

#history_container h2
{
	color : #FFBC58; /* Light Orange */

	margin : 0px 0px 5px;
}

#history_container p
{
	font-size : 18px;

	line-height : 30px;
}


#featured_story_container, #testimonials_container
{
	float : left;

	width : 100%;

	padding : 60px 0px 73px;

	font-size : 18px;
	letter-spacing : 1px;
	text-align : center;
}

#featured_story_container h2, #testimonials_container h2
{
	color : #FFBC58; /* Mustard Yellow */

	margin : 0px 0px 40px;

	font-size : 25px;
}

#featured_story_container.new h2, #testimonials_container.new h2
{
	text-transform : uppercase;
}

#featured_story_container p, #testimonials_container p
{
	line-height : 30px;
}

#featured_story_container h2 strong, #featured_story_container h2 b
{
	color : #F17022; /* Orange */
}

#featured_story_container img
{
	max-width : 100%;

	margin-bottom : 30px;
}

#testimonials_container h2
{
	color : #813427; /* Burgundy */
}

#featured_story_container
{
	background : #2E485C; /* Dark Blue */
	background : #813427;
	
	color : #FFF;

	max-width : 57%;
}

#featured_story_container div
{
	height : 637px;

	padding : 0px 83px;
}

#featured_story_container a.button
{
	margin-top : 30px;
}

#testimonials_container
{
	background : #FFBC58; /* Mustard Yellow */

	max-width : 43%;

	text-align : left;
}

#testimonials_container>div
{
	background : url('images/testimonials_bg.jpg') no-repeat #FFBC58; /* Mustard Yellow */
	background-position : calc(100% - 25px) 0px;

	height : 637px;

	padding : 0px 83px;
}

#testimonials_container .testimonial
{
	font-size : 18px;
}

#testimonials_container .testimonial .text
{
	font-style : italic;

	line-height : 37px;
	font-size : 19px;
	letter-spacing : 0px;

	margin-bottom : 66px;
}

#testimonials_container .testimonial .author
{
	color : #8D3661; /* Purple */
}

#testimonials_container .testimonial .author, #testimonials_container .testimonial .year,
#testimonials_container .testimonial .org
{
	margin-bottom : 7px;
}

#testimonials_container.page
{
	float : none;

	max-width : 100%;
	width : 100%;

	padding : 75px 0px 75px;

	text-align : center;
}

#testimonials_container.page h2
{
	margin : 0px 0px 5px;
}

#testimonials_container.page>div
{
	padding : 0px 30px;

	height : auto;
}

#testimonials_container.page .testimonial .text
{
	margin-bottom : 30px;
}

#testimonials_container.page .testimonial .author
{
	font-size : 20px;
}

#wrapper_contact
{
	overflow : hidden;
}

#wrapper_contact #gform_4 input[type=submit],
#wrapper_contact #gform_5 input[type=submit]
{
	margin-left : 0px;
}

p.empty
{
	display :none;
}

#contact_container
{
	background : #FFF;

	padding : 75px 0px 45px;

	font-size : 19px;
	line-height : 32px;
}


#contact_container .site_width_container
{
	max-width : calc(100% - 60px);
}

#contact_inner_container
{
	padding : 0px 30px;
}

#contact_container .col_1
{
	float : left;

	max-width : 514px;
	max-width : 470px;
	max-width : 750px;
	max-width : calc(100% - 670px - 30px);
	max-width : 31%;

	width : calc(31% - 30px);

	margin-right : 30px;
}

#contact_container .col_1 h2
{
	color : #813427; /* Burnt Orange */

	margin : 0px 0px 30px 0px;

	font-weight : 700;
	font-size : 24px;
}

#contact_container.new .col_1 h2
{
	text-transform : uppercase;
}

#contact_container .col_1 h2 a
{
	font-size : 28px;
	font-weight : 400;
	text-transform : none;

	margin : 0px;
}

#contact_container .col_1 p
{
	font-size : 18px;
	line-height : 30px;

	margin-top : 0px;
	margin-bottom : 15px;
}

#contact_container .col_1 p.social_container
{
	margin-bottom : 30px;
}

#contact_container .col_1 a:first-child
{
	display : inline-block;
	color : #F17022; /* Orange */

	font-weight : 700;
	text-decoration : none;

	margin : 30px 0px 0px;
}

#contact_container .col_1 h4
{
	margin : -15px 0px 0px 0px;

	font-size : 24px;
}

#contact_container .col_1 a.social:link, #contact_container .col_1 a.social:visited
{
	padding-right : 25px;

	text-decoration : none;
}

#contact_container .col_1 a.social:last-child
{
	padding-right : 0px;
}

#contact_container .col_2
{
	float : left;

	max-width : 38%;
	width : 100%;

	padding-left : 0px;
}

#contact_container .col_2 ul
{
	margin : 0px;
	padding : 0px;

	list-style-type : none;
}

#contact_container .col_2 ul li
{
	display : block;

	max-width : calc(100% - 0px);
	width : 100%;

	margin : 0px 0px 19px 0px;
	padding : 0px;
}

#contact_container .col_2 ul li#field_1_1,
#contact_container .col_2 ul li#field_1_3
{
	margin-right : 14px;
}

#contact_container .col_2 ul li label
{
	display : none;
}

#contact_container .col_2 ul li div
{
	max-width : 100%;
	width : 100%;
}

#contact_container .col_2 ul li div input, #contact_container .col_2 ul li div select,
#contact_container .col_2 ul li div textarea
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	background : #F3E7CF; /* Beigh */
	color : #9F6252; /* Dark Burnt Orange */

	max-width : 100%;
	width : 100%;

	font-size : 16px;
	font-weight : bold;

	padding : 5px 15px;

	border-width : 2px;
	border-style : solid;
	border-color : #E5D6B7; /* Darker Beigh */
}

#contact_container .col_2 ul li div select
{
	height : 42px;
	padding-bottom : 4px;
}

#contact_container .col_2 ul li#field_1_5
{
	max-width : calc(100% - 0px);
}

#contact_container .col_2 ul li div textarea
{
	height : 270px;
}

#contact_container .col_2 .gform_footer
{
	text-align : right;

	margin : 0px;
	padding : 0px;
}

#contact_container .col_2 .gform_footer input[type=submit]
{
	display : inline-block;

	background : url('images/button_bg.jpg') no-repeat;
	background-size : 100% 53px;
	background-position : 0px 9px;

	color : #813427; /* Burgundy */

	width : 165px;
	height : 65px;

	margin-top : 0px;
	padding-top : 0px;
	padding-left : 30px;

	font-size : 18px;
	font-weight : 700;

	text-transform : uppercase;
	text-decoration : none;
	text-align : center;

	border-width : 0px;

	text-align : left;

	cursor : pointer;

	margin-right : 0px;
}

#contact_container .col_3
{
	position : relative;

	float : right;

	max-width : calc(100% - 69% - 45px);

	margin-left : 45px;
}

#contact_container.new .col_3 h2
{
	text-transform : uppercase;
}

#contact_container a
{
	color : #813427; /* Burgundy */
}

#contact_container a:hover
{
	text-decoration : none;
}

#sidebar_container
{
	float : right;

	background : url('images/sidebar_bottom.jpg') no-repeat #F3E7CF; /* Beigh */
	background-position : 0px 100%;

	max-width : 416px;
	width : 100%;

	margin-left : 60px;
	margin-right : -60px;
	margin-bottom : 30px;

	padding : 30px 0px 63px;
}

#fellows_flyer_sidebar ul
{
	margin : 0px;
	padding : 0px 0px 0px 20px;
}

#fellows_flyer_sidebar ul li
{
	padding-bottom : 10px;
}

#sidebar_container .instagram_widget .text-widget > p:nth-child(1)
{
	display : none;
}

#gform_4 input[type=submit], #gform_5 input[type=submit]
{
	display : inline-block;

	background : #FFBC59; /* Yellow */
	color : #813427; /* Burgundy */

	max-width : 103px;
	width : 100%;

	margin-left : 10px;
	padding : 5px 15px;

	font-size : 18px;
	font-weight : 700;

	text-transform : uppercase;
	text-decoration : none;

	box-shadow: 3px 4px #813527;

	cursor : pointer;
}

#page_container #sidebar_container .site_width_container
{
	overflow : inherit;
}

#page_container article.voices
{
	display : flex;

	margin-bottom : 30px;
}

#page_container article.voices span.entry-title
{
	font-size : 22px;
}

#page_container article.voices img
{
	float : left;

	width : 125px;

	padding : 0px 15px 0px 0px;
}

#sidebar_container img
{
	border-width : 0px;
}

#sidebar_container .col_3
{
	position : relative;

	margin-bottom : calc(75px + 37px);
	padding-top : 30px;
}

#sidebar_container hr
{
	border-color : #D6BAA5;
	border-width : 1px 0px 0px 0px;
}

#sidebar_container .col_3 > div
{
	padding : 0px 54px;
}

#contact_container .col_3 div:first-child,
#sidebar_container .col_3 div div
{
	padding : 32px 58px 32px;

	border-width : 3px;
	border-style : solid;
	border-color : #F17022; /* Orange */
	border-radius : 10px 10px 10px 0px;
}

#contact_container .col_3 h2,
#sidebar_container .col_3 h2
{
	margin : 0px;

	font-size : 24px;
}

#sidebar_container .col_3 h2
{
	font-size : 32px;
}

#contact_container .col_3 div:nth-child(2),
#sidebar_container .col_3 div:nth-child(2)
{
	position : absolute;

	background : url('images/conversation_triangle.png') no-repeat;

	width : 60px;
	height : 74px;

	top : calc(100% - 4px);
}

#sidebar_container .col_3 div:nth-child(2)
{
	background : url('images/conversation_triangle2.png') no-repeat;

	left : 54px;
}

#sidebar_container ul.simple-instagram-list
{
	list-style-type : none;
	display : inline;

	margin : 0px;
	padding : 0px;
}

#sidebar_container #gform_wrapper_4, #sidebar_container #gform_wrapper_5
{
	margin-bottom : 30px;
}

#sidebar_container #gform_wrapper_4 .gform_body, #sidebar_container #gform_wrapper_5 .gform_body
{
	float : left;
	max-width : 196px;
}

#sidebar_container #gform_wrapper_4 .gform_body li#field_4_1, #sidebar_container #gform_wrapper_5 .gform_body li#field_5_1
{
	margin : 0px;
}

#sidebar_container #gform_wrapper_4 .gform_body li#field_4_1 label, #sidebar_container #gform_wrapper_5 .gform_body li#field_5_1 label
{
	display : none;
}

#sidebar_container #gform_wrapper_4 .gform_body li#field_4_1 .ginput_container, #sidebar_container #gform_wrapper_5 .gform_body li#field_5_1 .ginput_container
{
	margin : 0px;
}

#sidebar_container #gform_wrapper_4 .gform_body li#field_4_1 #input_4_1, #sidebar_container #gform_wrapper_5 .gform_body li#field_5_1 #input_5_1
{
	width : 100%;

	padding : 8px 10px;
}

#sidebar_container #gform_wrapper_4 .gform_footer, #sidebar_container #gform_wrapper_5 .gform_footer
{
	display : inline-block;

	max-width : 100px;

	margin : 0px;
	padding : 0px;
}

#si-widget .simple-instagram-list .simple-instagram-list-item,
#sidebar_container ul.simple-instagram-list li
{
	display : inline-block;

	margin : 0px 13px 13px 0px;
	padding : 0px;
}

#sidebar_container ul.simple-instagram-list li img,
#simple-instagram-wrap .simple-instagram-list .simple-instagram-list-item img
{
	max-width : 60px;
}

#page_container a.follow_insta
{
	display : inline-block;

   	background : url(images/insta_sm.png) no-repeat #3B5A6F;
    background-position : 20px 12px;
    color : #FFF;

    max-width : 216px;
    width : 100%;

	margin-left : 10px;
    padding : 19px 0px 18px 61px;

    font-size : 14px;
    text-transform : uppercase;
    text-decoration : none;

    box-shadow : 4px 4px black;
}

#si-widget
{
	padding-top : 30px;
}

article.type-fellow, article.type-organizations
{
	display : flex;

	margin : 30px 0px 0px 0px;

	font-size : 18px;
	line-height : 30px;
}

article.type-organizations
{
	border-width : 0px 0px 2px 0px;
	border-style : solid;
}

article.type-fellow img.attachment-thumbnail
{
	float : left;

	width : 150px;
	height : auto;

	margin : 0px 10px 1px 0px;
}

#page_container article.type-fellow p.name, #page_container article.type-fellow p.fellowship-details, #page_container article.type-fellow p.fellowship-school
{
	line-height : normal;

	margin : 0px;
	padding : 0px;
}

#page_container article.type-fellow p.name,
#page_container article.type-organizations div.name
{
	font-weight : bold;
	font-size : 22px;
}

.qa-category
{
	display : flow-root;
}

footer
{
	background : url('images/striped_bg.png') #2E485C repeat-x;
	background-size : 28px 48px;
	color : #FFF;

	padding : 83px 60px 48px;
}

footer span
{
	float : left;
}

footer span:last-child
{
	float : right;
	float : left;
}

footer a
{
	color : #FFF;

	text-decoration : none;
}

a.button
{
	display : inline-block;

	background : #FFBC59; /* Yellow */
	color : #813427; /* Burgundy */

	padding : 15px 30px;

	font-size : 18px;
	font-weight : 700;

	text-transform : uppercase;
	text-decoration : none;

	box-shadow: 3px 4px #813527;
}

a.fancy_button
{
	display : inline-block;

	background : url('images/button_bg.jpg') no-repeat;
	color : #813427; /* Burgundy */

	width : 249px;
	height : 53px;

	margin-top : 25px;
	padding-top : 10px;

	font-size : 18px;
	font-weight : 700;

	text-transform : uppercase;
	text-decoration : none;

	text-align : left;
}

a.fancy_button span
{
	display : inline-block;

	max-width : 215px;
	width : 100%;

	text-align : center;
}

.qa-category
{
	margin-bottom : 10px;
}

article.type-fellow {
	display : flex;

	overflow: hidden;
	line-height: 135%;
	padding: 15px 0;
	border-bottom: 1px dotted #feb600;
}
article.type-fellow span.name { font-weight: 600; font-size: 1.1em; }

article.type-fellow p {
	font-size: 0.9em;
	margin: 5px 0 0;
	padding: 0;
}
article.type-fellow span.entry-title {
	display: block;
	color: black;
	padding-top: 0;
	margin-bottom: 5px;
}
article.type-fellow span.fellowship-details {
	display: block;
	font-weight: 500;
	font-size: 1.00em;
}
article.type-fellow span.fellowship-school,
article.type-fellow #sponsored,
article.type-fellow #blog {
	display: block;
	font-size: 0.9em;
}
article.type-fellow #sponsored {
	font-weight: 600;
}
article.type-fellow span.fellowship-school {
	color: #B84B19;
}

nav.pagination ul.page-numbers
{
	list-style-type : none;
}

nav.pagination ul.page-numbers li
{
	display : inline-block;

	margin : 3px;
}

nav.pagination ul.page-numbers li a
{
	text-decoration : none;
}

#ataxonomy-picker label
{
	display : none;
}

#ataxonomy-picker input, #ataxonomy-picker select
{
	width: 100%;

	padding: 5px;

	border-width: 2px;
	border-style: solid;
    border-color: #F27B36;
}

#ataxonomy-picker input[type=text]
{
	max-width : 283px;
}

#ataxonomy-picker input[type=submit]
{
	background : #FFBC59; /* Yellow */
	color : #813427; /* Burgundy */

	width : auto;

	padding : 2px 30px;

	font-size : 18px;
	font-weight : 700;

	text-transform : uppercase;
	text-decoration : none;

	box-shadow: 3px 4px #813527;

	cursor : pointer;
}

#taxonomy_picker-3 form
{
	margin-bottom : 30px;
}

#taxonomy_picker-3 h2
{
	margin : 0px;
}

#taxonomy_picker-3 ul
{
	list-style-type : none;

	margin : 0px;
	padding : 0px;
}

#taxonomy_picker-3 ul li
{
	margin-bottom : 15px;
}

#taxonomy_picker-3 ul li:last-child
{
	margin-bottom : 0px;
}

#page_container article img
{
	padding : 15px;
}

#page_container article div.field-notes > ul
{
	margin : 0px;
	padding : 0px;

	list-style-type : none;
}

#page_container article div.wp-caption
{
	padding : 15px;
}

#page_container article p.wp-caption-text
{
	margin : 0px;

	font-size : 12px;
	line-height : normal;
	text-align : center;
}

#page_container article .connections-hdr h3,
#page_container article .notes-hdr
{
	display : flex;

	background : #EAD6B6;

	padding : 15px;

	border-style : solid;
	border-color : #FEB600;
	border-width : 0px 0px 0px 15px;
}

#page_container article .notes-hdr
{
	margin : 0px 0px 20px;
	padding : 10px;
}

#page_container article .notes-hdr h3
{
	margin : 0px;
}

#page_container article .notes-hdr h3 span
{
	font-size : 14px;
}

#page_container article .notes-hdr h3:nth-child(2)
{
	margin : 0px;
}

#page_container article #flyer-gallery .ngg-galleryoverview
{
	display : flex !important;

	max-width : 940px;

	margin : 30px 0px;

	clear : none;
}

.ngg-galleryoverview
{
	display : flex !important;
}

#page_container article #flyer-gallery > p:nth-child(3),
#page_container article #flyer-gallery > p:nth-child(5)
{
	display : none;
}

h2.staff_heading
{
	margin-top : 25px;
	margin-bottom : 0px;
}

.staff_container
{
	float : left;

	position : relative;

	max-width : 190px;
	width : 100%;
	height : 210px;

	overflow : hidden;

	margin : 10px 30px 0px 0px;
}

.staff_container:hover img
{
 	transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
 	transition-duration : .5s;
}

.staff_container .staff_text_container
{
	position : absolute;

	bottom : 5px;
	bottom : 0px;

	max-width : 100%;
	width : 100%;

	background : rgba(46, 72, 92, .9); /* Semi-Transparent Blue */
	color : #FFF;

	padding : 5px 0px 5px;

	font-size : 18px;
	font-weight : bold;
	line-height : 18px;
	text-align : center;
}

.staff_container .staff_text_container div
{
	display : table;

	width : 100%;
}

.staff_container .staff_text_container div div
{
	display : table-cell;

	height : 37px;
	height : 22px;
	
	text-align : center;
	vertical-align : middle;
}

.staff_container .staff_text_container a
{
	position : absolute;

	top : 0px;
	left : 0px;

	width : 100%;
	height : 100%;

	cursor : pointer;
}

.staff_container .staff_text_container span
{
	font-size : 13px;
}

ul.pdf_list
{
	position : relative;
	
	margin : 16px 0px 0px 0px;
	padding : 0px;
	
	list-style-type : none;
}

ul.pdf_list li
{
	position : relative;
	
	background : url('https://www.princetoninafrica.org/wp-content/uploads/2024/08/pdf_icon.png') no-repeat;
	
	min-height : 46px;
	
	margin : 0px;
	padding : 15px 0px 0px 55px;
}

ul.pdf_list li:before
{
	content : ' ';
	
	
	
	height : 10px;
	width : 10px;
}

.alignleft
{
	float : left;
}

.alignright
{
	float : right;
}

.clear
{
	clear : both;

	width : 0px;
	height : 0px;
}

.clearfix::after
{
    content : "";
    clear : both;
    display : table;
}

.example-pager { margin-top : 110px; text-align: center; width: 100%; z-index: 500; top: 10px; overflow: hidden; }
.example-pager span { font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #FFE5C1; }
.example-pager span.cycle-pager-active { color: #813427;}
.example-pager > * { cursor: pointer;}

@media only screen and (min-width : 1600px)
{
	.hp_path_text_container p:last-child
	{
		bottom : 4vw;
	}
}

@media only screen and (max-width : 1425px)
{
	.hp_path_text_container
	{
		padding : 0px 30px 70px;
	}

	.hp_path_text_container p:last-child
	{
		position : relative;

		bottom : auto;
		left : auto;
		right : auto;
	}
}

@media only screen and (max-width : 1340px)
{
	.navbar_container ul li a
	{
		padding : 0px .5vw 30px;
	}

	.navbar_container ul li:nth-last-child(2) a
	{
		padding : 0px 0px 30px;
	}

	.navbar_container ul li:nth-last-child(2) ul li a,
	.navbar_container ul.sub-menu li:nth-last-child(2) a
	{
		padding : 10px 23px;
	}

	/*.navbar_container ul#menu-main-menu+li:nth-last-child(2) a, li#menu-item-13391
	{
		padding : 0px 0px 30px;
	}*/
}

@media only screen and (max-width : 2600px)
{
	#featured_story_container img 
	{
		max-width: 45%;
	}
}




@media only screen and (max-width : 1300px)
{
	#featured_story_container img 
	{
		max-width : 100%;
	}
	
	#featured_story_container, #testimonials_container
	{
		float : none;

		max-width : 100%;
		width : 100%;

		padding : 40px 0px 43px;

		font-size : 18px;
		letter-spacing : 1px;
		text-align : center;
	}

	#featured_story_container h2, #testimonials_container h2
	{
		margin : 0px 0px 40px;

		font-size : 25px;
	}

	#featured_story_container div, #testimonials_container>div
	{
		height : auto;
	}
}

@media only screen and (max-width : 1260px)
{
	#hero_container
	{
		background-position : 0px 0vw;
	}

	#hero_text h1
	{
		font-size : 2.5vw;
	}
}

/*@media only screen and (max-width : 1140px)*/
@media only screen and (max-width : 1060px)
{
	#logo_container
	{
		display : none;
	}

	#pull
	{
		display : block;
	}

	body.admin
	{
		margin-top : 46px;
	}

	/* Need to go to a Horiz or mobile Nav */
	.navbar_container
	{
		position : fixed;

		top : 0px;
		left : 0px;

		background : url('images/logo.png') no-repeat #FFF;
		background-size : 137px 50px;
		background-position : 10px 6px;

		float : none;

		max-width : 100%;
		width : 100%;
		height : auto;

		margin : 0px;
		padding : 0px 0px 0px 0px;

		text-align : center;

		z-index : 99999;

		border-style : solid;
		border-color : #F17022;
		border-width : 0px 0px 3px;
	}

	body.admin .navbar_container
	{
		top : 32px;
	}

	.navbar_container a#pull
	{
		display: block;
		position: relative;

		color : #FFFFFF;

		height : auto;


		font-size : 22px;
		font-weight : 600;
		letter-spacing: 2px;

		text-transform : uppercase;
		text-decoration : none;

		padding : 15px 30px 20px 150px;
	}

	.navbar_container a#pull:after
	{
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 23px;
		height: 21px;
		display: inline-block;
		position: absolute;
		right: 30px;
		top: 22px;
	}

	a#pull
	{
		text-align : left;
	}

	a#pull img
	{
		width : 125px;
	}

	.navbar_container ul, .navbar_container ul.sub-menu, .navbar_container ul li:hover ul.sub-menu
	{
		float : none;

		display : none; /* If we don't have this here, menu will pop open on resize when wne don't want it to. */

		max-width : 100%;
		width : 100%;
		height : auto;

		margin : 0px;
		padding : 0px 0px 0px 0px;

		text-align : left;
	}

	.navbar_container ul li, .navbar_container ul.sub-menu li, .navbar_container ul li:hover,
	.navbar_container ul li.mobile_only
	{
		float : none;

		background : #3E9C9C; /* Dark Blue */
		background : #F3E7CF;

		display : block;
		height : auto;

		max-width : 100%;
		width : 100%;

		margin : 0px;
		padding : 5px 0px 0px;
	}

	.navbar_container ul li:hover ul.sub-menu
	{
		border-width : 0px;
	}

	.navbar_container ul li a, .navbar_container ul.sub-menu li a
	{
		color : #813427; /* Burgundy */

	}

	.navbar_container ul.sub-menu, .navbar_container ul li:hover ul.sub-menu
	{
		background : #F3E7CF;
	}

	.navbar_container ul.sub-menu li
	{
		padding : 0px 0px;	border-width : 0px;
	}


	.navbar_container ul li a, .navbar_container ul li a:link, .navbar_container ul li a,
	 .navbar_container ul li:last-child a, .navbar_container ul li a,
	 .navbar_container ul li ul.sub-menu li a
	{
		float : none;

		background : #404040; /* Dark Blue */
		background : none;
		color : #813427; /* Burgundy */
		color : #FFF;
		color : #813427; /* Burgundy */

		display : block;

		max-width : 100%;
		width: 100%;
		height : 25px;

		font-size : 16px;
		font-weight : 600;

		margin : 0px;
		padding : 0px 30px 0px;

		text-transform : none;

		border-width : 0px;
	}

	.navbar_container ul li:hover
	{
		background : #F17022;
		color : #FFF;
	}

	.navbar_container ul li:hover a
	{
		color : #FFF;
	}

	.navbar_container ul li.menu-item-has-children>a:after
	{
		width: 0;
		height: 0;
		border: 0.313em solid transparent;
		border-bottom: none;
		border-top-color: #813427; /* Burgundy */
		content: ' ';
		vertical-align: middle;
		display: inline-block;
		position: relative;
		right: -0.313em;
	}


	.navbar_container ul li:hover ul.sub-menu
	{
		position : relative;
	}

	.navbar_container ul.sub-menu
	{
		display : none;
	}

	.navbar_container ul li ul.sub-menu li a
	{
		padding : 5px 0px 0px 45px;
	}

	.navbar_container ul.sub-menu li:nth-last-child(2) a
	{
		padding : 5px 0px 0px 45px;
	}

	#dyn_search_form_container
	{
		top : 68px;
	}

	body.admin #dyn_search_form_container
	{
		top : 22px;
	}


	#dyn_search_form_container .site_width_container
	{
		background : #F17022;
	}

	#dyn_search_form_container form
	{
		padding-bottom : 10px;
	}

	#hero_container.page
	{
		margin-top : 46px;
	}

	body.admin #hero_container.page
	{
		margin-top : 17px;
	}
}

@media only screen and (max-width : 1050px)
{
	#hp_paths_container .col, #hp_paths_container .col:last-child,
	#hp_paths_container.new .col
	{
		float : none;

		max-width : 100%;

		margin-bottom : 30px;
		padding-top : 30px;

		border-width : 0px 0px 0px 0px;
		border-style : dashed;
		border-color : #8D3661; /* Purple */
	}

	#hp_paths_container .col:nth-child(2)
	{
		border-color : #FEBD59; /* Yellow */
	}

	#hp_paths_container .col:nth-child(3)
	{
		border-color : #F27024; /* Orange */
	}

	#hp_paths_container .col .banner
	{
		height: auto;
	}

	#hp_paths_container .col .banner img
	{
		max-width : 90%;
		height : auto;

		box-shadow: 3px 4px #8D3661;
	}

	#hp_paths_container .col:nth-child(2) .banner img
	{
		box-shadow: 3px 4px #FEBD59; /* Yellow */
	}

	#hp_paths_container .col:nth-child(3) .banner img
	{
		box-shadow: 3px 4px #F27024; /* Orange */
	}
	
	.hp_path_text_container.new
	{
		padding : 0px 30px 30px;
	}

	#hp_paths_container h3
	{
		margin : 30px 0px 0px;
	}

	.hp_path_text_container
	{
		height : auto;

		padding : 0px 30px 30px;
	}

	#contact_container
	{
		padding : 45px 0px 45px;
	}

	#contact_container .col_1
	{
		max-width : 40%;

		margin-top : 45px;
	}

	#contact_container .col_2
	{
		float : right;

		max-width : 60%;

		margin-top : 45px;
	}

	#contact_container .col_3
	{
		max-width : 100%;

		margin-left :0px;
	}

	#contact_container .col_3 div:first-child
	{
		padding : 32px 58px 32px;

		border-radius : 10px;
	}

	#contact_container .col_3 div:last-child
	{
		display : none;
	}
}

@media only screen and (max-width : 900px)
{
	#hero_text
	{
		-webkit-clip-path: polygon(59px 0%, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(59px 0%, 100% 0%, 100% 100%, 0% 100%);

    	padding: 11px 89px 25px 89px;
	}
	
	#hp_impact_intro
	{
		text-align : center;
	}
	
	#hp_impact_intro img
	{
		margin-bottom : 30px;
	}
	
	#hp_clinton
	{
		display : block;
		
		background-position : top center;
		
		padding : 260px 0px 0px 0px;
		
		text-align : center;
	}

	#page_container .site_width_container
	{
		width : calc(100% - 60px);
		padding : 0px 30px 0px;
	}

	#page_container figure
	{
		width: 100%;

		text-align : center;
	}


	#sidebar_container
	{
		position : absolute;

		background : #F3E7CF;

		float : none;

		max-width : 100%;

		left : 0px;
		bottom : 0px;

		margin : 0px auto;

		display : none;
	}
}

@media only screen and (max-width : 860px)
{
	body.admin .navbar_container
	{
		top : 46px;
	}
}

@media only screen and (max-width : 850px)
{
	#contact_container .col_3
	{
		float : none;
	}

	#contact_container .col_1, #contact_container .col_2
	{
		float : none;

		max-width : 100%;
		width : 100%;

		margin-top : 45px;

		text-align : center;
	}

	#contact_container .col_2 .gform_footer
	{
		text-align : center;
	}
}

@media only screen and (max-width : 805px)
{
	#featured_story_container div, #testimonials_container>div
	{
		padding : 0px 30px;
	}

	#contact_inner_container
	{
		padding : 0px;
	}
}

@media only screen and (max-width : 725px)
{
	#hero_container.new
	{
		background-position : -90px 0vw;
		/* background-position : -210px 0vw; */
	}
	

	#impact_stat_container
	{
		display : block;
	}
	
	#impact_stat_container .stat:first-child, #impact_stat_container .stat:last-child,
	#impact_stat_container .stat
	{
		margin : 0px auto 30px;
	}
	
	footer
	{
		text-align : center;
	}

	footer span
	{
		display : inline-block;

		float : none;

		max-width : 100%;
		width : 100%;
	}

	footer span:first-child
	{
		margin-bottom : 10px;
	}

	footer span:last-child
	{
		margin-bottom : 0px;
	}
}

@media only screen and (max-width : 660px)
{
	body.admin
	{
		margin-top : 0px;
	}

	body.admin .navbar_container
	{
		top : 0px;
	}
}

@media only screen and (max-width : 600px)
{
	#hero_container
	{
		padding-top : 40vw;

		padding-top : 69vw;
		background-position : -190px 0vw;
	}

	#hero_text
	{
		-webkit-clip-path: polygon(30px 0%, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(30px 0%, 100% 0%, 100% 100%, 0% 100%);

    	padding: 11px 30px 11px 30px;

    	/***/
		-webkit-clip-path: none;
		clip-path: none;
	}

	#hero_text h1
	{
		font-size : 3.1vw;

		letter-spacing : 0px;
		font-size : 4.4vw;
	}

	#hp_callout
	{
		padding : 30px 0px;
		
		text-align : center;
	}
	
	#hp_callout.new .site_width_container p
	{
		max-width : 100%;
	}
	
	#hp_callout.new p:last-child
	{
		position : relative;
		
		right : auto;
		top : auto;
	}
	
	#hp_clinton p
	{
		font-size : 22px;
		line-height : initial;
	}
	
	#hp_clinton span
	{
		display : inline-block;
		
		padding-top : 30px;
	}

	#testimonials_container .testimonial .text
	{
		line-height : 30px;

		margin-bottom : 30px;
	}

	#contact_container .col_3 div:first-child
	{
		padding : 25px 25px;
	}
}

@media only screen and (max-width : 500px)
{
	article.type-fellow
	{
		text-align : center;
	}

	article.type-fellow img.attachment-thumbnail
	{
		display : block;

		float : none;

		margin : 0px auto;
	}

	#page_container article.type-fellow span.years
	{
		display : block;
	}

	#page_container article.type-fellow p.name, #page_container article.type-fellow p.fellowship-details, #page_container article.type-fellow p.fellowship-school
	{
		text-align : center;
	}
}