/*
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
*/

/* This section contains CSS written by Jim Lanpheer of
 * Blissins Technologies as part of a remodel of the home
 * page.
 */

/* This is the original social media icon block which has
 * been named and replaced because the icon colors suddenly
 * could not be configured.  This block is replace by
 * the block called: social-icon-container.
 */
.social-media-icons-orig {
	display: none;
}

/* Out of the blue, the social media icons began
 * to show dots before them when hovered over.
 * Couldn't explain the behavior change, but this
 * line of css fixes that problem.
 */
.wp-block-social-links li {
	list-style-type: none;
}

.social-icon-container {
	width: 120px;
	display: inline;
}
.social-icon-container img {
	height: 24px !important;
	width: 24px !important;
	margin: 15px 0;
}
.social-icon-column {
	width: 100px;
	margin: 0px;
}

.is-style-default {
	display: none !important;
}

/* Eddie asked for the topline menu items to be underlined on hover.
 * The code below does that.
 */
.menu a {
  position: relative;
  text-decoration: none;
}
.menu a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 100%;
  left: 0;
  background: #4091db;
  transition: transform 0.5s;
  transform: scaleX(0);
  transform-origin: left;
}
.menu a:hover::after {
  transform: scaleX(1);
}

.left {
	width: 15%;
}
.main_menu {
	text-align: center;
	width: 900px;
	max-width: 100%;
}
.header_bottom {
	width: 100%;
	max-width: 100%;
	margin: auto;
}
.mobile-btn-1 {
	color: #ffcc00;
	background-color: blue;
}
.gtranslate_wrapper {
	margin: -3px 15px 0 15px;
	overflow-y: hidden;
}

/* Sets width of gtranslate dropdown icon. */
.gt_switcher {
	width: 8rem !important;
}
/* Change this height if you add a language to this dropdown. */
.gt_option {
	overflow-y: hidden;
	height: 4rem !important;
}

#main-menu-navigation {
	width: 100%;
	border: 15px solid black;
}

.header-widget a  {
	color: #004b87!important;
}

/*  Eddie asked me to take this hover color out.
 *  Leaving the code in just in case you wish to do this in the future (recommended).
.header-widget a:hover {
	background-color: #ffcc00 !important;
}
*/

.menu-topline-menu-container {
	margin-top: 12px !important;
}

.header-right-widget {
	margin-top: 20px !important;
}

.header_top {
	background-color: white !important;
	height: 4rem !important;
}

.header_top a {
	color: #ffcc00;
}

.give-now-btn {
	padding: 0px 15px;
	margin: 20px 1rem 0px .5rem;
	border-radius: 0px;
}

/* Due to the hard-coded screen breakpoint of 1000px... */
@media (min-width:1000px) {
 .q_logo {
	display: none;
	}
}
	
.topline-div {
	display:flex;
  	align-items:center;
	height:5rem; 
	margin-left:2rem;
	margin-right: 0px;
	font-size:2rem;
	position: relative;
	width:100%;
}

.topline-menu-left {
	float: left;
}

.topline-menu-center {
	float: left;
}

.topline-menu-right {
	float: right;
}

.topline-nav {
	display: inline;
}

.social-nav {
	float: right;
}

.topline-menu-ul {
	list-style-type:none; 
	font-weight:400; 
	display:inline;
	float: right;
}

.topline-menu-ul li{
    display: inline;
}

.topline-menu-a {
	padding-right: .75rem;
}

#social-nav {
	float: right;
}

.social-nav-ul {
	margin-left: 1rem;
}

/* Set of logo and hamburger menu
 * sizes for mobile view.
 */
@media (max-width:768px) {
	.logo_wrapper {
		margin-top: 1em;
		width: 20%;
	}
	.mobile_menu_button {
		margin-top: .8em;
	}
	.q_logo img {
		height: 60% !important;
		margin-top: 1.5rem!important;
	}
}
 
/* Remove topline header from display when responsive
 * tablet view kicks in.
 */
@media only screen AND (max-width: 1000px) {
	.topline-div {
		display: none;
	}
	/* Sets hamburger icon size */
	.mobile_menu_button span {
		font-size: 2rem;
	}
}

/* Styling in this narrow pixel range is to ensure that the 
 * topline header doesn't bleed into the hero logo on the left.
 */
@media screen and (min-width: 1000px) AND (max-width: 1150px) {
	.header-widget {
		height: 4rem;
	}
	.size-full {
		margin-top: 0 !important;
	}
	.topline-logo {
		width: 12rem;
	}
	.topline-logo img {
		width: 100%;
		height: 3rem;
		margin-top: 15px;
	}
	.give-now-btn {
		margin-right: 15px;
		margin-left: 0;
	}
	.gtranslate_wrapper {
		margin-left: 10px;
		margin-right: 5px;
	}
}	
	
/* This sets the size of the hero logo image
 * on larger screen sizes.
 */
@media screen and (min-width: 1150px) {
	.topline-logo img {
		height: 50px;
 		margin-top: 10px; 
	}
	.wp-block-image {
		width: 18rem !important;
	}
}
/* End Jim Lanpheer css */


.elementor-widget-text-editor{
    font-family: 'Montserrat', sans-serif  !important;
    font-size:18px !important;
    font-weight:300 !important;
}

.content .container .container_inner.default_template_holder, .content .container .container_inner.page_container_inner {
    padding-top:20px !important;
}
.footer_top_holder {
    background-color: #004B87 !important;
}
.footer_bottom_holder {
    background-color: #00345E !important;
}
.qbutton {
    background-color: #004B87 !important;
    border: none !important;
}
.qbutton:hover {
    background-color: #eaaa00 !important;
    border: none !important;
}
#back_to_top > span {
    background-color:#eaaa00 !important;
    border-color:#eaaa00 !important;
}

.single .container, .blog .container{
    padding-top:70px !important;
}

.elementor-element-956f89b{
    display:none;
}
.donate-button {
    text-align:center;
}
.our-teammembers a {
    color:#EAAA00 !important;
    font-size: 24px;
    text-transform: uppercase;
}
.our-teammembers a:hover {
    color:#004B87 !important;
}
.our-teammembers h4 {
    text-align:center;
    
}
.our-teamp {
    text-align:center;
    color:#004B87;
    font-size: 14px;
    margin-top: 8px;
} 
.drop_down .narrow .second .inner ul li a {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.why-cristo-pageul ul { 
    line-height: 41px;
    color:#000;
    font-weight: 400;
    margin-left: 10px;
}
.why-cristo-pageul h4 { 
    color:#000;    
}
.why-cristo-pageul p { 
    color:#000;    
}
.inquiryform-outer{
    padding-top:60px;
    padding-bottom:60px;
}
.inquiryform-outer h3{
    text-align:center;
    margin-bottom:35px;
}
.inquiryform-outer .row-inquiryform{
    clear:both;
}
.inquiryform-outer .inquiryform-50colume{
    width: 49.5%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align:top;
    padding:0 15px 20px;
}
.inquiryform-outer .inquiryform-100colume{
    padding:10px 15px;
}
.inquiryform-outer h5{
    text-align:center;
    margin-bottom:40px;
}
.button-inner {
    background-color:#eaaa00;
    padding: 8px 22px;
    border-radius: 3px;
    color:#fff;
    display:inline-block;
    margin:10px auto;
}
.button-inner:hover {
    background-color:#004b87;
    color:#fff;
}

@media (max-width:1000px) {
    .header_top {display:none;}
	.mobile_menu {display: on;}
	/* Sets hamburger icon size */
	.mobile_menu_button span {
		font-size: 2rem;
	}
}
@media (max-width:768px) {
    .elementor-6 .elementor-element.elementor-element-cf82c69 > .elementor-element-populated {padding: 0 !important;}
}
@media (max-width:480px) {
    .footer_top, .footer_top.footer_top_full {padding-right: 20px; padding-left: 20px;}
    .footer_top, .footer_top.footer_top_full {padding-top: 40px; padding-bottom: 30px;}
    .footer_top .column_inner > div:not(.qode_separator_widget), .q_icon_list {margin: 0 !important;}
    .footer_bottom p, .footer_bottom_holder p {line-height:20px !important;}
    .footer_bottom_holder {padding: 20px !important;}
}