/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */
 
 
/*------LOGO-------*/
 #block-block-1 {
    max-width: 345px;
}
#block-views-home-news-slideshow-block {
    min-height: 414px;
}
#block-views-success-stories-block .block-title {
	font-size: 30px;
}
/*---25 Years---*/
#block-block-53 {
    float: left;
	width: 250px;
}


/*--Social---*/
#block-block-55 {
	clear: none;
	float: left;
	margin: 2px 20px 0 35px;
}
#block-block-55 a {
	font-size: 13px;
}
/*---Locale---*/
/*#block-locale-language-content {
	margin-top: 35px;
}*/
#block-locale-language-content {
	margin-top: -46px;
	position: relative;
}
/*----Search-----*/
#block-block-56 {
    float: left;
    margin-bottom: 15px;
    margin-right: 0;
    margin-top: 32px;
    max-width: 51px;
}
#block-custom-search-blocks-1 #edit-actions {
    margin-top: -99px;
    margin-right: -6%;
    float: right;
}
div#block-custom-search-blocks-1 {
	margin-top: -10px;
	margin-right: 15px;
}
.front #region-header-first {
	 margin-top: -20px;
}
.view-success-stories .views-row {
	margin: 0px 15px 5px 16px !important;
}
#block-block-60 .content div {
	border:none;
    float: left;
    margin: 0 2px 2px 0;
    max-width: 348px;
    width: 100%;
}
/*-FOOTER-*/

#region-footer-first .block {
    margin-right: 150px;
}
@media (max-width:770px) {
	#region-footer-first .block {
		margin-right: 20px;
	}
}
#region-footer-first #block-block-4 {
	margin-right:0px !important;
}
.i18n-fr #region-footer-first #block-block-4 {
    margin-right: 0 !important;
    max-width: 300px;
}
.i18n-fr #region-footer-first .block {
    float: left;
    margin-right: 33px;
}
.i18n-fr #block-block-4 strong span {
    font-size: 13px;
}
.i18n-fr #block-block-4 .faq {
    margin: 0 0 29px;
}
/*.pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-last a {
	width: 50px;
	text-align: center;
	padding: 5px 0px;
}
*/
.views-field.views-field-field-speaker-image img {
	height: 106px;
	border-radius: 50%;
	width: auto !important;
	float: left;
	padding: 0px 2px;
}
#views_slideshow_cycle_teaser_section_testimonials-block {
	margin-bottom: -32px;
}
.view-executive-board .panel-panel, .page-key-acbf-documents .panel-panel {
width: 50% !important;
}
#block-block-77 {
	display: inline-block;
	width: 171px;
	position: relative;
	bottom: -59px;
	left: 15px;
}
#block-block-77::before {
	content: "";
	position: absolute;
	height: 51px;
	width: 100px;
	margin-left: -7px;
	border-left: 2px solid #000;
}



.vce-row {
	display: inline-block;
	padding: 13px;
	margin: 0 100px;
}
.page-node-1998 .title {
	background: rgba(157, 11, 14, 0.8) none repeat scroll 0 0;
	width: 200px;
	height: 75px;
	position: relative;
	top: -95px !important;
	color: #fff;
	text-align: center;
}
.page-node-1998 .position {
	position: relative;
	top: -169px !important;
	width: 152px !important;
	color: #fff !important;
	left: 24px !important;
	text-align: center;
}

.president p {
	margin: 0 auto !important;
}
.president .title {
	position: relative;
	top: -75px !important;
}
.president .position {
	position: relative;
	top: -123px !important;
	left: 2px !important;
}
.vice-positions {
	margin-bottom: -10em;
}
.page-node-1998 #page-title {
	margin-top: 109px !important;
}

.page-node-1998 #block-menu-block-4 {
	margin-top: -90px !important;
}
.page-node-1998 #page-title {
	background: none;
	text-align: left;
}
 .page-node-1998 h3 {
	position: relative;
	top: 41px !important;
}
.webform-container-inline label {
	display: block;
	margin-right: 1em;
}
#webform-client-form-4667 div {
    display: flex;
    flex-wrap: wrap;
    justify-content: ;
    justify-content: ;
}
#webform-client-form-4667 .webform-component {
    flex-basis: 45%;
    margin: ;
    padding: ;
    padding-right: 46px;
}
#webform-client-form-4667 .webform-component.webform-component-markup.webform-component--intro {
    flex-basis: 100%;
    justify-content: center;
}

/*bog*/
.the-outer-bog {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr 1fr 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "bog-one bog-two"
    "bog-three bog-four"
    "bog-five bog-six"
    "bog-seven bog-eight"
    ; 
}
.bog-1 { grid-area: bog-one; }
.bog-2 { grid-area: bog-two; }
.bog-3 { grid-area: bog-three; }
.bog-4 { grid-area: bog-four; }
.bog-5 { grid-area: bog-five; }
.bog-6 { grid-area: bog-six; }
.bog-7 { grid-area: bog-seven; }
.bog-8 { grid-area: bog-eight; }



.bog-1, .bog-2, .bog-3, .bog-4, .bog-5, .bog-6, .blog-7 {
	position: relative;
}
.the-bog-title {
	position: absolute;
	bottom:0px;
	background: rgba(255,255,255,.5);
	display: flex;
	width: 100%;
	height: 50px;
	align-items: center;
}
.the-bog-image {
	margin-bottom: -35px;
}
.the-bog-title a {
	font-size: 1.5em;
}

.the-bog-title a {
	color: #000 !important;
	padding: 5px 20px;
	line-height: 1;
}
/*
.bog-7 img {
	width: 100%;
	max-height: 398px;
	object-fit: cover;
}
*/
.bog-5 .the-bog-title, .bog-6 .the-bog-title {
	position: absolute;
	bottom: -34px;
	background: rgba(255,255,255,.5);
	display: flex;
	width: 100%;
	height: 50px;
	align-items: center;
}
.bog-8 {
	grid-area: bog-eight;
	position: relative;
	overflow: hidden !important;
	top: 34px;
}
.bog-8 .the-bog-title {
	position: absolute;
	bottom: -1px;
	background: rgba(255,255,255,.5);
	display: flex;
	width: 100%;
	height: 50px;
	align-items: center;
}
.not-front #page-title {
	font-size: 30px;
	font-weight: 400;
	color: #111;
	/* text-transform: capitalize; */
}