/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* Mobile changes */


@media (max-width: 1000px) {
	.side_menu_button {
		display: none;
	}	
}


.mobile_on {
	display: none;
	}	


@media (max-width: 640px) {
	.mobile_off {
		display: none;
	}	
}

@media (max-width: 640px) {
	.mobile_on {
   	display: block;
	}	
}

/* fix for forcing paragraph spacing in editor */

.p_space {
	margin: 15px 0px 0px 0px;
}

/* adding paragraph space globally for posts, updates, bios, news */

.post_text_inner p {
	margin: 0px 0px 15px 0px;
}

/* fix for home page logo sliders being too close together */

.qode_carousels .slides li {
	margin: 0px 25px;
}


/* Fix for Postmatic plugin styles */


.subscribe.primary.prompt {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 7px;
	
}

#prompt_subscribe_widget-2-submit {
	text-transform: uppercase !important;
	padding: 0px 17px;
	height: 30px;
	font-size: 12px !important;
	font-family: raleway !important;
	border: 2px solid #303030;
	font-weight: 700 !important;
	font-style: normal;	
	letter-spacing: 1px;
	outline: 0;
	background-color: transparent !important;
	cursor: pointer;


	:hover {
	color: white;
	background-color: #3d969e;
	}
	
}

/* Changes to meks-profile widget styles (on blog page and author page */

#mks_author_widget-2 p {
	font-size: 13px;
}

.mks_autor_link_wrap {
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 10px !important;
	color: #303030;
}
	



</div>

/* Fix for donate buttons to be on one row on donate page */
#monthly-sustainerbox {
	display:block;
	clear: left;
}

#giving-option, #annual-giving-option {
	float: left;
	display: block;
	margin: 5px;
}

/* Fix for content overlapping with menu on single blog page */


@media only screen and (min-width: 1000px) {
#updates-page.container {padding-top: 90px;}

}


/*			*/
/* TEAM AND FELLOWS PAGES : THEME HACKING */
/* fix for team page image size */

@media (max-width: 767px) {
    .vc_col-sm-3.wpb_column {
        width: 50%; 
    }
}

@media (max-width: 480px) {
    .vc_col-sm-3.wpb_column {
        width: 100%;
    }
}

.q_team .q_team_image {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin: 0;
}

.q_team .q_team_image img {
    position: absolute;
    width: 100%;
    height: 100%;

}

/* Hover "view bio" button */

.q_team_image:hover .bio_button {
	display: block;
}

.bio_button {
	margin-top: 75%;
	margin-left: 20%;
	margin-right: 20%;
	display: none;
}




/* Styles for modal (initially used for directory pages, Team Page and Meet Fellows */

.modal {
 	background-color: transparentize(black, .5);
 	display: none;
  	position: absolute;
    		top: 0;
    		right: 0;
    		bottom: 0;
    		left: 0;
  	z-index: 980;
	background: rgba(0, 0, 0, 0.75);
	display: none;
}

.modal.show {
	display: block;
	z-index: 1009;
}

.modal-body {
	max-height: calc(100% - 350px);
 	position: fixed;
    	top: 50%;
    	left: 50%;
    	right: auto;
    	bottom: auto;
 	transform: translate(-50%, -50%);
	z-index: 1000;
	width: 70%;
	background: white;
	padding: 20px;
	color: #303030;
    overflow: auto;
    overflow-y: scroll;
}

.modal-content p {
	margin-bottom: 10px;
}

.modal-title {
	font-size: 24px;
	text-align: right;
}


.q_team .q_team_description_inner {
	cursor: pointer;
	padding: 10px;
}

/* Remove hover transparency default theme function (not needed with bio modal modification)  */

.q_team .q_team_image:hover .q_team_description_wrapper {
    opacity: 0;
}

.q_team .q_team_image:hover .q_team_description_wrapper .bio_button {
	display: block;
}



/* Styled dropdowns for FacetWP */

.facetwp-type-dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-top: 10px; 
  font: inherit;
  font-size: 12px;
  line-height: 1.538461538461538em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.facetwp-type-dropdown select {
  background-color: #ffffff;
  border-color: black;
  padding: .5em;
  padding-right: 2.5em;	
  margin: 0;
  border-radius: 0px;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: button; /* hide default arrow in chrome OSX */
  font: inherit;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.538461538461538em;
  letter-spacing: 1px;
  font-weight: 600;

}

.facetwp-type-dropdown::before,
.facetwp-type-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.facetwp-type-dropdown::after { /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
}

.facetwp-type-dropdown::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

.facetwp-type-dropdown select[disabled] {
  color: rgba(0,0,0,.3);
}

.facetwp-type-dropdown select[disabled]::after {
  color: rgba(0,0,0,.1);
}

.facetwp-type-dropdown::before {
  background-color: rgba(0,0,0,.01);
}

.facetwp-type-dropdown::after {
  color: rgba(0,0,0,.4);
}


/* Styled autocomplete for FacetWP */

.facetwp-type-autocomplete {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px; 
  width: 90%;
  font-size: 12px;
  line-height: 1.538461538461538em;
  letter-spacing: 1px;
  font-weight: 600;
}

.facetwp-type-autocomplete input {
  background-color: #ffffff;
  border-color: black;
  padding: .5em;
  padding-right: .5em;	
  margin: 0;
  border-radius: 0px;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: button; /* hide default arrow in chrome OSX */
  font: inherit;
  font-size: 13px;
  line-height: 1.538461538461538em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  border-width: 1px;

}

.facetwp-type-autocomplete input[type="search"] {
  border-right: 0px;
  font: inherit;
  text-transform: uppercase;
}

.facetwp-type-autocomplete input[type="button"] {
  cursor: pointer;
  font: inherit;
  text-transform: uppercase;
  border-width: 1px;
}


.blog_small_image .post_image img {
  max-width: 300px;
  padding-left: 20%;
  padding-right: 20%;
}


/* Style fix for "read more" row on country pages */

.more_facts_inner {
  margin-top: 0px;
  padding-top: 0px;
}

.more_facts_button {
  padding: 20px 0px 10px 0px;
}


/* fixed small blog post loop */

.blog_holder.blog_small_image article .post_text .post_text_inner {
  padding: 10px 23px 35px 23px;
}

.blog_small_image .post_image img {
  padding-top: 10px;
}


/*Changing default layout of sidebar widget for full site navigation*/

.side_menu_slide_from_right .side_menu {
	text-align: left;
	padding: 5%, 30px, 30px, 70px;
}

/* Subtitle theme overides so we can use it for photo captions in header images */


@media (max-width: 1900px) {
	.title_subtitle_holder .subtitle {
		position: absolute;
		bottom: -130px;
	}
}

@media (max-width: 967px) {
	.title_subtitle_holder .subtitle {
		display: none;
         }
}

/* Widget navigation fixes, for when you want the whole nav in the footer */

.widget_nav_menu {
	font-size: .75em;
	padding: 0px 0px 0px 0px;

	.menu-item li {
	padding: 0px 0px 0px 0px;
}

.footer-top. widget_nav_menu ul li {
	padding: 0px 0px 0px 0px;
}



/* Styled overrides for Application Page (embedded Form Assembly) [NOT USED] */

.wFormContainer table td {
	text-align: left;
}