/************

  This CSS covers CMS-wide block types and options. It's licensed exclusively for use on lraaen.com



************/

/* JUST IN CASE THESE AREN'T DEFINED IN SITE.CSS */
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.page_frame {
  margin: 0px auto;
  max-width: 1000px;
  position: relative;
}

/* BLOCK DEFAULTS */
.block_container{
	position:relative;
}
.block {
  padding-bottom: 1em;
  padding-top: 1em;
  position: relative;
}

/* BLOCK ADMIN */
.block__bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block.ajax-loading .block__bg-img {
  background-color: #000 !important;
  background-image: url('spin.gif') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 60px auto !important;
  opacity: 0.5 !important;
  z-index: 9999 !important;
}
.block_container_loggedin{
	min-height: 69px;
}
.blockcontrols {
  background-color:#eee;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	padding:0px;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;   
	color:#666;
	z-index:999;
	max-height:800px;
	box-shadow:inset  0  10px 10px -10px #888,inset  0 -10px 10px -10px #888;
	transition: all 0.7s ease;
	overflow:hidden;
}
.blockcontrols_closed{
	max-height:0px;
	box-shadow:none;
	/*transition: max-height .5s;*/
	transition: all 0.7s ease;
}
.blockcontrols p {
  font-size:13px !important; 
  color:#666 !important; 
  margin-bottom:6px !important;
  margin-top:4px !important;
}
.blockcontrols-wrapper {
  margin: 0 auto;
  max-width: 1100px;
  padding: 20px 100px 14px;
  width: auto !important;
}
.blockcontrols__drag-handle {
  background-color:#555;
  background-image: -webkit-radial-gradient(#ddd 15%, transparent 16%), -webkit-radial-gradient(#ddd 15%, transparent 16%);
  background-image: radial-gradient(#ddd 15%, transparent 16%),
  radial-gradient(#ddd 15%, transparent 16%);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
  border-bottom: 4px solid black;
  bottom: 0;
  cursor: move;
  display: block !important;
  left: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
  width: 42px;
  z-index: 2;
}
.blockcontrols__move-controls-wrap {
  bottom: 9px;
  display: inline-block;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.blockcontrols__move-down,
.blockcontrols__move-up {
  background-size: contain;
  cursor: pointer;
  position: relative;
  width: 23px;
  height: 14px;  
}
.blockcontrols__move-down {
	background-image:  url("../../images/bizango/block-icons/arrow-down@2x.png");
  bottom: -2px;
}
.blockcontrols__move-up {
	background-image:  url("../../images/bizango/block-icons/arrow-up@2x.png");
  top: -3px;
}
.blockcontrols__delete-wrap {
  display: block !important;  
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;   
  position: absolute;
  right: 16px;
  top: 8px;
  z-index: 999;
}
.blockcontrols__delete-icon {
  background: #000;
  border-radius: 50%;
  box-shadow: #eee 0 0 0 2px;
  color: #eee;
  cursor: pointer;
  font-size: 19px;
  font-weight: bold;
  height: 24px;
  line-height: 1;
  position: relative;
  text-align: center;
  width: 24px;
}
.blockcontrols__confirm-delete {
  background-color: #eee;
  border-radius: 3px;  
  box-sizing: border-box;
  height: 24px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 9px; 
  width: 0;
  padding: 2px 0 2px 2px;
  line-height: 20px;
}
.blockcontrols__confirm-delete span {
  color: #000;
  font-size: 12px;
  float: left;
  padding: 0 4px;
  display: inline-block;
}
.blockcontrols__cancel-delete,
.blockcontrols__really-delete {
  color: #fff; 
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 12px;
  line-height: 1;
  padding: 4px 10px;
}
.blockcontrols__cancel-delete {
  background: #555;
  margin: 0 3px;
}
.blockcontrols__really-delete {
  background: #a53b1f;
}
.block_container.dragging .block_container__bg-img {
  background-color: pink !important;
  display: block !important;
  left: 42px;
  opacity: 0.5 !important;
  z-index: 998 !important; /* just below the gear */
}
.gear { 
	background-image:  url("../../images/bizango/block-icons/gear@2x.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	cursor: pointer;
  height: 31px;
	left: 6px;
	position: absolute;
	top: 4px;
	-webkit-transition: -webkit-transform 0.7s ease;
	        transition: transform 0.7s ease;
  width: 31px;
	z-index:999;
}
.blockcontrols_gear_closed{
	-webkit-transition: -webkit-transform 0.7s ease;
	        transition: transform 0.7s ease;
	-webkit-transform: rotate(-30deg);
	    -ms-transform: rotate(-30deg);
	        transform: rotate(-30deg)
}

/* block type */
.select-block-type-container,
.select-block-type-group > div,
.select-block-type-title,
.block-option-selector-container,
.block-option-container {
  display: inline-block;
}
.select-block-type-container,
.select-block-type-group > div,
.select-block-type-title {
  vertical-align: middle;
}
.select-block-type-group {
  margin-right: 120px;
}
.select-block-type-title {
  margin-right: 10px;
}
.select-block-type-group .block-options__button {
  vertical-align: middle;
}
.select-block-type-group .block-options__button label {
  background-color: #eee;
  border-radius: 3px;
}
.select-block-type-group .block-options__button.button__text label {
  border: 1px solid #b6b6b6;
  color: #b6b6b6;
  font-size: 13px;
}
.select-block-type-group .block-options__button input:checked + label,
.select-block-type-group .block-options__button:hover label {
  background-color: #eee;
}
.select-block-type-group .block-options__button.button__text input:checked + label,
.select-block-type-group .block-options__button.button__text:hover label {
  border: 1px solid #1d61ad;
  color: #1d61ad;
}

/* block options */
.block-option-selector-container {
  vertical-align: bottom; /* to prevent floating triangles */
}
.block-option-selector-container .block-options__button label {
  color: #7b7b7b;
  font-size: 13px;
}
.block-option-selector-container .block-options__button label,
.block-option-selector-container .block-options__button input:checked + label {
  background-color: #eee;
}
.block-option-selector-container .block-options__button:hover label, .block-option-selector-container .block-options__button input:checked + label {
  color: #1d61ad;
}
.block-option-selector-container .block-options__button input:checked + label:after {
  border-color: transparent transparent #ddd transparent;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  bottom: -15px;
  left: 50%;
  content: '';
  height: 0;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
}
.block-options-wrapper {
  background-color: #ddd;
	box-shadow: inset 0 -10px 10px -10px #888;
	text-align: center;
}
.block-options-wrapper .blockcontrols-wrapper {
  padding-bottom: 0;
  padding-top: 0;
}
.block-option-container {
  margin: 24px 40px 10px 0;
  vertical-align: bottom;
}
.block-option-button-group {
  border-radius: 3px;
  display: inline-block;
  overflow: hidden;
}
.block-options__button {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.block-options__button label {
  background-color: #b6b6b6;
  color: #6b6b6b;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  padding: 0.5em 10px;
  position: relative;
  z-index: 1;
}
.block-option-container .block-options__button label {
  box-sizing: border-box;
  height: 45px;
  padding: 15px;
}
.block-option-container .block-options__button:first-child label {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.block-option-container .block-options__button:last-child label {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.block-options__button input {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.block-options__button.button__image label img {
  width: 50%; /* for block type icons, they're @2x by default */
}
.block-option-container .block-option-button-group {
  max-height: 45px;
}
.block-option-container .block-options__button.button__image label img {
  width: 43px; /* for block option icons, they're @2x by default and they get pushed around according to their off/on state */
}
.block-options__button input:checked + label {
  background-color: #fff;
  color: #3b3b3b;
}
.block-option-container .block-options__button label {
  box-shadow: inset -1px -1px 0 1px #888;
}
.block-option-container .block-options__button input:checked + label {
  box-shadow: inset 1px 1px 0 1px #d0d0d0;
}
.block-option-container .block-options__button.button__image label,
.block-option-container .block-options__button.button__text label[class^='background-color__'] {
  box-sizing: border-box;
  overflow: hidden;
  width: 45px;
  padding: 0 0 2px 0;
}
.block-option-container .block-options__button.button__text label[class^='background-color__'] {
  color: transparent;
}
.block-option-container .block-options__button.button__image input:checked + label {
  padding-top: 2px; /* so image shifts with on state */
  padding-bottom: 0;
  text-align: right;
}
.block-option-container .bizango_image_controls {
  background-position: 5px 10px;
  margin-bottom: 3px;
  padding-bottom: 11px;
  padding-top: 10px;
}
.block-options__button.button__image.swap-image__true label {
  border: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.block-options__button.button__image.swap-image__true label img.placeholder {
  visibility: hidden;
}
.block-options__button.button__image.swap-image__true label img:not(.placeholder) {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.block-options__button.button__image.swap-image__true label img.active-state {
  opacity: 0;  
  transition: opacity 0.2s ease;
}
.block-options__button.button__image.swap-image__true input:checked + label img,
.block-options__button.button__image.swap-image__true:hover label img.active-state {
  opacity: 1;
}

/* add block */
.add-block-container {
  border-radius: 42px;
  box-sizing: border-box;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;   
  height: 84px;
  margin: 120px auto;
  max-width: 1000px;
  text-align: center;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.add-block-container.initial-state {
  background-color: rgba(238,238,238,0.33);
  border: dashed 5px rgba(175,175,175,0.33);
}
.add-block-container.initial-state:hover {
  background-color: rgba(238,238,238,1);
  border: dashed 5px rgba(175,175,175,1);
}
.add-block-container.block-category-state {
  background-color: rgba(238,238,238,1);
  box-shadow: inset 0 0 10px 0 #666;
  padding: 18px 0;
}
.add-block-group {
  text-align: center;
}
.add-block-group button {
  background: none;
  background-position: top center;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
 	font-size: 13px;
  margin-right: 20px;
  min-width: 58px;
  padding: 0;
  text-align: center;
}
.add-block-group .add-block-button__content {
  background-image: url("../../images/bizango/block-icons/category-content-active@2x.png");
  background-size: 27px;
}
.add-block-group .add-block-button__content img {
  width: 27px;
}
.add-block-group .add-block-button__gallery {
  background-image: url("../../images/bizango/block-icons/category-gallery-active@2x.png");
  background-size: 38px;
}
.add-block-group .add-block-button__gallery img {
  width: 38px;
}
.add-block-group .add-block-button__hero {
  background-image: url("../../images/bizango/block-icons/category-hero-active@2x.png");
  background-size: 30px;
}
.add-block-group .add-block-button__hero img {
  width: 30px;
}
.add-block-group .add-block-button__form {
  background-image: url("../../images/bizango/block-icons/category-form-active@2x.png");
  background-size: 26px;
}
.add-block-group .add-block-button__form img {
  width: 26px;
}
.add-block-group .add-block-button__subpages {
  background-image: url("../../images/bizango/block-icons/category-subpages-active@2x.png");
  background-size: 24px;
}
.add-block-group .add-block-button__subpages img {
  width: 24px;
}
.add-block-group .add-block-button__video {
  background-image: url("../../images/bizango/block-icons/category-video-active@2x.png");
  background-size: 27px;
}
.add-block-group .add-block-button__video img {
  width: 27px;
}
.add-block-group .add-block-button__special {
  background-image: url("../../images/bizango/block-icons/category-special-active@2x.png");
  background-size: 26px;
}
.add-block-group .add-block-button__special img {
  width: 26px;
}
.add-block-group button:hover img,
.add-block-group button:active img,
.add-block-group button:focus img {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.add-block-button-wrapper {
  color: #000;
  cursor: pointer;
  padding: 10px 0;
}  
.add-block-button {
  background-color: #1d61ad;
  background-image: url("../../images/bizango/block-icons/add-block-button-icon@2x.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 55px;
  margin-right: 16px;
  vertical-align: middle;
  width: 55px;
}

/* COMMON ELEMENT DEFAULTS */
.element__bg-image {
  display: none;
  /* if you don't want to add the background image controls 
     in the block options, undo this in your site stylesheet */
}
.element__image img {
  max-width: 100%;
}
.block .content_image_caption {
  display: none;
}
.block .cropped-image {
  display: none;
}
.cropped-image__responsive-wrap {
  height: 0;
  min-height: 0;
  padding-bottom: 75%; /* assumes 4:3 aspect ratio for images */
  position: relative;
}
.cropped-image__bg-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.element__slot-content {
  margin-bottom: 1em;
  position: relative;
}
.element__text > *:first-child > p:first-child {
  margin-top: 0;
}

/* STRUCTURE */
/* these classes are all defined in config.yml */
.content_narrow-75 .all-cols-wrap {
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

@media only screen and (min-width: 660px){

  .col\@tablet {
    width: 47.5%;
  }
  .col-left\@tablet {
    float: left;
    margin-right: 5%;
  }
  .col-right\@tablet {
    float: right;
  }
  .clear\@tablet {
    clear: both;
  }
}
@media only screen and (min-width: 990px){

  .clear\@tablet {
    clear: none;
  }
  .clear\@desktop {
    clear: both;
  }
  .col-left\@desktop {
    float: left;
    margin-right: 5%;
  }
  .col-right\@desktop {
    float: right;
  }

  /* 3/4-column blocks */
  .block.columns__3 .col-left\@desktop,
  .block.columns__3 .col-right\@desktop {
    width: 30%;
  }
  .block.columns__4 .col-left\@desktop {
    margin-right: 4%;
  }
  .block.columns__4 .col-left\@desktop,
  .block.columns__4 .col-right\@desktop {
    width: 22%;
  }
}

/* OPTIONS */
/* applicable to all blocks */
.background-color__black {
  background-color: #000;
}
.background-color__transparent {
  background-color: transparent;
}
.background-color__white {
  background-color: #fff;
}
.background-position__bottom .block__bg-img {
  background-position-y: bottom;
}
.background-position__center .block__bg-img {
  background-position-y: center;
}
.background-position__top .block__bg-img {
  background-position-y: top;
}
.captions__no .content_image_caption {
  display: none;
}
.captions__yes .content_image_caption {
  display: block;
}
.full-bleed__yes > .page_frame {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.full-bleed__yes.block__admin-view > .page_frame {
  padding-left: 42px;
}
.padding-bottom__normal {
  padding-bottom: 1em;
}
.padding-top__normal {
  padding-top: 1em;
}
.padding-bottom__none {
  padding-bottom: 0;
}
.padding-top__none {
  padding-top: 0;
}
.padding-bottom__more,
.padding-bottom__x2 {
  padding-bottom: 2em;
}
.padding-top__more,
.padding-top__x2 {
  padding-top: 2em;
}
.padding-bottom__x3 {
  padding-bottom: 3em;
}
.padding-top__x3 {
  padding-top: 3em;
}
.padding-bottom__x4 {
  padding-bottom: 4em;
}
.padding-top__x4 {
  padding-top: 4em;
}
.padding-bottom__x10 {
  padding-bottom: 10em;
}
.padding-top__x10 {
  padding-top: 10em;
}
.parallax__yes {
  background-color: transparent !important;
}
.parallax__yes .block__bg-img {
  background-image: none !important;
}
.text-position__center .all-cols-wrap {
  margin-left: auto;
  margin-right: auto;
}
.text-position__left .all-cols-wrap {
  margin-left: 0;
}
.text-position__right .all-cols-wrap {
  margin-right: 0;
}
.theme__dark,
.theme__dark .block__bg-img {
  background-color: #000; 
}
.theme__light,
.theme__light .block__bg-img {
  background-color: #fff; 
}
.theme__dark .block__bg-img,
.theme__light .block__bg-img {
  opacity: 0.5;
}
.theme__dark .bizango_cms_content,
.theme__dark .bizango_cms_content * {
  color: #fff;
}
.theme__light .bizango_cms_content,
.theme__light .bizango_cms_content * {
  color: #000;
}
.crop-photos__yes .cropped-image {
  display: block !important;
}
.crop-photos__yes .cropped-image + img {
  display: none !important;
}

.center_columns__yes{
	text-align:center !important;
}
.center_columns__yes img.illustration{
	margin:0px auto 20px;
}

/* slider elements */
.element__slider .slick-slide img {
  margin-left: auto;
  margin-right: auto;
}
.element__slider .content_image_caption {
  text-align: center;
}
.element__slider .slick-initialized .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.full-bleed__yes .element__slider .slick-next,
.full-bleed__yes .element__slider .slick-prev {
  z-index: 1;
}
.show-thumbs__yes .element__slider .slick-dots li {
  height: auto;
  width: auto;
}
.show-thumbs__yes .element__slider .slick-dots li button {
  background-repeat: no-repeat;
  background-size: cover;
}
.show-thumbs__yes .element__slider .slick-dots li button:before {
  content: '';
}
.slick-slider [contenteditable] {
  /* safari bug fix */
  -webkit-user-select: text;
  user-select: text;
}
/*
  EXAMPLE CODE FOR INCREASING SIZE OF THUMBNAILS
  Assumes max. 10 images to fit thumbs in single row with 5% padding on page.
  Might also require increasing bottom padding of slider or slider block
*/
/* 
@media only screen and (min-width: 667px){
  
  .show-thumbs__yes .slick-dots {
    bottom: -50px;  
  }
  .show-thumbs__yes .slick-dots li button {
    height: 50px;
    width: 50px;
  }
}
*/

/* grid elements */
.element__grid .grid-item {
  margin-bottom: 2.5em;
}
.element__grid .grid-item {
  display: inline-block;
  vertical-align: top;
}
.element__grid .grid-item img {
  max-width: 100%;
}
/* TODO: put these in media queries */
.element__grid .grid-columns-2 .grid-item,
.element__grid .grid-columns-3 .grid-item {
  margin-right: 5%;
}
.element__grid .grid-columns-2 .grid-item {
  width: 47.5%;
}
.element__grid .grid-columns-3 .grid-item {
  width: 30%;
}
.element__grid .grid-columns-4 .grid-item {
  margin-right: 4%;
  width: 22%;
}
.element__grid .grid-item.mod-item-0 {
  margin-right: 0 !important;
}

/* form elements */
.element__form form {
  max-width: 500px;
}
.element__form .form-field {
  margin-bottom: 1em;
}
.element__form .form-field label {
  display: block;
}
.element__form .form-field input,
.element__form .form-field textarea {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
}
.element__form .form-field button[type=submit] {
  padding: 10px 20px;
  width: auto;
}
.element__form .form-field textarea {
  min-height: 100px;
}
.element__form .form-field:not(.form-field__submit) input,
.element__form .form-field textarea {
  border: 1px solid #ddd;
}

/* category/topics element */
.element__categories .topics-header {
  display: none;
}

/* share_this element */
.element__share_this .widget_sharethis {
  padding: 0;
}

/* videoinclude element */
.element__videoinclude .video{padding-top: 30px;margin-bottom: 136px;background-color: #f7f7f7;}
.element__videoinclude .video_frame{background-size: cover;position: relative;width: 78%;margin: 40px auto 39px;height: 422px;background-color: black;}
.element__videoinclude .youtubebutton{
	position: absolute;
	width: 108px;
	height: 108px;
	top: 17px;bottom: 0;left: 0;right: 0;margin: auto;
	background: url("../../images/sites/youtubebutton.png");
}
.element__videoinclude .youtubebutton_block {
    position: absolute;
    width: 108px;
    height: 108px;
    top: 17px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url("../../images/sites/youtubebutton.png");
    cursor: pointer;
}
.element__videoinclude .video_frame_block {
    background-size: cover;
    background-position:50% 50%;
    position: relative;
    width: 78%;
    margin: 40px auto 39px;
    min-height: 422px;
    background-color: black;
}


/* 2-column big left/right block */
@media only screen and (min-width: 660px){

  .block_type__2-column-bigleft .col-left\@tablet,
  .block_type__2-column-bigright .col-right\@tablet {
    width: 61%;
  }
  .block_type__2-column-bigleft .col-right\@tablet,
  .block_type__2-column-bigright .col-left\@tablet {
    width: 34%;
  }
}

/* masonry block */
.block_type__masonry .grid-item img {
  display: block;
  width: 100%;
}
.block_type__masonry .grid-item .bizango_image_caption {
  background-color: #ddd;
  padding: 1em 1em 1.4em;
}
.block_type__masonry .grid-item .bizango_image_caption p:first-child {
  margin-top: 0;
}
.block_type__masonry .grid-item .bizango_image_caption p:last-child {
  margin-bottom: 0;
}
@supports ((-webkit-columns: 2) or (-moz-columns: 2) or (columns: 2)){
  /* fails to grid view if browser doesn't support columns */
  
  .block_type__masonry .element__grid .grid-columns-4 {
    -webkit-columns: 4;
       -moz-columns: 4;
            columns: 4;
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
  }
  .block_type__masonry .element__grid .grid-item {
    width: 100%;
    margin-bottom: 1em; /* equal to column gutters */
    margin-right: 0;
  }  
}

/* subpage preview block */
/* assumes image is first element in markup */
.block_type__subpage-previews .element__slot-content .element-0 {
  float: left;
  margin-right: 5%;
  width: 34%;
}
.block_type__subpage-previews.show-images__no .element__slot-content .element-0 {
  display: none;
}
.block_type__subpage-previews .element__slot-content .cropped-image {
  display: block !important;
}
.block_type__subpage-previews .element__slot-content .cropped-image + img {
  display: none !important;
}
.block_type__subpage-previews.crop-photos__no .element__slot-content .cropped-image {
  display: none !important;
}
.block_type__subpage-previews.crop-photos__no .element__slot-content .cropped-image + img {
  display: block !important;
}

/* bookshelf block */
.block_type__bookshelf.block__admin-view .element__slot-content .grid-item {
  position: relative;
}
.block_type__bookshelf.block__admin-view .element__slot-content .grid-item .element__image .bizango_image_controls {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.block_type__bookshelf.block__admin-view .element__slot-content .grid-item .element__text-link {
  display: none;
}
.block_type__bookshelf.block__admin-view .element__slot-content .grid-item .element__text-link a {
  background-color: white;
  padding: 0.2em 0.5em;
}  
.block_type__bookshelf .element__slot-content .bizango_content_title {
  display: none;
}
/* in order for bookshelf to be accurately placed, book cover needs to have
   a consistent aspect ratio */
.block_type__bookshelf .element__slot-content .cropped-image__responsive-wrap {
  padding-bottom: 160%; /* assumes 8:5 aspect ratio for book covers... */
}
.block_type__bookshelf .element__slot-content .cropped-image__bg-img {
  background-position: center bottom;
  background-size: contain; /* but will wholly contain covers of any ratio */
}    
.block_type__bookshelf.show-bookshelf__yes .element__slot-content .cropped-image {
  display: block !important;
}
.block_type__bookshelf.show-bookshelf__yes .element__slot-content .cropped-image + img {
  display: none !important;
}   
.block_type__bookshelf.show-titles__yes .element__slot-content .bizango_content_title {
  display: block;
}

@media only screen and (min-width: 990px){
  /* bookshelf graphic is sized for no titles and a 42px bottom margin. 
     change those things, change the graphic. */
  .block_type__bookshelf.show-bookshelf__yes .element__slot-content .grid-item {
    margin-bottom: 42px;
  }
  .block_type__bookshelf.show-bookshelf__yes .element__slot-content .element__grid {
    background-image: url("../../images/bookshelf-for-blocks.png");
    background-repeat: repeat-y;
    background-size: contain;
    padding-left: 5%;
    padding-right: 5%;
  }
  .block_type__bookshelf.show-bookshelf__yes .element__slot-content .grid-item {
    margin-right: 6%;
    width: 20.5%;
  }
}

/* subpage list block */
.block_type__subpage-list .element__slot {
  list-style-type: disc;
}
.block_type__subpage-list .element__slot-content {
  display: list-item;
  list-style-position: inside;
}
.block_type__subpage-list .element__slot-content > * {
  display: inline-block;
}
.block_type__subpage-list .element__slot-content.group:before,
.block_type__subpage-list .element__slot-content.group:after {
  /* fixes excess space above and below list item */
  content: none;
}
@supports ((-webkit-columns: 2) or (-moz-columns: 2) or (columns: 2)){
  /* fails to 1 column if browser doesn't support columns */
  
  .block_type__subpage-list.columns__2 .element__slot {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
  }
}

/* 1-column blog header */
.block_type__1-column-blog-header.text-position__left .element__post_title,
.block_type__1-column-blog-header.text-position__left .element__post_date {
  text-align: left;
}
.block_type__1-column-blog-header.text-position__center .element__post_title,
.block_type__1-column-blog-header.text-position__center .element__post_date {
  text-align: center;
}
.block_type__1-column-blog-header.text-position__right .element__post_title,
.block_type__1-column-blog-header.text-position__right .element__post_date {
  text-align: right;
}

/* VIDEO Block */
.block_type__video-two-column .video_frame_block{
	min-height: 320px;
}