/*
Theme Name: Trobica Child
Author: themes_story
Author URI:  http://themeforest.net/user/themes_story
Theme URI: http://themeforest.net/user/themes_story/portfolio
Template: trobica
Description: This is child theme for Trobica Theme.
Version: 1.0.3
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: trobica-child
Tags: one-column, two-columns, right-sidebar,custom-colors,featured-images
*/
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/roboto-v30-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/roboto-v30-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/roboto-v30-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/roboto-v30-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/roboto-v30-latin-italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/roboto-v30-latin-italic.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/roboto-v30-latin-italic.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/roboto-v30-latin-italic.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/roboto-v30-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/roboto-v30-latin-500.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/roboto-v30-latin-500.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/roboto-v30-latin-500.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/roboto-v30-latin-500.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/roboto-v30-latin-500.ttf")
      format("truetype"),
    /* Safari, Android, iOS */ url("../fonts/roboto-v30-latin-500.svg#Roboto")
      format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/roboto-v30-latin-700.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/roboto-v30-latin-700.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/roboto-v30-latin-700.ttf")
      format("truetype"),
    /* Safari, Android, iOS */ url("../fonts/roboto-v30-latin-700.svg#Roboto")
      format("svg"); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/roboto-v30-latin-900.eot"); /* IE9 Compat Modes */
  src: local(""),
    url("../fonts/roboto-v30-latin-900.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/roboto-v30-latin-900.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/roboto-v30-latin-900.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/roboto-v30-latin-900.ttf")
      format("truetype"),
    /* Safari, Android, iOS */ url("../fonts/roboto-v30-latin-900.svg#Roboto")
      format("svg"); /* Legacy iOS */
}
html {
  scroll-behavior: smooth;
}

.dv-panel .oer-programm h3,
.dv-panel .oer-programm h5 {
  font-size: 16px !important;
  width: max-content;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 10px;
}
.oer-programm-laufzeit {
  margin-bottom: 10px;
}
.oer-programm-verantwortlicher,
.oer-programm-laufzeit {
  display: flex;
  align-items: baseline;
}

.dv-panel p,
.oer-programm-beschreibung {
  font-size: 15px;
}
.dv-panel-inner {
  padding: 10px 30px !important;
}
.oer-programm-beschreibung {
  margin-top: 10px;
}

/*OER-Programme als Tabelle*/

.dvteamgrid img {
  opacity: 0;
  width: 100% !important;
  height: 100% !important;
}
.dv-member-desc {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.dvteamgrid li {
  width: 100% !important;
  height: 40px !important;
}
.dvteamgrid figure {
  width: 100%;
  height: 100%;
  transition: all ease 0.5s;
}
.dvteamgrid li {
  width: 100% !important;
  height: 80px !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}
.dvteamgrid figure a {
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: transparent !important;
  transition: all ease 0.3s;
}
.dv-member-desc div:nth-child(1) {
  width: 60%;
}
.dv-member-desc div:nth-child(2) {
  width: 40%;
}
.dv-member-desc {
  width: 100%;
}

span.dv-member-name {
  width: 100%;
  font-size: 15px;
  background: none;
  padding: 0 10px !important;
  color: #404040 !important;
}
/*.dvteamgrid li:nth-child(even) figure a {
  background-color: #eee;
}
.dvteamgrid li:nth-child(odd) figure a {
  background-color: #3f6575;
}
*/
.dvteamgrid li:nth-child(even) figcaption .dv-member-desc {
  background-color: #eee;
}
.dvteamgrid li:nth-child(odd) figcaption .dv-member-desc {
  background-color: #fff;
}

.dvteamgrid li:nth-child(even) .dv-member-name {
  color: #000 !important;
}
.dvteamgrid li:nth-child(odd) .dv-member-desc div:nth-child(1) {
  border-left: 2px solid #404040;
}
.dvteamgrid li:nth-child(even) .dv-member-desc div:nth-child(1) {
  border-left: 2px solid #404040;
}

.dvteamgrid {
  height: unset !important;
}
.dvteamgrid figure .dv-member-zoom {
  opacity: 1 !important;
  margin: auto 0 auto 93% !important;
  width: 40px;
  height: 40px;
  background-color: transparent;
  cursor: pointer;
}
i.dvteamicon-info {
  margin-top: -10px;
  display: block;
}
.dv-member-info {
  background: none !important;
  color: #404040 !important;
}
.dvteamgrid li:nth-child(even) .dv-member-info {
  color: #404040 !important;
}

.dvteamgrid .dv-member-desc div {
  margin: auto 0 !important;
}
.dvteamgrid .dv-member-desc {
  bottom: 0 !important;
  height: 100%;
}
.dvteamgrid figure:hover img {
  opacity: 0 !important;
}

.dvteamgrid li:nth-child(even) i.dvteamicon-info {
  color: #3f6575;
}
.dvteamgrid figure:hover .dv-member-name,
.dvteamgrid figure:hover .dv-member-info,
.dvteamgrid figure:hover .dv-member-desc {
  /* transform: translateX(0%)!important;*/
}
figure:hover .dv-member-desc {
  width: 100%;
}
.dvteamgrid .dv-member-desc {
  cursor: default !important;
}
@media screen and (max-width: 1020px) {
  .dvteamgrid li {
    height: 140px !important;
  }
  .dv-member-desc.rmveffect {
    flex-wrap: wrap;
  }
  .dv-member-desc div:nth-child(1) {
    width: 80%;
  }
  .dvteamgrid li:nth-child(odd) .dv-member-desc div:nth-child(1) {
    border-bottom: 2px solid #404040;
    border-left: none;
    border-right: none;
    height: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .dvteamgrid li:nth-child(even) .dv-member-desc div:nth-child(1) {
    border-bottom: 2px solid #404040;
    border-left: none;
    border-right: none;
    height: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .dvteamgrid figure:hover a .dv-member-zoom.rmveffect {
    display: block !important;
  }
  .dvteamgrid figure .dv-member-zoom {
    margin: 53px 40px auto 85% !important;
  }
  .dvteamgrid figure:hover a img.rmveffect {
    opacity: 0 !important;
  }
  .dvteamgrid figure:hover .dv-member-desc div:nth-child(1) {
    width: 100%;
  }
  figure:hover .dv-member-desc {
    width: 75%;
  }
  .dv-member-desc div:nth-child(2) {
    width: 80%;
  }
  .oer-programm {
    display: flex;
    flex-wrap: wrap;
  }
  .dv-member-desc {
    display: flex;
    flex-wrap: wrap;
  }
}

.dvteamgrid .dv-member-zoom {
  cursor: pointer;
}

figure:hover a {
  background-color: #3f6575 !important;
}
figure a:before {
  content: "Weitere Informationen";
  display: none;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: all ease 0.3s;
  color: #fff;
  margin-top: 2.5%;
}
figure:hover a:before {
  display: block;
}
.oer-projekte-akkordeon .su-spoiler-title {
  font-size: 1.4rem;
  font-weight: normal;
}

#oer-projekte-liste .dvteamgrid .dv-member-name,
#oer-projekte-liste .dvteamgrid .dv-member-info {
  line-height: 1.3 !important;
}
.dvteamgrid .dv-member-desc div {
  line-height: 1.5;
}

.nav-box {
  background: #fff;
}
.custom-absolute-menu .navigation li a,
.custom-absolute-menu .menu-wrapper .menu ul li a {
  color: #444;
}
.apply-header .logo1,
.custom-logo .logo1 {
  max-height: none;
}

#team .elementor-col-50 {
  width: 30%;
}
#team .elementor-column-gap-wide {
  display: flex;
  justify-content: center;
}
.team-1 p,
.team-sicon li a:hover,
.custom-absolute-menu .navigation .sub-menu li a:hover,
.custom-absolute-menu .menu-wrapper .menu ul.sub-menu li a:hover,
a:hover,
.white-header .header-icon li.current_page_item > a,
.white-header .navigation li.current_page_item > a,
.white-header .menu-wrapper .menu ul li.current_page_item > a,
.content-btn,
.white-header .header-icon li.current-menu-parent > a,
.white-header .navigation li.current-menu-parent > a,
.white-header .menu-wrapper .menu ul li.current-menu-parent > a,
.wpcf7-submit,
.dark-page .wpcf7-submit {
  color: #237986 !important;
}
.to-top,
.to-top::before,
.to-top::after,
.navigation > li > a:before,
.menu-wrapper > .menu > ul > li > a:before,
.search-icon-header #searchform::after {
  background-color: #237986 !important;
}
.team-sicon li a:hover {
  border-color: #237986 !important;
}
.team-1 .team-info {
  border-bottom: 0px solid #237986;
}
.menu-wrapper ul li ul {
  border-top: 2px solid #237986;
}
.content-btn,
.wpcf7-submit,
.dark-page .wpcf7-submit,
.wpcf7-submit:hover {
  border: 1px solid #237986;
}
.content-btn:hover,
.wpcf7-submit:hover {
  background-color: #237986;
  color: #fff !important;
}
.kategorien-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 0.1fr 0.1fr 0.1fr 2fr 0.1fr 0.1fr 0.1fr 0.1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "kategorie-a kategorie-b kategorie-c"
    "kategorie-a-bezeichnung kategorie-b-bezeichnung kategorie-c-bezeichnung"
    "foerderung-titel foerderung-titel foerderung-titel"
    "kategorie-a-foerderung kategorie-b-foerderung kategorie-c-foerderung"
    "max-laenge-projektskizze max-laenge-projektskizze max-laenge-projektskizze"
    "kategorie-a-laenge kategorie-b-laenge kategorie-c-laenge"
    "max-summe max-summe max-summe"
    "kategorie-a-summe kategorie-b-summe kategorie-c-summe";
  padding-top: 20px;
  margin-top: 15px;
}
.kategorien-mobil {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.kategorien-mobil div {
  flex-basis: 100%;
}

.kategorie-a {
  grid-area: kategorie-a;
}

.kategorie-b {
  grid-area: kategorie-b;
}

.kategorie-c {
  grid-area: kategorie-c;
}

.kategorie-a-bezeichnung {
  grid-area: kategorie-a-bezeichnung;
}

.kategorie-b-bezeichnung {
  grid-area: kategorie-b-bezeichnung;
}

.kategorie-c-bezeichnung {
  grid-area: kategorie-c-bezeichnung;
}

.foerderung-titel {
  grid-area: foerderung-titel;
}

.foerderung-titel-a {
  grid-area: foerderung-titel-a;
}

.foerderung-titel-b {
  grid-area: foerderung-titel-b;
}

.foerderung-titel-c {
  grid-area: foerderung-titel-c;
}

.kategorie-a-foerderung {
  grid-area: kategorie-a-foerderung;
}

.kategorie-b-foerderung {
  grid-area: kategorie-b-foerderung;
}

.kategorie-c-foerderung {
  grid-area: kategorie-c-foerderung;
}

.max-laenge-projektskizze {
  grid-area: max-laenge-projektskizze;
}

.max-laenge-projektskizze-a {
  grid-area: max-laenge-projektskizze-a;
}

.max-laenge-projektskizze-b {
  grid-area: max-laenge-projektskizze-b;
}

.max-laenge-projektskizze-c {
  grid-area: max-laenge-projektskizze-c;
}

.kategorie-a-laenge {
  grid-area: kategorie-a-laenge;
}

.kategorie-b-laenge {
  grid-area: kategorie-b-laenge;
}

.kategorie-c-laenge {
  grid-area: kategorie-c-laenge;
}

.max-summe {
  grid-area: max-summe;
}

.max-summe-a {
  grid-area: max-summe-a;
}

.max-summe-b {
  grid-area: max-summe-b;
}

.max-summe-c {
  grid-area: max-summe-c;
}

.kategorie-a-summe {
  grid-area: kategorie-a-summe;
}

.kategorie-b-summe {
  grid-area: kategorie-b-summe;
}

.kategorie-c-summe {
  grid-area: kategorie-c-summe;
}

.kategorien-container img,
.kategorien-mobil img {
  width: 70px;
}
.kategorie-a,
.kategorie-b,
.kategorie-c,
.foerderung-titel,
.foerderung-titel-a,
.foerderung-titel-b,
.foerderung-titel-c,
.max-laenge-projektskizze,
.max-laenge-projektskizze-a,
.max-laenge-projektskizze-b,
.max-laenge-projektskizze-c,
.max-summe,
.max-summe-a,
.max-summe-b,
.max-summe-c {
  background: #268693;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.kategorie-a,
.kategorie-b {
  border-right: 3px solid #fff;
}

.kategorien-mobil .kategorie-a,
.kategorien-mobil .kategorie-b {
  border-right: 0px solid #fff;
}
.kategorie-a,
.kategorie-b,
.kategorie-c {
  /*padding-top: 20px;*/
}
.kategorie-a-bezeichnung,
.kategorie-b-bezeichnung,
.kategorie-c-bezeichnung {
  background: #0e3d51;
  color: #fff;
  padding: 10px;
  text-align: center;
  border-right: 3px solid #fff;
}
.kategorie-c-bezeichnung {
  border-right: 0px solid #fff;
}
.kategorien-mobil .kategorie-a-bezeichnung,
.kategorien-mobil .kategorie-b-bezeichnung {
  border-right: 0px solid #fff;
}
.kategorie-a-laenge,
.kategorie-b-laenge,
.kategorie-c-laenge,
.kategorie-a-summe,
.kategorie-b-summe,
.kategorie-c-summe {
  text-align: center;
  padding: 10px;
  background: #eee;
  border-right: 3px solid #fff;
}
.kategorie-c-summe,
.kategorie-c-laenge {
  border-right: 0px solid #fff;
}

.kategorien-mobil .kategorie-a-summe,
.kategorien-mobil .kategorie-a-laenge,
.kategorien-mobil .kategorie-b-summe,
.kategorien-mobil .kategorie-b-laenge {
  border-right: 0px solid #fff;
}
.kategorie-a-foerderung,
.kategorie-b-foerderung,
.kategorie-c-foerderung {
  padding: 10px;
  background: #eee;
  border-right: 3px solid #fff;
}
.kategorie-c-foerderung {
  border-right: 0px solid #fff;
}
.kategorien-mobil .kategorie-a-foerderung,
.kategorien-mobil .kategorie-b-foerderung {
  border-right: 0px solid #fff;
}
/*.kategorie-c img{
	height: 80px;
	width: auto;
}*/
.kategorien-container ul,
.kategorien-mobil ul {
  padding-left: 40px;
}
.foerderung-titel,
.foerderung-titel-a,
.foerderung-titel-b,
.foerderung-titel-c {
  border-top: 3px solid #fff;
}
.button-projektskizze {
  display: block;
  width: 50%;
  margin: 0 auto;
  background: #268693;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
  padding: 20px;
  transition: 0.5s all ease-in;
}
.button-projektskizze:hover {
  background: #0e3d51;
}

.kategorien-mobil {
  display: none;
}
@media screen and (max-width: 700px) {
  .kategorien-mobil {
    display: flex;
  }
  .kategorien-container {
    display: none;
  }
}

.design-guide-iframe {
  max-width: 120%;
  width: 120%;
  margin-left: -10%;
}

@media screen and (max-width: 1350px) {
  .design-guide-iframe {
    max-width: 120%;
    width: 120%;
    margin-left: -10%;
  }
}

@media screen and (max-width: 1100px) {
  .design-guide-iframe {
    max-width: 98%;
    width: 98%;
    margin-left: 0%;
  }
}

.flex-between {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.box-grau {
  min-width: 250px;
  margin-bottom: 50px;
  background: #eee;
  padding: 25px;
}

.flex-50 {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
}

.flex-47 {
  -webkit-flex-basis: 47%;
  flex-basis: 47%;
}

.box-grau-vcrp .flex-47.flex-31 {
  -webkit-flex-basis: 31%;
  flex-basis: 31%;
}

.flex-center {
  -webkit-justify-content: center;
  justify-content: center;
}

.flex-100 {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}

.box-grau-vcrp {
  min-width: 250px;
  margin-bottom: 50px;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  padding: 0 30px;
}

.box-grau-vcrp img {
  width: 100%;
  display: block;
  transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.17, 0.88, 1, 1) 0s;
}
.box-grau-vcrp img:hover {
  opacity: 0.5;
}

.box-grau-vcrp h3,
.box-grau-vcrp p {
  padding: 0 25px;
}

.box-grau-vcrp h3 {
  margin-top: 0;
  color: #268692;
}
ul,
ol {
  margin: 1em 0 1em 0em;
}

.menu-wrapper ul li ul {
  width: 220px;
}
.content a {
  color: #237986;
  text-decoration: underline !important;
}
.elementor a {
  color: #237986;
  text-decoration: underline;
}
span.elementor-button-text {
  color: #fff;
}
a {
  scroll-margin-top: 4em;
}

tr:nth-child(odd) {
  background-color: #eee;
}
tr:nth-child(even) {
  background-color: #fff;
}
td {
  padding: 10px;
  border: none;
  font-size: inherit;
}
table {
  border: none;
}

p {
  clear: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
  clear: both;
  padding: 0;
  list-style: none;
  background: #f3f3f3;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
}
.wp-block-latest-posts__featured-image img {
  width: 100%;
}
a.wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-excerpt {
  padding: 15px 15px;
  display: block;
  /* margin-top: 15px; */
  text-decoration: none !important;
  transition: all 0.8s ease;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-excerpt {
  padding: 0px 15px;
  display: block;
  margin-top: 0;
}
a.wp-block-latest-posts__post-title:hover {
  text-decoration: underline !important;
}

.post-bottom {
  display: none;
}
.inhaltsverzeichnis p {
  padding-bottom: 0px !important;
  margin-bottom: 0;
}
.elementor-element.elementor-element-59644dbe.elementor-widget.elementor-widget-trobica-team-one,
.elementor-widget-container,
.clearfix.team-1 {
  height: 100%;
}
.clearfix.team-1 {
  background: #fff;
}

.modul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.modul-logo {
  width: 13%;
}
.modul-beschreibung {
  width: 60%;
}
.modul-beschreibung-infos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.modul-beschreibung-infos div {
  width: 48%;
}
.modul-bild {
  width: 25%;
}
.oer-shadow {
  position: relative;
  display: inline-block;
}
.oer-shadow:before,
.oer-shadow:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.oer-shadow img {
  margin: 0;
}
.oer-shadow:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.box-small-icon:hover .trobica-icon {
  background-color: #237986;
  border-color: #237986;
  color: #fff;
}
.feature-4 .trobica-icon {
  background: #237986;
  color: #fff;
  border-color: #237986;
}
.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,
.elementor-widget-wrap .elementor-element.elementor-widget__width-initial {
  max-width: 100%;
  min-height: 600px;
}

@media screen and (max-width: 850px) {
  #team .elementor-col-50 {
    width: 50%;
  }
  .flex-47 {
    -webkit-flex-basis: 98%;
    flex-basis: 98%;
  }
}

@media screen and (max-width: 1020px) {
  figure a:before {
    margin-top: 7.5%;
  }
}
footer img {
  max-width: 250px !important;
}
.gallery {
  /* max-width: 500px; */
  /* float: left; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 50%;
  float: right;
  margin-left: 15px;
}
.youtube {
  width: 600px;
  height: 278px;
}

blockquote {
  border-left: 4px solid #237986 !important;
}

a.better-btn-skew.btn-color.btn-bg {
  color: #fff;
  text-decoration: none !important;
}
a.better-btn-skew.btn-color.btn-bg:hover {
  color: #fff !important;
  text-decoration: underline !important;
}
a.better-btn-skew.btn-color.btn-bg:hover .better-btn-skew i:after {
  background: #237986;
}

.better-btn-skew i:before {
  border: 1px solid #237986;
}

.better-btn-skew i:after {
  background: #237986;
  transition: 0.8s ease all;
}
.better-btn-skew i:hover::after {
  background: #385968 !important;
}

.page-id-123822 figure:hover a:before,
.page-id-123824 figure:hover a:before {
  display: none;
}

.page-id-123822 figure.wp-caption,
.page-id-123824 figure.wp-caption {
  padding: 25px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: end;
}
.page-id-123822 .elementor-widget-wrap > .elementor-element,
.page-id-123824 .elementor-widget-wrap > .elementor-element {
  width: 100%;
  height: 100%;
}

figcaption.widget-image-caption.wp-caption-text {
  font-size: 16px;
  margin-top: 15px;
}
.page-id-123824 .elementor-widget-image img {
  max-height: 200px;
  width: auto;
}
