/*



Theme Name: Twenty Eleven



Theme URI: http://wordpress.org/extend/themes/twentyeleven



Author: the WordPress team



Author URI: http://wordpress.org/



Description: Immigrant Law Group. The 2017 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.



Version: 1.9



License: GNU General Public License



License URI: license.txt



Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready



*/







/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html



-------------------------------------------------------------- */



@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);



html {overflow-x:hidden;}



body{background-color:#fff; color:#727272; font-family: 'Source Sans Pro', sans-serif; font-size:14px;}



p { margin:10px 0; text-align:left; font-family: 'Source Sans Pro', sans-serif; font-size:14px; }



a { color: #3299BB;}



blockquote p {



	font-size: 13px;



    font-weight: normal;



    line-height: 15px;



}



.main{margin:0 auto; *zoom:1; width:99.99999998999999%; *width:99.94680850063828%;}



.body_left_shadow{/*background:url(images/bg_main_left_shadow.png) repeat-y left; padding-left:10px;*/}



.body_right_shadow{/*background:url(images/bg_main_right_shadow.png) repeat-y right; padding-right:10px;*/}



.bg_white{background-color:#FFFFFF;}







.header{min-height:165px; height:auto; background: #fff;}



.container-fluid{margin:0 auto; padding:0 70px; max-width:1000px; *zoom:1;}







.logo{float:left; padding-top:20px;}



.search_holder{



	width: 250px;



	float: right;



	padding: 20px 0 0 0;



	font-family: 'Source Sans Pro', sans-serif;



	color: #000;



	font-size: 14px;



	line-height: 20px;



	letter-spacing: 2px;



}



.search_holder input[type=text]{font-size:13px; font-family: 'Source Sans Pro', sans-serif; width:210px;}

span.hiring a {

  background: #871717 none repeat scroll 0 0;

  border-radius: 6px;

  color: #fff;

  display: none;

  font-size: 18px;

  font-weight: 100;

  margin-bottom: 10px;

  padding: 4px 10px;

  text-transform: uppercase;

}



.btn_search{position:relative; top:-4px; left:-4px;}







.navigation{/*text-align:center;*/ display:block; width:1000px; margin:auto;}



.navigation ul li:first-child{padding-left:0;}



.navigation ul{width:100%; margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; /*font-family:"Helvetica LT Condensed Light";*/ font-size:18px; color:#fff; text-transform:uppercase;}



.navigation ul li{ padding:0px 0px; display:inline;  text-align:center; list-style:none; font-family: 'Source Sans Pro', sans-serif; /*font-family:"Helvetica LT Condensed Light";*/ font-size:18px; color:#fff; }



.navigation ul li a{color:#3299bb; display: inline-block; padding: 23px 10px; text-decoration:none; font-family: 'Source Sans Pro', sans-serif; /*font-family:"Helvetica LT Condensed Light";*/ font-size:20px;   transition: background-color 1.0s ease; }



.navigation ul li a:hover{background:#3299bb; color:#fff; /*text-decoration:underline; */}



/*.navigation ul li:hover { border-bottom: 2px solid #FFDE3C;}*/



.navigation ul li.current-menu-item a, .navigation ul li.current-page-ancestor a{ border-bottom: 2px solid #FDDA38;}







.navigation_mobile{text-align:center; padding:5px 0px 15px 0px; background:#ececec; /*display:none;*/}



.navigation_mobile ul.nav li{float:left; color:#3299bb; width:46%; margin:0 5px;}



.navigation_mobile ul.nav li a{text-align:center; color:#3299bb; padding:3px; border:1px solid #3299bb; margin:1px;}



.navigation_mobile .nav > li > a:hover{background-color:#3299bb; color:#fff;}



.navigation_mobile .open .dropdown-menu{}



.navigation_mobile .open .dropdown-menu li{float:none; width:auto;}



.navigation_mobile .open .dropdown-menu li a{color:#000000; text-align:left; border:none;}



.navigation_mobile .open .dropdown-menu li a:hover{color:#FFFFFF; background-color:#000000;}



.navigation_mobile .caret{border-top:4px solid #FFFFFF;}







.main_content{width:100%;}







.banner_content{/*width:465px; float:left;*/ /*background:url(images/banner-bg.png) repeat-y #f9fbfa;*/border-bottom:10px solid #9e0b0f; margin-bottom:25px;}



.banner_content .title{color:#3299BB; font-family: 'Source Sans Pro', sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase;}











.inner_content{}



.inner_content .post {border-bottom: 1px solid #BDB8A4; padding:0 10px; clear:both;}



.inner_content p{ padding:8px 12px 15px 0px; }



.inner_content .title {



    float:left; background:url("images/heading.png") no-repeat scroll right top #25112C;



    color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; font-size:19px; font-weight:normal; margin:0 20px 0 0; padding:0px 46px 0px 15px; text-transform:uppercase;



}











.latestnews{/*width:493px; float:left;*/  /*overflow:visible;*/ }



.latestnews .post {clear: left;}



.latestnews p{ padding:0 12px 15px 0px; }



.latestnews .title{background:#3299bb; border-right:solid 6px #2a8aaa; color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; font-size:19px; font-weight:bold; margin:0 20px 0 0; padding:9px 46px 9px 15px; text-transform:uppercase; position:relative;}



.latestnews .title:before{border-bottom: 18px solid transparent;



    border-right: 15px solid #3299bb;



    border-top: 18px solid transparent;



    content: "";



    display: block;



    height: 0;



    position: absolute;



    right: 100%;



    top: 0;



    width: 0;}







.latestnews h1.title{padding:0 33px 0 10px; z-index: 999; position: relative;}



/*.video h1.title {background: url("images/heading-yellow.png") no-repeat scroll right top #25112C;}*/



.latestnews_content{width:100%; float:left;}



.latestnews_content .news_img{width:15%; float:left; display:none;}



.latestnews_content .news_text{ width:100%; float:left;}



.latestnews_content .news_text .text1{color:#223659; font-family: 'Source Sans Pro', sans-serif; font-weight:bold; font-size:12px;}



.latestnews_content .news_text .text2{color:#3c3b36; font-family: 'Source Sans Pro', sans-serif; padding:0 0 5px 0; font-size:20px;}



.latestnews_content .news_text .text2 a{color:#727272; font-weight:bold; line-height:25px;}



.latestnews_content .news_text .text3{}



.home .news_text .text3 a{ background: none repeat scroll 0 0 #aacbd6;



    color: #fff;



    display: inherit;



    font-weight: bold;



    margin-top: 10px;



    padding: 5px;



    text-align: center;



    text-decoration: none;



	-webkit-border-radius: 3px;



-moz-border-radius: 3px;



border-radius: 3px;



  transition: background-color 0.8s ease;}



  .home .news_text .text3 a:hover{ background:#3299bc;}







.latestnews_content .text3_mobile{display:none;}











/*** center content ***/



.center_links{ width:93%; min-height:500px; margin-left:30px;}



.center_links ul{margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; font-size:13px; font-style:italic; color:#fff;}



.center_links ul li{list-style:none; padding:0 0 2px 0; position:relative; }



.center_links ul li a:hover:before {border-right-color: #2d89a7;}



.center_links ul li a:before{  border-bottom: 18px solid transparent;



    border-right: 15px solid #3299bb;



    border-top: 18px solid transparent;



    content: "";



    display: block;



    height: 0;



    position: absolute;



    right: 100%;



    top: 0;



    width: 0;



    transition: border-color 0.8s ease;}



.center_links ul li a{display:block; background:#3299bb; text-transform:none; padding:9px 10px; color:#fff; text-decoration:none; transition: background-color 0.8s ease;}



.center_links ul li a:hover { background-color: #2d89a7; }



.center_links h3.more-title {



	/*border-bottom: 1px solid;*/



    color: #000;



    font-family: Arial;



	font-size: 16px;



    font-weight: bold;



	margin: 5px 0 5px 20px;



}



.center_links ul.article-list {



}



.center_links ul.article-list li {



    margin-bottom: 1px;	}



	



.center_links ul.article-list li:before {



	background:transparent;



	}



.center_links ul.article-list li a {



    color: #fff;



    font-family: 'Source Sans Pro', sans-serif;



    font-size: 13px;



    font-style: italic;



    margin-bottom: 0;



    min-height: 28px;



    padding: 8px 3px 0;



}



.blog .center_links ul.article-list li a {



	color: #000;



}



.center_links ul.article-list li a:hover {



}



.scroll-yes {



/*background: #FDDA38;*/



height: 700px;



overflow: auto;



}



.scroll-yes li {



	margin-left: 20px;



}











/*** sidebar content ***/



.sidebar{ /*width:175px; float:left;*/ width:16%; float:right;}



.widget_simpleimage{/*width:175px; float:left;*/ padding:0 0 10px 0 !important; /*margin-left:2.564102564% !important;*/ margin-bottom: 0 !important; background:none !important; border: none !important}



.sidebar_box{/*width:155px; float:left;*/ background:url(images/sidebar-box.png) repeat-x top #ffffff; border:1px solid #b7b7b7; padding:9px; margin-bottom:10px;}



.sidebar_box .img_holder{/*width:155px; float:left;*/ text-align:center; padding:0 0 10px 0;}



.sidebar_box .img_text{/*width:155px; float:left;*/}



.sidebar_box .img_text strong{font-family: 'Source Sans Pro', sans-serif; color:#444446; font-style:italic;}



.sidebar_box .img_text a{ font-size:12px; color:#223659; text-decoration:underline;}



.sidebar #mc_embed_signup label {



	padding-bottom: 0;



}



.sidebar #mc_embed_signup form {



	padding-bottom: 0; margin-bottom: 0;



}







/*** services content ***/



.services_holder1{ width:240px; float:left; padding:0 10px 0 0;}



.services_holder2{ width:240px; float:left;}



.services_box{width:238px; float:left; border:1px solid #b7b7b7; height:179px; background:url(images/services-box.png) repeat-x center bottom; padding:0 0 0px 0;}



.services_title {



	float:left; background:url("images/heading.png") no-repeat scroll right top #25112C;



    color:#FFFFFF; font-family: 'Source Sans Pro', sans-serif; font-size:18px; font-weight:normal; text-transform:uppercase; margin:0 20px 0 0; padding:8px 46px 8px 15px;



}



.services_text{width:218px; float:left; padding:5px 10px;}



.services_text img{float:left; padding:0 5px 5px 0;}



.services_text a{ color:#223659; text-decoration:underline;}











/*** footer content ***/



.footer{ padding:10px 71px; background:#aacbd6; font-size:11px; color:#22282a; line-height:20px; max-width:100%; text-align:center; text-transform:uppercase;}



.footer a{color:#fff; text-decoration:none; padding:0 5px;}



.footer p{text-align:center;}



.footer h2 {text-transform:uppercase;font-family: 'Source Sans Pro', sans-serif; font-weight:normal; color:#3198b9; font-size:18px; }



.footer_text1{text-align:center;}



.footer_text2{text-align:center;}







.margin_top_10px{margin-top:10px;}



.padding_bottom_10px{padding-bottom:10px;}



.txt_center{text-align:center;}







.smooth_slider{width:auto !important;}



.smooth_slider h2 a {



	color: #3D3C35;



}



.smooth_slider p.more a {



	color: #3299BB;



}



img.alignright {



    padding: 4px;



    margin: 0 0 2px 7px;



    display: inline;



    }



	







    img.alignleft {



    padding: 4px;



    margin: 0 7px 2px 0;



    display: inline;



    }







    .alignright {



    float: right;



    }







    .alignleft {



    float: left;



    }



.wp-paginate .title { background:none !important; display:none; color:#000; display:none; text-align:center; width:100%; border:none !important}



.wp-paginate .title:before {border:none!important;}







.paggination {clear:both; position:relative; text-align:center; padding-bottom:20px; padding-top:20px;}



.paggination .navigation{ width:100%}







.optional-footer {



	margin-top: 60px;



	padding: 10px 0;



	border-top: 1px solid #000;



}







.tubepress_container  {



	/*background: #FDDA38;*/



	margin-top: -40px;



}







.tubepress_thumbs {



	background: #fff;



	margin-bottom: 0;



}



.top {width:100%; background:#fff;}







.visible-desktop {



    background: none repeat scroll 0 0 #ececec;



	height:auto;



	  transition: all 0.5s ease;



}



.wp-paginate .page {border-radius: 50%;}



.wp-paginate .current {background:#3299bb; border:none;}



.wp-paginate a {border:none;}







#sticky.stick {



    position: fixed;



    top: 0;



    z-index: 3;



	width:100%;



	background:#fff;



	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.3);



	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.3);



	        box-shadow: 0 8px 6px -6px rgba(0,0,0,.3);



			border-bottom: solid 5px #319aba;



}







.wp-paginate .current {



    padding: 8px 12px;



}



.copyright {color:#fff; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; text-align:center; background:#87b1bf; padding: 10px 0px;}



.copyright a {color:#fff;}



.smooth_slideri a {



    font-family: 'Source Sans Pro', sans-serif; 



	font-weight:bold!important;



	color:#000!important;



}



.smooth_more a {



    background: #9d0b0e;



    line-height: 40px;



    margin-left: 0 !important;



    margin-top: 20px !important;



	margin-bottom:10px!important;



    padding: 10px;



	-moz-border-radius: 5px;



border-radius: 5px;



color:#fff!important;



text-decoration:none!important;



}







.smooth_slider span {



    display: inline;



    font-family: 'Source Sans Pro', sans-serif!important;



}







.smooth_slider p.smooth_more {



    display: list-item!important;



    margin: 0;



    font-family: 'Source Sans Pro', sans-serif!important;







}







.smooth_slider .smooth_next {background:url(images/right-arrow.jpg)!important; height:45px!important; width:45px!important; right:-15px!important; top:35% !important; }



.smooth_slider .smooth_prev {background:url(images/left-arrow.jpg)!important; height:45px!important; width:45px!important; left:-15px!important; top:35% !important; }











.wp-paginate .prev, .wp-paginate .next {



    background: none repeat scroll 0 0 #f1f1f1;



    border-radius: 5px;



    color: #8c8c8c;



}







.wp-paginate .prev, .wp-paginate .next {



    background: none repeat scroll 0 0 #f1f1f1;



    border-radius: 5px;



    color: #8c8c8c;



}







.slider_thumbnail.full.smooth_slider_thumbnail.smoothLeft {



    border: 3px solid #e6e6e6 !important;



    border-radius: 10px !important;



    max-height: 180px !important;



    width: 50% !important;



}







.blog .center_links ul.article-list li a {



    background: #f0f0f0; padding-left:10px;	



}



.blog .center_links ul.article-list li a:hover {



    background: #d4d4d4;



}



.blog .center_links ul.article-list li a:before {



    border: none;	



}



.blog .center_links {margin-left:0px; width:100%}



.wph-modal--message iframe {

	width: 100%;

	height: 352px !important;

}


/******************************Team Modal CSS**********************************/

/* -------------------------------- 

Main components 

-------------------------------- */
main {
  position: relative;
  z-index: 2;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
   background: #fafafa;

}
main.slide-out {
  /* the main element slides to the left when the author bio is visible */
  -webkit-transform: translateX(-270px);
  -moz-transform: translateX(-270px);
  -ms-transform: translateX(-270px);
  -o-transform: translateX(-270px);
  transform: translateX(-270px);
}
main.slide-out .cd-overlay {
  /* the overlay layer gets visible when the author bio slides in */
  display: block;
  -webkit-animation: cd-fade-in 0.3s;
  -moz-animation: cd-fade-in 0.3s;
  animation: cd-fade-in 0.3s;
}
@media only screen and (min-width: 768px) {
  main.slide-out {
    /* change in size of the author bio section */
    -webkit-transform: translateX(-600px);
    -moz-transform: translateX(-600px);
    -ms-transform: translateX(-600px);
    -o-transform: translateX(-600px);
    transform: translateX(-600px);
  }
}
@media only screen and (min-width: 1200px) {
  main.slide-out {
    -webkit-transform: translateX(-800px);
    -moz-transform: translateX(-800px);
    -ms-transform: translateX(-800px);
    -o-transform: translateX(-800px);
    transform: translateX(-800px);
  }
}

.cd-section {
  padding: 2em 0;
  text-align: center;
}
.cd-section .cd-container {
  /* this modifies the .cd-container default max-width */
  max-width: 768px;
  
}

.cd-container a {
	text-decoration: none!important;
}

.cd-section h2 {
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 1.25rem;
}
.cd-section p {
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .cd-section {
    padding: 4em;
  }
  .cd-section p {
    line-height: 1.6;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-section {
    padding: 6em;
  }
  .cd-section h2 {
    margin-bottom: 2em;
  }
  .cd-section p {
    line-height: 1.8;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

header {
  background: #f2ecbd;
}
header h1 {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: .4em;
  color: #3e380c;
}
header p {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #93861d;
}

.cd-placeholder-1 {
  background: #f25f5c;
  color: #fdeaea;
}

.cd-placeholder-2 {
  background: #FFF;
}

#cd-team {
	max-width: 1200px;
	margin: auto;
}

#cd-team .cd-container {
  max-width: 1200px;
  margin: auto;
}
.cd-container ul::after {
	content: '';
	display: block;
	clear: both;
}
#cd-team h2 {
  color: #1a2f2a;
}
#cd-team ul {
	padding: 0;
	margin: 0;
}
#cd-team li {
  margin-bottom: 2em;
  border-radius: 0.25em;
  box-shadow: 0 0 10px rgba(92, 75, 81, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  list-style:none;
}
.no-touch #cd-team li:hover {
  box-shadow: 0 0 10px rgba(92, 75, 81, 0.3);
}
.no-touch #cd-team li:hover .cd-img-overlay {
  opacity: 1;
}
#cd-team figure {
  position: relative;
  margin:0px;
  max-height:400px;
  overflow:hidden;
}
#cd-team img {
  display: block;
  width: 100%;
  border-radius: .25em .25em 0 0;
  max-width:100%;
}
#cd-team .cd-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 153, 187, 0.9);
  opacity: 0;
  border-radius: .25em .25em 0 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#cd-team .cd-img-overlay span {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #FFF;
  border:solid 1px #fff;
  padding:10px 15px;
  border-radius: 20px;
}
#cd-team .cd-member-info {
  height: 80px;
  background: #FFF;
  text-align: center;
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
  padding-top: 20px;
  border-radius: 0 0 .25em .25em;
}
#cd-team .cd-member-info span {
  display: block;
  font-family: "Droid Serif", serif;
  font-weight: normal;
  color: #999999;
  font-size: 14px;
  font-size: 1rem;
  margin-top: .5em;
}
@media only screen and (min-width: 768px) {
  #cd-team li {
    width: 31%;
    float: left;
    margin-right: 3.5%;
  }
  #cd-team li:nth-child(3n) {
    margin-right: 0;
  }
}

.cd-member-bio {
  position: fixed;
  top: 0;
  right: 0;
  width: 270px;
  height: 100%;
  overflow-y: auto;
  /* smooth scrolling on mobile phones and tablets */
  -webkit-overflow-scrolling: touch;
  background: #5c4b51;
  z-index: 3;
  /* this how we move the author bio section off the canvas */
  -webkit-transform: translateX(270px);
  -moz-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-member-bio.slide-in {
  /* the author bio section slides in when the user clicks on the team member picture */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-member-bio .cd-member-bio-pict {
  position: relative;
}
.cd-member-bio .cd-member-bio-pict::after {
  /* gradient at the bottom of the image - same color of the background of the section */
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-linear-gradient( bottom , #5c4b51, rgba(92, 75, 81, 0));
  background: linear-gradient(to top, #5c4b51, rgba(92, 75, 81, 0));
}
.no-cssgradients .cd-member-bio .cd-member-bio-pict::after {
  display: none;
}
.cd-member-bio img {
  width: 100%;
  display: block;
  position:absolute;
  opacity:.05;
}
.cd-member-bio .cd-bio-content {
  padding: 1em;
  color: #FFF;
}

.cd-member-bio .cd-bio-content h1 {
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
.cd-member-bio .cd-bio-content p {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 1em 0;
  line-height: 1.4;
  color: #d7cfd2;
  font-family: "Droid Sans", sans-serif;
  
}
@media only screen and (min-width: 768px) {
  .cd-member-bio {
    width: 600px;
    -webkit-transform: translateX(600px);
    -moz-transform: translateX(600px);
    -ms-transform: translateX(600px);
    -o-transform: translateX(600px);
    transform: translateX(600px);
  }
  .cd-member-bio .cd-bio-content {
    padding: 2em;
  }
  .cd-member-bio .cd-bio-content p {
    line-height: 1.6;
    margin: 2em 0;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-member-bio {
    width: 800px;
    -webkit-transform: translateX(800px);
    -moz-transform: translateX(800px);
    -ms-transform: translateX(800px);
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
  .cd-member-bio .cd-member-bio-pict::after {
    height: 150px;
  }
  .cd-member-bio .cd-bio-content {
    padding: 4em;
    /* we move the content up so the title is over the color gradient */
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
	margin: 6em 0em;
  }
  .cd-member-bio .cd-bio-content h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
  .cd-member-bio .cd-bio-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .no-cssgradients .cd-member-bio .cd-bio-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

.cd-member-bio-close {
  width: 32px;
  height: 32px;
  overflow: hidden;
  position: fixed;
  top: 10px;
  right: 10px;
  background: url("img/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 3;
  display: none;
}
.cd-member-bio-close.is-visible {
  display: block;
  -webkit-animation: cd-move-in 0.8s;
  -moz-animation: cd-move-in 0.8s;
  animation: cd-move-in 0.8s;
}
@media only screen and (min-width: 1200px) {
  .cd-member-bio-close {
    right: 20px;
    top: 20px;
  }
}

.cd-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  display: none;
}

/* -------------------------------- 

xkeyframes 

-------------------------------- */
@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes cd-move-in {
  0% {
    -webkit-transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-move-in {
  0% {
    -moz-transform: translateX(100px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-move-in {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}