﻿.purpleBorder
{
  border: 1px solid #642D6D;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  box-shadow: 1px 1px 0px #800000; 
}

.tcpsPicturePlayer{}
.tcps3Columns
{
  display : flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding : 2em 2em;
}
.tcpsLatestNews
{
  background: linear-gradient(135deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
  /*background-color : #FFFFFF;*/
}
.tcpsPhotoGallery
{
  background: linear-gradient(135deg, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
  /*background-color : #FFFFFF;*/
}
.tcpsAwards
{
  background: linear-gradient(135deg, #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%);
  /*background-color : #FFFFFF;*/
}

.tcpsShortcut
{
  margin : 0 2em;
  padding : 2em 0;
  background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
}

@media (max-width: 480px) 
{
  .tcps3Columns
  {
    display : block;
    padding : 2em 1em;
  }
  .tcpsLatestNews, .tcpsPhotoGallery, .tcpsAwards
  {
    padding : 1em 0;
    margin : 0 0 2em 0;
  }
}
@media (min-width: 481px) and (max-width: 767px) 
{
  .tcps3Columns
  {
    display : block;
    padding : 2em 1em;
  }
  .tcpsLatestNews, .tcpsPhotoGallery, .tcpsAwards
  {
    padding : 1em 0;
    margin : 0 0 2em 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) 
{
  .tcpsLatestNews
  {
    flex-basis : 100%;
    padding : 1em 0;
  }
  .tcpsPhotoGallery
  {
    flex-basis : 100%;
    padding : 1em 0;
  }
  .tcpsAwards
  {
    flex-basis : 100%;
    padding : 1em 0;
  }
}
@media (min-width: 980px) and (max-width:1199px) 
{
  .tcpsLatestNews
  {
    flex-basis : 100%;
    padding : 1em 0;
    margin-bottom : 2rem;
  }
  .tcpsPhotoGallery
  {
    flex-basis : calc(50% - 20px);
    padding : 1em 0;
  }
  .tcpsAwards
  {
    flex-basis : calc(50% - 20px);
    padding : 1em 0;
  }
}
@media (min-width: 1200px) and (max-width:1919px) 
{
  .tcpsLatestNews
  {
    flex-basis : 32%;
  }
  .tcpsPhotoGallery
  {
    flex-basis : 32%;
  }
  .tcpsAwards
  {
    flex-basis : 32%;
  }
}
@media (min-width: 1920px) 
{
  .tcpsLatestNews
  {
    flex-basis : 32%;
  }
  .tcpsPhotoGallery
  {
    flex-basis : 32%;
  }
  .tcpsAwards
  {
    flex-basis : 32%;
  }
}
