/*
Theme name: BFA Site
Description: Custom Theme
*/

/******* BFA Site WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
.widget_calendar { empty-cells: show; margin: 10px auto 0; }
.widget_calendar #next a { padding-right: 10px; text-align: right; }
.widget_calendar #prev a { padding-left: 10px; text-align: left; }
.widget_calendar a { display: block; }
.widget_calendar caption { text-align: center; width: 100%; }
.widget_calendar td,
.widget_calendar th { text-align: center; }
.widget_calendar td { padding: 4px 10px; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /BFA Site WordPress CSS *******/
* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: arial, helvetica, sans-serif;
    color: #2d2e2b;
    background: #fff;
    min-width: 900px;
}

h2 { padding: 0 0 25px; margin: 0 0 33px; border-bottom: 1px solid #e8e8e8;  font: 700 62px/64px "Titillium Web", arial, sans-serif; color:#646464; }
#gforms_confirmation_message,
h3 { padding: 0 0 15px; font: 33px/35px "Titillium Web", arial, sans-serif; color:#646464; }
h4 { padding: 0 0 12px; font: 24px/26px "Titillium Web", arial, sans-serif; color:#414042; }

p { padding: 15px 0 15px 0; font-size:14px; line-height:20px!important; }

a { color: #0000FF; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { max-width: 1200px; min-width: 900px; margin: 0 auto; }

/*
	Header
*/

#header { position:relative; height:169px;  margin: 0 0 40px; }
.head-img { position:absolute; overflow: hidden; top: 0; left: 0; width:100%; height: 170px; }
.head-img img { display:block; min-width: 100%; min-height: 100%; }
.head-img h2 {  -webkit-text-stroke: 1px #fff; position:absolute; top: 215px; left: 50%; width:970px; margin-left:-600px;  padding-bottom:0; border-bottom:0; font: 700 80px/88px "Titillium Web", arial, sans-serif; color:#fff; }
.head-img ul.slides { position:relative; overflow: hidden; font-size:0;  }
.head-img ul.slides li { float:left; display:inline; position:relative; }
.head-img ul.slides li img { display:block; height:auto;   }

.home .head-img,
.home #header { height: 547px;  }

.head-img ul.slides.animate li  {
	-webkit-filter: blur(0px);
    -webkit-animation: fadein linear 1.5s;
    -moz-animation: fadein linear 1.5s;
    animation: fadein linear 1.5s;
}

.head-img ul.slides.no-transition li{  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important; }

@-webkit-keyframes fadein {
   0% {
       -webkit-filter: opacity(0%) blur(10px);
   	}
  50% {
   -webkit-filter: opacity(100%)  blur(10px);
	}
 100% {
   -webkit-filter: opacity(100%) blur(0px);
	}
}
@-moz-keyframes fadein {
   0% {
		opacity: .1;
   	}
  50% {
		opacity: .5;
	}
 100% {
		opacity: 1;
	}
}
@-ms-keyframes fadein {
   0% {
		opacity: .1;
   	}
  50% {
		opacity: .5;
	}
 100% {
		opacity: 1;
	}
}
@keyframes fadein {
   0% {
		opacity: .1;
   	}
  50% {
		opacity: .5;
	}
 100% {
		opacity: 1;
	}
}

#logo  { position:relative; z-index: 2; width: 293px; padding: 17px 0 0; }
#logo a { display:block; height:128px; background: url(images/logo.png) no-repeat 0 0; }

.nav { position:relative; z-index: 2; margin: 26px 0 0; padding: 28px 25px 15px; background: url(images/nav-bg.png); font-size:0; border-radius: 4px; }
.nav ul li { display:inline-block; *display:inline; zoom:1; margin: 0 10px; font: 700 18px/22px "Titillium Web", arial, sans-serif; color:#fff; }
.nav ul li a { display:block; padding: 0 0 10px; border-bottom: 2px solid transparent;  color:#fff; letter-spacing: 1px;
	transition: all, .3s;
	-moz-transition: all, .3s;
	-webkit-transition: all, .3s;
	-o-transition: all, .3s;
 }
.nav ul li.current-menu-item a,
.nav ul li a:hover { border-color:#fff; text-decoration:none;  }

/*
	Footer
*/

#footer { clear: both; padding: 0 0 30px; text-align:center; }


.gray-line { position:relative; overflow: hidden; padding: 0 25px; /* margin: 0 0 22px; */ background: url(images/nav-bg.png); border-radius: 4px; }
.gray-line span { padding: 28px 0; font-size:15px; line-height:26px; color:#fff; letter-spacing: 1px; }

.foot-nav { padding: 28px 0 15px; font-size:0; border-radius: 4px; }
.foot-nav li { display:inline-block; *display:inline; zoom:1; margin: 0 15px; font: 700 20px/22px "Titillium Web", arial, sans-serif; color:#fff; }
.foot-nav li a { display:block; padding: 0 0 10px; border-bottom: 2px solid transparent;  color:#fff; letter-spacing: 1px;
	transition: all, .3s;
	-moz-transition: all, .3s;
	-webkit-transition: all, .3s;
	-o-transition: all, .3s;
 }
.foot-nav li.current-menu-item a,
.foot-nav li a:hover { border-color:#fff; text-decoration:none;  }

/*
	Content
*/

#content { padding: 0 0 75px; }

/*Main Content*/
.main-content { width:100%; } /* used to be: .main-content { width:72.08333333333333%; border-right:1px solid #e0e0e0;  } */
.main-content .inner { padding-right:50px; }

.row { position:relative; overflow: hidden; margin-bottom:43px;  }
.text-hold { overflow: hidden; padding: 65px 0 0 40px; }
.text-hold h2 { border-bottom:0;  padding: 0 0 30px; font: 700 55px/58px "Titillium Web", arial, sans-serif; color:#646464; line-height:52px; }
.text-hold p { padding: 0 0 30px; font-size:14px; line-height:24px; }
.text-hold a { font-size:14px; text-decoration:none; color:#646464;}
.text-hold a:hover { text-decoration:underline;}
.right-link { text-align:right; }
.right-link a { font: 29px/31px "Titillium Web", arial, sans-serif; color:#646464; }


ul.col-list { padding: 50px 0 35px; border-radius: 15px; text-align:center; font-size:0; background-color:#f1f2ee;   }
ul.col-list li { display:inline-block; *display:inline; zoom:1; vertical-align: top; width:26%; margin: 0 3%; text-align:left; }
ul.col-list li h4 { text-align:center;  }
ul.col-list li img { display:block;  margin: 0 auto 30px; }
ul.col-list li p { padding-bottom:0;  font-size:13px; line-height:22px; color:#2d2e2b; }

.row img.left { width:auto; height:auto; max-width: 40%; }

.post { position:relative; overflow: hidden; padding: 0 50px 42px 0; }
.post ~ .post { padding-top:42px;  border-top: 1px solid #e8e8e8; }
.post .featured-thumbnail { position:relative; margin-right:50px;  }
.post h2 { padding: 0 0 30px; border-bottom:0; margin-bottom:0;  font: 33px/35px "Titillium Web", arial, sans-serif; color: #414042; }
.post h2 a { color:#414042; }
.post .entry { overflow: hidden; }
.post .entry p { font-size:15px; line-height:15px;  }

.pagination ul { font-size:0;  }
.pagination span,
.pagination a { font: 24px/27px "Titillium Web", arial, sans-serif; color:#b3b3b3; display:inline; margin: 0 5px; }
.pagination a:hover,
.pagination span.current { color:#414042; text-decoration:none;  }

.gform_wrapper {  text-align: justify; }
.gform_wrapper .gfield { display:inline-block; *display:inline; zoom:1; width:48%;  vertical-align: top; margin: 0 0 35px; *margin-right:30px;  list-style: none; }
.gform_wrapper label { display:block; padding: 0 0 10px; font: 21px/24px "Titillium Web", arial, sans-serif; color:#646464; }
.gform_wrapper .medium { width:80%; /*height: 29px;*/ padding: 10px 5%; border: 1px solid #e8e8e8; border-radius: 4px; font: 21px/29px "Titillium Web", arial, sans-serif; color:#646464; }
.gform_wrapper input[type="text"].medium { margin-right: 28px; }
.gform_wrapper textarea.medium { width: 90%; height:271px; padding: 5px 5%; resize: none; font: 21px/24px "Titillium Web", arial, sans-serif; color:#646464; }
.gform_wrapper  .gfield-textarea { width:91%;  }
.gform_wrapper .gform_footer { text-align:right; *padding-right:40px;  }
.gform_wrapper .gform_footer input[type="submit"] { width: 128px; height:67px; background-color:#656760; border: 0; border-radius: 8px; cursor: pointer; color: #fff; text-transform: uppercase; font: 27px "Titillium Web", arial, sans-serif; color:#fff; margin-right: 10%; }
.gfield_error label { color: #F00; }
.gfield_required,
.validation_message,
.validation_error { display: none; }


.video_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.video_list li {
	display: table;
	float: left;
	margin-left: 5%;
	width: 47%;
	margin-bottom: 30px;
}

.video_list li:nth-child(2n+1) {
	margin-left: 0px;
	clear: both;
}

.video_list li .image {
	width: 100%;
	height: 282px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.video_list li .image a {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}

.video_list li .image i {
	position: absolute;
	width: 95px;
	height: 95px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url('images/icon_play.png');
	top: calc(50% - 42px);
	left: calc(50% - 42px);
}

.video_list li h2 {
	font-family: "Titillium Web";
	font-size: 30px;
	line-height: 30px;
	color: #646464;
	font-weight: normal;
	border-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 35px;
	padding-bottom: 21px;
}

.video_list li p {
	font-family: "Titillium Web";
	font-size: 14px;
	line-height: 20px;
	color: #343434;
	font-weight: normal;
}

/*
	Sidebar
*/

/* .sidebar { width: 22.33333333333333%;  } */

.widget { margin-bottom:35px;  list-style: none; }
.widget h2.widgettitle { font-size: 28px; line-height: 32px; }
.widget ul { margin-left: 30px; }

.widget .screen-reader-text { display: none; }
.widget_news ul { list-style: none; margin: 0px; }
.widget_news ul li { padding: 0 0 28px; }
.widget_news ul li .image-wrapper { position:relative; margin: 0 0 10px; max-width: 100%; }
.widget_news ul li .image-wrapper img { display:block; width:auto; height:auto; max-width: 100%; }
.widget_news ul li .image-wrapper p { position:absolute; top: 50%; left: 0; width:100%; margin-top:-40px;  font: 700 80px/80px "Titillium Web", arial, sans-serif; color:#fff; text-transform: uppercase; text-align:center; }
.widget_news ul li h2 a,
.widget_news ul li h2 { border-bottom:0; margin-bottom: 0; padding: 0 0 12px; font: 24px/26px "Titillium Web", arial, sans-serif; color:#414042; }
.widget_news ul li p { font-size:13px; line-height:21px; padding-bottom:0;  }

.gray-btn { display:block; padding: 33px 30px 33px 90px; background:#656760 url(images/pdf-icon.png) no-repeat 28px center; border-radius: 11px; font: 27px/30px "Titillium Web", arial, sans-serif; color:#fff; text-transform: uppercase; }
.gray-btn:hover { text-decoration:none;  }

.comments-wrapper ol.commentlist { list-style: none; margin: 10px 0 5px 0; padding: 0; }
.comments-wrapper ol.commentlist ul { list-style: none; margin: 10px 0 5px 0; padding: 0; list-style: none; }
.comments-wrapper ol.commentlist li { padding-left: 54px; background: none; }
.comments-wrapper ol.commentlist div.vcard { font: bold 14px Verdana; line-height: 20px; }
.comments-wrapper ol.commentlist div.vcard img { float: left; margin: 4px 6px 0 -54px; }
.comments-wrapper ol.commentlist div.commentmetadata { margin-bottom: 8px; }
.comments-wrapper ol.commentlist p { clear: both; padding: 5px 0 5px 0; margin: 0}
.comments-wrapper ol.commentlist div.reply { margin: 4px 0 16px; }

.comments-wrapper #respond { margin: 20px 0 5px 0;}
.comments-wrapper #respond #commentform label { width: 220px; margin: 4px 0; text-align: left; }
.comments-wrapper #respond #commentform input { width: 235px; margin: 3px 0; display: block; padding: 3px; }
.comments-wrapper #respond #commentform textarea { width: 450px; display: block; padding: 3px; }
.comments-wrapper #respond #commentform .form-allowed-tags { margin: 10px 0; }
.comments-wrapper #respond #commentform input#submit { display: block; width: auto; }
.comments-wrapper div.comment-reply { margin-bottom: 15px; font-weight: bold; }

@media screen and (max-width: 1400px){
	.head-img h2 { left: 20px; margin-left:0;  }
	.shell { padding: 0 10px; }

	.foot-nav { padding: 18px 0 12px; }
	.gray-line span { font-size:12px; line-height:18px; padding: 22px 0 0; }
	.foot-nav li { font-size:18px; line-height:18px;  }

	#logo { width: 220px; }
	#logo a { height:96px; background-size: 100% 100%; }


	.nav { padding: 23px 23px 14px; }
	.nav ul li { font-size:15px; line-height:20px; /* margin: 0 22px; */ }
	.nav ul li a { padding-bottom:5px;  }

	.head-img h2 { width:720px; top: 162px; font-size:60px; line-height:64px;  }
	.home .head-img, .home #header { height: 443px;  }
}

@media screen and (max-width: 1200px){
	.head-img h2 { left: 20px; margin-left:0;  }

	p { padding-bottom:25px;  font-size:13px; line-height:18px; }

	h2 { padding-bottom:15px; margin-bottom:25px;  font-size:46px; line-height:66px;  }
	h4 { font-size:18px; line-height:20px;  }

	.shell { padding: 0 10px; }

	.foot-nav { padding: 18px 0 12px; }
	.gray-line span { font-size:12px; line-height:18px; padding: 22px 0 0; }
	.foot-nav li { font-size:18px; line-height:18px;  }

	#logo { width: 220px; }
	#logo a { height:96px; background-size: 100% 100%; }


	.nav { padding: 13px 13px 7px; }
	.nav ul li { font-size:15px; line-height:20px; margin: 0 10px; }
	.nav ul li a { padding-bottom:5px;  }

	.head-img h2 { width:720px; top: 162px; font-size:60px; line-height:64px;  }
	.home .head-img, .home #header { height: 443px;  }

	#content { padding-bottom:40px;  }

	.text-hold h2 { padding-bottom:30px; margin-bottom:0;  font-size:41px; line-height:50px;  }
	.text-hold p { font-size:10px; line-height:18px;  }
	.right-link a { font-size: 21px; line-height:23px;  }

	.post h2 { padding-bottom:20px;  font-size:24px; line-height:27px;  }
	.post .entry p { font-size:11px; line-height:21px;  }
	.post .featured-thumbnail { max-width: 30%; }
	.post .featured-thumbnail img { width:auto; height:auto; max-width: 100%; }

	#gforms_confirmation_message, h3 { padding-bottom:10px;  font-size:24px; line-height:28px;  }
	.gform_wrapper .gfield { margin-bottom:24px; }
	.gform_wrapper label { padding-bottom: 5px; font-size:15px;  line-height:17px;  }
	.gform_wrapper .gform_footer input[type="submit"] { width:95px; height:51px; font-size:20px;  }

	ul.col-list li img { width: auto; height:auto; max-width: 100%; max-height: 145px; }

	ul.col-list li p { font-size:10px; line-height:16px;  }
	.widget_news ul li h2 a, .widget_news ul li h2 { font-size:18px; line-height:20px;  }
	.widget_news ul li p { font-size:10px; line-height:15px;  }

	.gray-btn { font-size:20px; line-height:23px; background-size: 35px 47px; padding: 23px 0 23px 70px;   }

footer .shell img { width: 100%;}
}


@media screen and (max-width: 768px){

	.video_list li {
		float: none;
		margin-left: 0px;
		width: 90vw;
	}
}