.button { border:none; }

.close-button {
  right: 1rem;
  position: absolute;
  font-size: 30px;
  top: 0;
}

label { font-size:1rem; }

.news-item h2 { font-size:2rem; }
.news-item a { text-decoration:none; }

.dark-text, .dark-text h2, .dark-text p, .dark-text a { color:#222; }

.default-block + .default-block { margin-top:2rem; }
.blog-item + .blog-item { margin-top:2rem; }

.height-255 {  }

.button-bar { margin-top:2rem; }

.panel .row { background:transparent; }

figure.image { display: inline-block; border: none; margin: 0 2px 0 1px; background: rgba(); }
figure.align-left { float: left; margin: 0 1rem .5rem 0; }
figure.align-right { float: right; margin: 0 0 .5rem 1rem; }
figure.image img { margin: 8px 8px 0 8px; }
figure.image figcaption { margin: 6px 8px 6px 8px; text-align: center; }

#content-container .columns { font-size:1rem; }

#content-container ul, #content-container ol, .module-wrapper ul, .module-wrapper ol { margin-left: 2.5rem; }
#content-container ul li, #content-container ol li, .module-wrapper ul li, .module-wrapper ol li { margin-bottom: .5rem; }

body.news #header-image-container img { filter:blur(20px); -ms-filter:blur(20px); }

.drop-area { position:relative; border:2px dashed #aaa; padding:0; background:#ddd; text-align:center; margin:.7rem 0 1rem; overflow:hidden; min-height:150px; }
.drop-area img { max-width:250px; max-height:250px; text-align:center; }
.drop-area .button-container { position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; }
.drop-area label { display:block; margin:0; padding:0; width:100%; height:100%; max-width:none; }
/*.drop-area:hover label { display:block; }*/
.drop-area.has-picture label { display:none; }
.drop-area.has-picture:hover label { display:block; background-color:rgba(0,0,0,.5); color:#fff; }
.drop-area label .button-text { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.drop-area label input { visibility:hidden; margin:0; }
.drop-area a.remove { display:inline-block; line-height:1; position:absolute; top:.2rem; right:.6rem; font-size:1.5rem; text-decoration:none; color:#000; z-index:2; display:none; }
.drop-area.has-image a.remove, .drop-area.has-picture a.remove { display:block; }
.drop-area:hover a.remove { color:#fff; }
.drop-area .progress { position:absolute; left:0; bottom:0; margin:0; width:100%; }


.postal-address { border:1px solid #ccc; background:#fff; padding:1rem; }

.login-methods .button, .login-forms .button { display:block; font-size:.8rem; width:100%; padding-left:.5rem; padding-right:.5rem; margin-bottom:.5rem; }
.login-forms fieldset { padding:.5rem 0 0; border:none; position:relative; }
.login-forms .forgot-password { font-size:.7rem; margin:.3rem 0 .5rem !important; }
.login-forms .close-login-form { position:absolute; display:block; top:0; right:0; font-size:1.3rem; line-height:1; }

/*.login-fields { text-align:center; }
.login-fields .button { margin-bottom:0; }*/

.signup-steps ul.signup-bradcrumbs { list-style-type:none; margin:0 !important; padding:0 !important; }
.signup-steps ul.signup-bradcrumbs li { width:19%; display:inline-block; }
.signup-steps ul.signup-bradcrumbs li.active { font-weight:bold; }
.signup-steps ul.signup-bradcrumbs li span { font-size:1.6rem; color:#aaa; display:inline-block; margin-right:.4rem; }
.signup-step .button-bar { margin-top: 0 !important; }
.signup-step .button-bar .button { margin-bottom: 0 !important; }

.signup-switch .switch, .signup-switch h3 { display:inline-block; }
.signup-switch .switch { margin-right:.5rem; }

.signup3-block4 input { margin-bottom:0; }

.logged-in { position:absolute; top:0; right:60px; width:25%; background:#333; padding:1rem; color:#fff; height:69px; font-family:'Titillium Web', sans-serif; }
.logged-in .button { margin-bottom:0; }
.logged-in .role { font-size:.75rem; }
.logged-in .log-out { position:absolute; top:0; right:0; bottom:0; background:#222; text-align:center; }
.logged-in .log-out:hover { background:#000; }
.logged-in .log-out i { margin:.5rem 0; font-size:1rem; }
.user-name { position:relative; margin-left:2.5rem; }
.user-name i { position:absolute; top:.4rem; left:-2.5rem; font-size:2rem; }

.logged-in-menu { /*margin:-42px -40px;*/ }
.logged-in-menu ul.side-nav { margin:0 !important; list-style-type:none !important; }
.logged-in-menu ul.side-nav li { margin:0 !important; }
a.switch-account { position:absolute; padding:.5rem; top:1rem; right:4.1rem; color:#fff; }

.is-menuitem { background:#333; color:#fff !important; }
.sf-menu { margin:0; }

#menu-wrapper { padding:93px 0 0 0; }
#root-menu li ul { margin:0; padding:1rem; }

#mobile-menu li { text-align:center !important; }

.default-table:last-child { margin-bottom:0; }
.button-row { text-align:center; margin-top:2rem !important; }
.button-row .button { margin-bottom:0; }

.extra-languages label { display:inline-block; width:50%; }


table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { vertical-align: middle; font-size:1rem; line-height:1.5; }



.default-table { width:100%; }
.default-table th { font-weight:normal; font-size:.75rem; position:relative; }
.default-table th a { display:inline-block; color:#777; position:relative; line-height:1; }
.default-table th a.sort-asc, .default-table th a.sort-desc { font-weight:bold; padding-right:10px; }
.default-table th a.sort-asc::after, .default-table th a.sort-desc::after { display:inline-block; width:auto; content:""; position:absolute;  right:0; margin-left:.2rem; width:8px; height:12px; border:4px solid transparent; border-top:6px solid transparent; border-bottom:6px solid transparent;  }
.default-table th a.sort-asc::after { border-top:6px solid #777; top:25%; }
.default-table th a.sort-desc::after { border-bottom:6px solid #777; top:-25%; }
.default-table .level1 {  }
.default-table .level2 { padding-left:2rem; }
.default-table .level3 { padding-left:4rem; }
.default-table .level4 { padding-left:6rem; }
.default-table .level5 { padding-left:8rem; }
.default-table .level6 { padding-left:10rem; }
.default-table .level7 { padding-left:12rem; }

.default-table tbody tr.my-item { font-weight:bold; }
.default-table a.button { margin-bottom:0; }

.default-block { background:#fff; border:solid 1px #dddddd; width:100%; padding:1rem; box-shadow:0px 2px 10px rgba(0,0,0,.05); transition:all .3s ease; overflow:hidden; }
.default-block article p:last-child { margin-bottom:0 !important; }
ul.comment-files { margin:0 0 .5rem !important; list-style-type:none !important; }

.comment-block { border:1px solid #ddd; padding:.5rem; margin-bottom:.5rem; }
.comment-block.level2 { margin-left:2rem; }
.comment-block.level3 { margin-left:4rem; }
.comment-block.level4 { margin-left:6rem; }
.comment-block.level5 { margin-left:8rem; }
.comment-block.level6 { margin-left:10rem; }
.comment-block.level7 { margin-left:12rem; }
.comment-block.level8 { margin-left:14rem; }
.comment-block.level9 { margin-left:16rem; }
.comment-block.level10 { margin-left:18rem; }
.comment-header { color:#666; background:#f1f1f1; margin:-.5rem -.5rem 1rem; padding:.5rem; }
.comment-header .button { margin:0; padding:.3rem .5rem; }
.comment-block.colored-block .comment-header { background:rgba(0,0,0,.1); }
.comment-block.removed { font-style:italic; opacity:.5; }

.comment-color-legend { display:inline-block; width:20px; height:20px; background:red; margin-right:.2rem; border:1px inset rgba(0,0,0,.1); }
.color1 { background:#f1f7d7; }
.color2 { background:#ffe8c3; }
.color3 { background:#f4c3ff; }
.color4 { background:#d1fffd; }
.color5 { background:#f8f8bd; }
.color6 { background:#ffe8e8; }
.comment-block.colored-block .comment-header { background:rgba(0,0,0,.1); }
.comment-block.removed { font-style:italic; opacity:.5; }

.button.secondary { color:#333 !important; }

.slider-caption { height:auto; width:auto; margin-left:0; margin-top:0; transform:translate(-50%, 0); padding:1.5rem 2rem; }
.slider-caption p { width:auto; margin:.2em 0; line-height: 1.2}
.slider-caption h1, .slider-caption h2,.slider-caption h3,.slider-caption h4,.slider-caption h5,.slider-caption h6 { font-family:'Titillium Web',sans-serif; margin:.1em 0 !important; }
.slider-caption *:last-child { margin-bottom:0 !important; }

.no-header-image { min-height:230px; }


.default-table { border:none; }
.default-table td, .default-table th { border-bottom:1px solid #eee; }
.default-table tr.even, .default-table tr.alt, .default-table tr:nth-of-type(even) { background:none; }
.default-table thead { background:none; }
.default-table thead tr th, .default-table thead tr td { color:#999; }

.breadcrumbs .fa-home { font-size:1rem; }

#slider-prev, #slider-next { font-size:2rem; opacity:1; background:rgba(0,0,0,.4); }
#slider-prev:hover, #slider-next:hover { opacity:1; background:rgba(0,0,0,.6); }
#slider-prev { left:0; margin-left:0; }
#slider-next { right:0; margin-right:0; }

#header-search-input { font-size:24px; }

.news-item .row:first-child { max-height:150px; overflow:hidden; }
.news-item .row:first-child { height:150px; }
.right-border { border:none; }

.pagination-row td { border-bottom:none; }

.columns { padding:1rem 2rem; }


.picker__button--today, .picker__button--clear, .picker__button--close { color:#000; }
.picker__select--month, .picker__select--year { height:auto !important; }
.picker__day, .picker__weekday { text-align:center; }

.select2-container { margin-bottom:1rem !important; width: 100% !important; }
.select2-container--default .select2-selection--single { border-color: #cccccc !important; border-radius: 0 !important; height: 2.3125rem !important; font-family:inherit !important;  }
.select2-container--default .select2-selection--single:hover { background-color: #f3f3f3 !important; border-color: #999999 !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:36px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px !important; }
.select2-dropdown select2-dropdown--below { font-family: arial, helvetica, sans-serif !important; font-size:14px; }
.select2-results { font-family: arial, helvetica, sans-serif !important; font-size:14px; }
.select2-results__option { font-family: arial, helvetica, sans-serif !important; font-size:14px; }
.select2-search__field { font-family: arial, helvetica, sans-serif !important; font-size:14px; }

.email-error-notice, .field-error-notice { display: block; color:#990000; background-color:#ffcdcd; padding: 5px 14px; margin-bottom:1rem; }


.reg-success-block h1 { color:green !important; }
.row.leader { margin-bottom:1.5rem; }

#language-wrapper { float:right; margin:1.3rem 5rem 0 0;  }
.languages { margin:0; font-family: 'Titillium Web', sans-serif; font-size:.8rem; }
.languages li { display:inline-block; margin-left:.5rem; opacity:.4; }
.languages li.active { opacity:1; }

.social-buttons { float:right; list-style-type:none; margin:0 !important; }
.social-buttons li { display:inline-block; line-height:0 !important; overflow:hidden; height:20px; margin:0 0 0 3px !important; }

#logo-wrapper { position:absolute; top:0; left:0; max-width:260px; height: 166px; font-family:'Titillium Web',sans-serif; font-size:.8rem; }
#logo a { display:block; }
#logo a img { opacity:1; transition:all 1s ease; }
#logo a span { opacity:0; transition:opacity 1s ease; position:absolute; left:0; height: 100%;}
.scrolled #logo a img { opacity:0; }
.scrolled #logo a span { opacity:1; }

#header-search-button { width:60px; height:60px; padding-top:18px; }
/*#header-search-input.small { margin-top:82px; }*/

.gallery1-wrapper, .gallery2-wrapper { display:block; }
.gallery1-wrapper .gallery-item, .gallery2-wrapper .gallery-item { overflow:hidden; max-height:170px; }

.search-results .date { font-size:.8rem; margin-right:1rem; }
.search-results.results-type-page .date { display:none; }

.date-author { margin-top:-.5rem; margin-bottom:2rem; }

.breadcrumbs > * { text-transform:none; }

.step2progress, .step2final { text-align:center; }
.step2progress .fa, .step2final .fa { font-size:2.5rem; color:green; }

.signing-step .button.sendbutton { display:none; }

ul.newsletters { list-style-type:none !important; margin:0; padding:0; }
li.newsletter { margin:1rem 0; padding:1rem 0 0; }
li.newsletter + li.newsletter { border-top:1px solid #ccc; }
#content-container li.newsletter h4 { margin:0; }
li.newsletter .newsletter-meta span + span { margin-left:.6rem; }

.no-events { text-align:center; color:#ccc; padding-top:2rem; padding-bottom:2rem; }

/* TEMP */
/*.large-6.columns b { display:none; }*/

#header-container { box-shadow:none; transition:all .25s ease; }
#header-container.scrolled { box-shadow:0 3px 50px rgba(0,0,0,.2); transition:all .25s .25s ease; }


#content-container li {
    margin-left: 0px;
}
li.person {
  list-style: none;
  padding: 1em;
  margin: 0 0 1em 0;
  float: left;
  width: 100%; /*change for columns*/
  border: 1px solid #ddd;
}
div.person-picture {
  width: 7em;
  height: auto;
  float: left;
  margin-right: 1em;
}
div.person-name {
    font-size: 1.5em;
}

#home-slider-container { overflow:hidden; }

.module-wrapper.news-wrapper .row .sub-blog-item:nth-child(5),
.module-wrapper.news-wrapper .row .sub-blog-item:nth-child(9),
.module-wrapper.news-wrapper .row .sub-blog-item:nth-child(13),
.module-wrapper.news-wrapper .row .sub-blog-item:nth-child(17) {
  clear: both;
}



.fa-skype::before {
  color: #12A5F4;
}
.person-position {
    padding-bottom: 1rem;
}

body.news .module-wrapper.text-wrapper > img,
body.news .module-wrapper.text-wrapper > article > img { margin:0 0 2rem 0; }




@media screen and (min-width: 767px) {
  body.news .module-wrapper.text-wrapper > img,
  body.news .module-wrapper.text-wrapper > article > img { width:40%; float:right; margin:0 0 1rem 1rem; }

  li.person {
    margin: 0 1em 1em 0;
    width: 47%; /*change for columns*/
  }
  .large-6.columns > .members-wrapper > ul.personal > li.person {
    margin: 0 0 1em 0;
    width: 100%; /*change for columns*/
  }
  div.person-picture {
    min-height: 7em;
  }
}
@media screen and (min-width: 767px) and (max-width: 959px){
  #logo a img {
    opacity: 0;
    display: none;
  }
  #logo a span {
    opacity: 0!important;
    bottom: 3.5rem;
  }
}
@media screen and (min-width: 812px) and (max-width: 959px){
  #menu-wrapper {
    padding: 37px 0 0 0 !important;
  }
}


@media only screen and (max-width: 1026px) {
  .height-255 {
    min-height: 100%;
  }
}
@media only screen and (max-width: 959px) {
  #menu-wrapper { padding:0; }
  /*.no-header-image { min-height:0; }*/

}

@media only screen and (max-width: 767px) { /*from mobile menu and smaller*/
  #mobile-menu .toggle-topbar a span {
    font-family: Roboto, Arial, sans-serif;
  }
 .slider-caption{
    top: 15%;
  }
  .slider-caption p span {
    font-size: 18pt!important;
  }
 .slider-caption h3 {
   font-size: 1.2rem;
 }
 .slider-caption h2{
    font-size: 1.5rem;
  }
  #language-wrapper {
    display: none;
  }
  .columns {
    padding: 24px 20px;
  }
  .content-width {
    max-width: 100%;
  }
  .gallery2-wrapper .gallery-item {
    max-width: 100%;
    max-height: none;
  }
  #logo a span {
    display: none;
  }
  .content-width iframe{
    height: 300px;
    width: 100%;
  }
  .height-150 { min-height:0; }
/*
@media only screen and (max-width: 959px)*/
#logo-wrapper {
  padding: 0;
  height: 45px;
  width: 75%;
}

  /*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
/*@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  */

	/* Force table to not be like tables anymore */
	.default-table,
  .default-table thead,
  .default-table tbody,
  .default-table th,
  .default-table td,
  .default-table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.default-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.default-table tr { border: 1px solid #ccc; }

	.default-table td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
    height: 100%;
    /*overflow: auto;*/
	}

	.default-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 10px;
		left: 6px;
		width: 45%;

    /*display: inline-block;*/
		/*padding-right: 10px;*/
		/*white-space: nowrap;*/
    white-space: normal;
	}

	/*
	Label the data is in tabletrabs-source.css
	*/


  .no-events {
    padding: 0.5625rem 0.625rem !important;
  }
  .no-events:before {
      content: '' !important;
  }

  #header-search-button {
    padding: 12px 15px 12px 17px;
    height: 45px;
    width: 45px;
  }
  #header-search-input {
    font-size: 17px;
  }
  li.toggle-topbar.menu-icon a span {
        color: transparent;
  }
  #mobile-menu > ul.title-area {
      margin: 0 2.8rem 0 auto !important;
      width: 50px;
  }
  #logo-wrapper {
    z-index: 1;
  }
  #logo-wrapper span {
    opacity: 1 !important;
    display: block !important;
    top: 15px;
  }
  #logo-wrapper img {
    display: none;
  }
  .languages {
    background: #333333;
  }

}

@media only screen and (min-width: 768px) {
  #logo {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .default-table td {
    min-height: 2.5em;
  }
  #logo {
    width: 100%;
    position: relative;
    height: 45px;
    overflow: hidden; 
  }
  #logo a span {
    width: auto;
    left: 1rem;
  }
  /* .top-bar-section .has-dropdown.moved > .dropdown {
    position: relative !important;
    left: 0;
  } */
  .top-bar-section .has-dropdown.moved > a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-left-style: solid;
    margin-right: 18px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    right: 0;
}
  .top-bar-section > ul > li  a {
    font-weight: bold;
    position: relative; 
  }
  .top-bar-section .has-dropdown.moved > .dropdown li {
    background-color: #222;
  }

}
@media only screen and (min-width: 960px) {
    #logo a span {
      bottom: -60%;
    }
}
#content-container .text-wrapper .backstretch{
  display: none;
}
#content-container .sub-blog-item .backstretch {
  overflow: visible!important;
}