/*---------- paragrah commons -----------------*/
.paragraph {
  clear: both;
  overflow: hidden;
}

.paragraph--type--layout-style .inner{
/* padding-bottom:4%; */
}

.paragraph--type--text,
.paragraph--type--table {
padding: 0 3%;
}

.paragraph--type--twitter .twitter_text {
color: var(--main-color);
}

.paragraph--type--twitter .twitter_time {
color: var(--second-color);
}

/*-----------------style 4----------------------------------*/

.s4 {
  --skew-angle: 3deg;
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding-block: 5rem;
  margin-bottom: 5rem;
  color: var(--main-bg-color);
}

.s4::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background:var(--clr-gradient);
  transform: skewY(var(--skew-angle));
}



/*----------------- style 1 ----------------------------------*/

.s1 {
  --skew-angle: -3deg;
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding-block: 5rem;
  margin-bottom: 5rem;
  color: var(--main-bg-color);
}

.s1::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background:var(--clr-gradient);
  transform: skewY(var(--skew-angle));
}

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

.s2 .inner {
padding: 3%;
max-width:1200px;
margin: 0 auto;
}

.s2 .inner .entity-reference-revisions {
  text-align: center;
  align-items: stretch;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

.s2 .inner .entity-reference-revisions > div {
  min-width:200px;
  padding: 2%;
  min-height: 210px;
  display: inline-block;
  text-align: left;
  position: relative;
  vertical-align: middle;
  flex:40%;
  background:#fff;
  margin:1%;
  border: 1px solid #c4d8dc;
  border-radius: 0.5rem;
}

.s2 h2 {
color:#5ea4dd;
font-size: 36px;
line-height: 38px;
font-weight: lighter;
text-transform: uppercase;
margin-top:0px;
}

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

.s3 .inner {
padding: 3%;
max-width:1200px;
margin: 0 auto;
}

.s3 .inner .entity-reference-revisions {
  text-align: center;
  align-items: stretch;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

.s3 .inner .entity-reference-revisions > div {
  min-width:200px;
  padding: 2%;
  min-height: 210px;
  display: inline-block;
  text-align: left;
  position: relative;
  vertical-align: middle;
  flex:22%;
  background:#fff;
  margin:1%;
  border: 1px solid #c4d8dc;
  border-radius: 0.5rem;
}

.s3 h2 {
color:#5ea4dd;
font-size: 36px;
line-height: 38px;
font-weight: lighter;
text-transform: uppercase;
margin-top:0px;
}


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


.collapseline {
font-size:110%;
cursor:pointer;
margin: 1rem 0;
}

.collapseline::before {
content: '- ';
font-size: 37px;
vertical-align: -5px;
display: inline;
}

.collapseline.collapsed::before { 
  content:'+ ';
  font-size:37px;
  vertical-align: -5px;
  display: inline;
}

.collapseline:not(.none):hover::before {
filter: invert(70%);
-webkit-transition: transform 2s ease-in-out;
}

.collapseline.none {
cursor:default !important;
}

.text-long.field-textarea.tohide {
padding-left: 21px;
}

/*--------------center----------------------*/
.center picture img {
margin: 0 auto;
display: block;
}

.center.paragraph, 
.center .paragraph,
.center.layoutwidth .inner{
margin: 0 auto !important;
}

/* inline paragraphs */

.inlinepara > .inner > .entity-reference-revisions {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
justify-content: space-evenly;
}

.inlinepara > .inner > .entity-reference-revisions > div {
display: contents;
}

.texttabs .inner:not(.btns) {
border:1px solid #ccc;
}
/*-------backgrounds---------------*/

.lighttext {
padding-top: 3rem;
background-color: #fbfbfb;
}
.whitebg {
background-color: #ffffff !important;
}

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

.searchapi h3 {
padding-bottom: 1rem !important;
margin-bottom:60px;
}

.searchapi .views-field-field-social-share-image {
float: left;
padding: 0 20px;
}


.ph10 {
  padding: 0 10%;
}

.ph2 {
  padding: 0 2%;
}

.p2 {
  padding: 2%;
}

.p7 {
  padding: 7%;
}

.mw1550 {
  max-width:1550px;
}
.mw1200 {
  max-width:1200px;
}

.mw350 {
  max-width:350px;
}

.m0a{
margin:0 auto;
}


.w50:not(.contentwidth):not(.layoutwidth),
.w50.layoutwidth > .inner,
.w50.contentwidth .paragraph {
max-width:50%;
}
.w60:not(.contentwidth):not(.layoutwidth),
.w60.layoutwidth > .inner,
.w60.contentwidth .paragraph  {
max-width:60%;
}
.w70:not(.contentwidth):not(.layoutwidth),
.w70.layoutwidth > .inner,
.w70.contentwidth .paragraph  {
max-width:70%;
}
.w80:not(.contentwidth):not(.layoutwidth),
.w80.layoutwidth > .inner,
.w80.contentwidth .paragraph  {
max-width:80%;
}
.w90:not(.contentwidth):not(.layoutwidth),
.w90.layoutwidth > .inner,
.w90.contentwidth .paragraph  {
max-width:90%;
}
.w100:not(.contentwidth):not(.layoutwidth),
.w100.layoutwidth > .inner,
.w100.contentwidth .paragraph  {
max-width:100%;
}
.mwp250:not(.contentwidth):not(.layoutwidth),
.mwp250.layoutwidth > .inner,
.mwp250.contentwidth .paragraph  {
max-width:250px;
}
.mwp350:not(.contentwidth):not(.layoutwidth),
.mwp350.layoutwidth > .inner,
.mwp350.contentwidth .paragraph  {
max-width:350px;
}
.mwp450:not(.contentwidth):not(.layoutwidth),
.mwp450.layoutwidth > .inner,
.mwp450.contentwidth .paragraph  {
max-width:450px;
}
.mwp550:not(.contentwidth):not(.layoutwidth),
.mwp550.layoutwidth > .inner,
.mwp550.contentwidth .paragraph  {
max-width:550px;
}
.mwp650:not(.contentwidth):not(.layoutwidth),
.mwp650.layoutwidth > .inner,
.mwp650.contentwidth .paragraph  {
max-width:650px;
}
.mwp750:not(.contentwidth):not(.layoutwidth),
.mwp750.layoutwidth > .inner,
.mwp750.contentwidth .paragraph  {
max-width:750px;
}
.mwp1000:not(.contentwidth):not(.layoutwidth),
.mwp1000.layoutwidth > .inner,
.mwp1000.contentwidth .paragraph  {
max-width:1000px;
}
.mwp1200:not(.contentwidth):not(.layoutwidth),
.mwp1200.layoutwidth > .inner,
.mwp1200.contentwidth .paragraph  {
max-width:1200px;
}
.mwp1500:not(.contentwidth):not(.layoutwidth),
.mwp1500.layoutwidth > .inner,
.mwp1500.contentwidth .paragraph  {
max-width:1500px;
}

.vh10 {
min-height:10vh;
}
.vh20 {
min-height:20vh;
}
.vh30 {
min-height:30vh;
}
.vh40 {
min-height:40vh;
}
.vh50 {
min-height:50vh;
}
.vh60 {
min-height:60vh;
}
.vh70 {
min-height:70vh;
}
.vh80 {
min-height:80vh;
}
.vh90 {
min-height:90vh;
}
.vh100 {
min-height:100vh;
}
.vh150 {
min-height:150vh;
}
.vh200 {
min-height:200vh;
}
.pvh5 {
padding-top: 5vh;
padding-bottom: 5vh;
}
.pvh10 {
padding-top: 10vh;
padding-bottom: 10vh;
}
.pvh20 {
padding-top: 20vh;
padding-bottom: 20vh;
}
.layoutwidth.w100 .inner {
max-width: 100vw;
margin: 0;
overflow: hidden;
padding: 0;
}
.layoutwidth.w90 .inner {
max-width: 90vw;
margin: 0;
overflow: hidden;
padding: 0;
}
.layoutwidth.w80 .inner {
max-width: 80vw;
margin: 0;
overflow: hidden;
padding: 0;
}
.layoutwidth.w70 .inner {
max-width: 70vw;
margin: 0;
overflow: hidden;
padding: 0;
}
.layoutwidth.w60 .inner {
max-width: 60vw;
margin: 0;
overflow: hidden;
padding: 0;
}
.layoutwidth.w50 .inner {
max-width: 50vw;
margin: 0;
overflow: hidden;
padding: 0;
}

.flexcol {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: stretch;
justify-content: space-evenly;
}

.flexcol.center {
justify-content: center;
}

.threecolumn .field-paragraphs {
column-rule: 1px solid var(--second-bg-color);
}
.masonry,
.threecolumn .field-paragraphs {
-moz-column-gap: 75px;
-webkit-column-gap: 75px;
column-gap: 75px;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}

.masonry_item,
.threecolumn .paragraph {
display: block;
padding: 10px 20px;
}

@media only screen and (min-width: 10px) {
.masonry,
.threecolumn .field-paragraphs {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}

@media only screen and (min-width: 880px) {
.masonry,
.threecolumn .field-paragraphs {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}

@media only screen and (min-width: 1320px) {
.masonry,
.threecolumn .field-paragraphs {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
.montserrat *{
font-family: 'montserrat','Helvetica Neue',Helvetica,sans-serif;
}
.lato *{
font-family: 'lato','Helvetica Neue',Helvetica,sans-serif;
}
.alternate_gothic *{
font-family: 'alternate_gothic','Helvetica Neue',Helvetica,sans-serif;
}
.CatamaranMedium *{
font-family: 'CatamaranMedium','Helvetica Neue',Helvetica,sans-serif;
}
.panno *{
font-family: 'panno','Helvetica Neue',Helvetica,sans-serif;
}
.roboto *{
font-family: 'roboto','Helvetica Neue',Helvetica,sans-serif;
}
.opensans *{
font-family: 'open_sansregular','Helvetica Neue',Helvetica,sans-serif;
}


.paragraph--type--timeline-item {
font-weight: normal;
text-align: center;
}

.paragraph--type--timeline-item .field-month-year * {
color: var(--second-color) !important;
}

.paragraph--type--timeline-item::after {
  content: "__________";
  color: var(--second-color);
}