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

  COLOURS TO USE:

  Main colour (matches logo):
  #A28060
  162, 144, 96

  Lighter colour:
  #C4B488
  196, 180, 136

  Darker colour:
  #76673E
  118, 103, 62

  Much darker colour:
  #695622
  105, 86, 34

  Almost black for contrast:
  #2f2f2f
  47, 47, 47

  Table stripes
  #f5f1e8
  245, 241, 232

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


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

  STANDARD ELEMENTS

  ------------------*/
/* div
{
  border: 1px solid red;
} */

@font-face{
  font-family: trajan-regular;
  src: url('../fonts/TrajanPro-Regular.woff');
}

@font-face{
  font-family: trajan-bold;
  src: url('../fonts/TrajanPro-Bold.woff');
}

@font-face{
  font-family: opensans-regular;
  src: url('../fonts/opensans-regular.woff');
}

@font-face{
  font-family: opensans-semibold;
  src: url('../fonts/opensans-semibold.woff');
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.carousel {
  width: 50%;
}

.house-div
{
  width: 600px;
  height: 400px;
}

.house-frame
{
  width: 100%;
  min-height: 100%;
}

body
{
    font-family: opensans-regular;
    font-size: 1em;
    background:white!important;
}

.opensans
{
  font-family: opensans-regular;
  font-size: 1em;
}

br
{
  line-height: 150%;
}

h1, h2, h3, h4, h5, h6
{
  font-family: trajan-regular;
  margin-bottom: 20px;
}

a,
a:hover,
a:active
{
  color: rgba(47, 47, 47, 1);
}

[type=search]
{
  cursor: pointer;
  -webkit-appearance: textfield;
  outline-offset: -2px;
  padding: 0.5em;
  font-size: 1.3em;
  background: rgba(0,0,0,0.5);
  border: 1px solid #2f2f2f;
  color: white;
  background-image: url('../images/search.png');
  background-repeat: no-repeat;
  background-position: right 0.4em center;
  outline: 0;
}

[type=search]::placeholder
{
  color: white;
  opacity: 1;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration
{
  -webkit-appearance: none;
}

.rotate
{
  transform-origin: center;
  transform: rotate(270deg);
}

.transparent
{
  background: transparent !important;
}

/* USED FOR TESTING, REMOVE WHEN SITE COMPLETED */
/* div {
  border: 1px solid blue;
} */


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

  ID ELEMENTS

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

#HomePageJumbotron
{
  height: 750px;
  overflow: hidden;
  position: relative;
}

#HomePageVideo
{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
  background-size: cover;
  transition: 1s opacity;
  z-index: -1000 !important;
}

#HomePageJumbotronOverlay
{
  top: 50px;
}

#HomePageJumbotronSearch
{
  width: 60%;
}

#MenuSearch
{
  width: 100%;
  font-size: 1.1rem;
}

#SearchPageSearch
{
  width: 100%;
}

#HomePageJumbotronNews
{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.60);
  min-height: 250px;
  bottom: 0;
  left: 0;
}

#SmallScreenHomePageNews
{
  width: 100%;
  padding-top: 40px;
  color: white;
  text-align: left;
  padding-bottom: 20px;
  background-image: url('/assets/core/images/smallscreennewsbackground.png');
  background-size: cover;
  font-size: 1.3rem;
}

#SmallScreenHomePageNews h6
{
  font-size: 1.4em;
}

#SmallScreenHomePageNews div
{
  padding-bottom: 10px;
}

#SmallScreenHomePageNews div:last-child
{
  padding-bottom: 5px;
}

#SmallScreenHomePageNews a
{
  color: inherit;
}

#HomePageJumbotronNews h5
{
  padding: 10px;
}

#HomePageJumbotronNews a
{
  color: inherit;
}

#HomePageJumbotronNews a:hover
{
  text-decoration: underline;
}

#HomePageMission
{
  margin-top: -3vw;
  /* z-index: 101; */
  position: relative;
}

#HeadteacherImage
{
  background-image: url('../images/headteacher.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 50% 25%;
  background-size: cover;
}

#HomePageNews
{
  margin-top: -3.1vw;
  background-color: black;
  position: relative;
  z-index: 100;
}

#HomePageClubs
{
  margin-top: -3vw;
  background-color: rgb(170, 151, 96);
  color: black;
  position: relative;
  min-height: 300px;
  width: 100%;
}

#HomePageClubs a
{
  width: 100%;
  text-align: center;
  padding-top: 160px;
  color: black;
  height: 100%;
}

#HomePageClubs a:hover
{
  color: #2f2f2f;
  text-decoration: none;
}

#HomePageClubs h5
{
  margin-bottom:-30px;
}

#HeadsWelcome
{
  padding-top: 50px;
  padding-bottom: 50px;
}

#NewsText
{
  padding-top: 150px;
  padding-bottom: 50px;
}

#NewsSmallScreenImage
{
  background-image: url('../images/news.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  height: 500px;
}

.newsImage
{
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 50% 50%;
  background-size: cover;
  height: 600px;
  width: auto;
  /* opacity: .8;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; */
}

.newsImage:hover > .newsImageHighlighter{
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  transition: background 0.5s linear;
}

.newsImageHighlighter
{
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  transition: background 0.5s linear;
}

/* .newsImageHighlighter:hover
{
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  transition: background 0.5s linear;
} */

.newsImage1
{
  background-image: url('../images/news1.jpg');
  
  border-right: 1px solid white;
}
/* .newsImage1:hover
{
  background-image: linear-gradient(
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 0)
    ),
  url('../images/news1.jpg');
  -webkit-transition: background 1.5s linear;
  -moz-transition: background 1.5s linear;
  -o-transition: background 1.5s linear;
  -ms-transition: background 1.5s linear;
  transition: background 1.5s linear;
} */

.newsImage2
{
  background-image: linear-gradient(
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 0.3)
    ),
  url('../images/news2.jpg');
  
  border-right: 1px solid white;
}
/* .newsImage2:hover
{
  background-image: linear-gradient(
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 0)
    ),
  url('../images/news2.jpg');
} */

.newsImage3
{
  background-image: linear-gradient(
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 0.3)
    ),
  url('../images/news3.jpg');
}
/* .newsImage3:hover
{
  background-image: linear-gradient(
      rgba(0, 0, 0, 0), 
      rgba(0, 0, 0, 0)
    ),
  url('../images/news3.jpg');
} */

.newsImage div
{
  position: absolute;
  bottom: 0px;
  color: white;
  text-shadow: 0px 0px 5px #000;
}

#ContentPageHeader
{
  /* height: 400px; */
  background-image: url('../images/news.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  background-position: 50% 50%;
  position: relative;
  min-height: 400px;
  z-index: 101;
}

#ContentPageHeader h1
{

  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
}

#ContentPageContent
{
  margin-top: -6.5vw;
  background-color: white;
  position: relative;
  z-index: 100;
}

#ContentSmallScreenImage
{
  background-image: url('../images/content.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  height: 250px;
}

#ContentLargeScreenImage
{
  background-image: url('../images/content.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 50% 50%;
  background-size: cover;
  margin-top: 75px;
}

#ContentText
{
  padding-top: 9vw;
  min-height: 500px;
}

#ContentText table a
{
  color: #2f2f2f;
}

#ContentText img
{
  max-width: 100%;
}

.contentBody h3
{
  text-align: left;
}

.mainContent a
{
  color: #76673E;
  /* font-weight: bolder; */
  text-decoration: underline;
}

.contentBody a:hover
{
  color: black;
  text-decoration: none;
}

#HomePageIcons
{
  background-color: rgba(35, 35, 35, 1);
  /* display: block; */
  overflow: hidden;
  padding: 64px 0px;
}

#HomePageIcons a {
  /* text-decoration: none; */
  color: rgba(255, 255, 255, 0.95);
}

#HomePageIcons a:hover{
  color: rgba(255, 255, 255, 1);
}

#HomePageIcons div {
  display: inline-block;
  overflow: hidden;
  width: 100px;
  margin: 0 5px;
  margin-top: 5px;
}

#HomePageIcons span {
  display: block;
  margin-top:5px;
  text-align: center;
}

#Footer
{
  background-color: rgba(196, 180, 136,  1);
  background-image: url('/assets/core/images/footerbackground.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  color: rgba(0, 0, 0, 0.70);
  padding-top: 40px;
}

#Footer .rowMargin
{
  margin: 20px 0px;
}

#Footer a
{
  color: inherit;
  /* text-decoration: none; */
}

#Footer a:hover
{
  color: rgba(0, 0, 0, 1);
}

#FooterLinks
{
  font-size: 0.9rem;
}

#FooterSocial
{
  font-size: 1.5rem;
}

#CookieInfo
{
  background-color: #222;
  color: white;
  padding: 20px;
}

#CookieInfo a
{
  color: inherit;
  text-decoration: underline;
}

#CookieInfo a:hover
{
  text-decoration: none;
}

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

  CLASS ELEMENTS

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

.modal
{
  margin-top: 100px;
}

.modal-backdrop
{
  background-color: white;
}

.modal-content
{
  background-color: #2f2f2f;
  color: white;
}

.modal .modal-header
{
  border-bottom: 1px solid transparent;
}

.modal .modal-body a
{
  color: inherit;
}

.modal .modal-footer
{
  border-top: 1px solid transparent;
}

.margin-16
{
    margin: 16px !important;
}

.padding-64
{
  padding: 64px;
}

.padding-sides-64
{
  padding-right: 64px;
  padding-left: 64px;
}

.tanfieldGold
{
  background-color: rgba(196, 180, 136, 1);
}

.tanfieldTextGold
{
  color: #c4b790;
}

.homePageJumbotronHeader
{
  font-size: 4rem !important;
  font-weight: bolder;
  text-shadow: 0px 0px 8px #000;
  font-family: trajan-regular;
}

.homePageJumbotronSubHeader
{
  font-size: 1.5rem !important;
  font-weight: bold;
  text-shadow: 0px 0px 8px #000;
}

.trapezoid
{
  -webkit-clip-path: polygon(
    0 0,
    100% 15%,
    100% 85%,
    0 100%
  );

  clip-path: polygon(
    0 0,
    100% calc(0% + 3vw),
    100% calc(100% - 3vw),
    0 100%
  );
}

.parallelogram
{
  -webkit-clip-path: polygon(
    0 15%,
    100% 0,
    100% 85%,
    0 100%
  );

  clip-path: polygon(
    0 calc(0% + 3vw),
    100% 0,
    100% calc(100% - 3vw),
    0 100%
  );
}

.newsLink
{
  margin: 5px;
}

#pdf, .pdfobject-container
{
  height: 600px;
}

#pdf, .pdfobject
{
  border: 1px solid lightgray;
}

.fiftyImage
{
  width: 50%;
}

.cardLink,
.cardLink:hover
{
  text-decoration: none;
}

.youtubeVideo
{
  width: 558px;
  height: 314px;
}

.min-height-150
{
  /* min-height: 230px; */
}

.attendance-table td
{
  white-space: nowrap;
}

/* Hoverable cells in tables */
.table-hover-cells > tbody > tr > th:hover,
.table-hover-cells > tbody > tr > td:hover {
  background-color: #f5f5f5 !important;
}

.table-hover-cells > tbody > tr > th.active:hover,
.table-hover-cells > tbody > tr > td.active:hover,
.table-hover-cells > tbody > tr.active > th:hover,
.table-hover-cells > tbody > tr.active > td:hover {
  background-color: #e8e8e8 !important;
}

.table-hover.table-hover-cells > tbody > tr:hover > th:hover,
.table-hover.table-hover-cells > tbody > tr:hover > td:hover {
  background-color: #e8e8e8 !important;
}

.table-hover.table-hover-cells > tbody > tr.active:hover > th:hover,
.table-hover.table-hover-cells > tbody > tr.active:hover > td:hover {
  background-color: #d8d8d8 !important;
}

h1 > .divider:before,
h2 > .divider:before,
h3 > .divider:before,
h4 > .divider:before,
h5 > .divider:before,
h6 > .divider:before,
.h1 > .divider:before,
.h2 > .divider:before,
.h3 > .divider:before,
.h4 > .divider:before,
.h5 > .divider:before,
.h6 > .divider:before {
  color: #777;
  content: "\0223E\0020";
}

/* NAV TABS */
.tab .nav-tabs > li:last-child{
    margin-right: 0;
}
.tab .nav-tabs > li{
    margin-right: 2px;
}

.tab .nav-tabs > li > a{
    border: none;
    padding: 18px 25px;
    color:#000;
    background: rgba(196, 180, 136, 0.5);
    border-radius:0;
    min-height: 100%;
    /* border-radius: 10px 10px 0 0; */
}
.tab .nav-tabs > li > a > i{
    font-size:14px;
    margin-right:10px;
}
.tab .nav-tabs > li > a.active,
.tab .nav-tabs > li > a.active:focus,
.tab .nav-tabs > li > a.active:hover{
    border: none;
    background: rgba(196, 180, 136, 1);
    color:#000;
    transition:background 0.20s linear;
    /* border-radius: 25px 0 0 0; */
}
.tab .nav-tabs > li > a:hover
{
  background: rgba(196, 180, 136, 0.7);
  transition:background 0.20s linear;
}
/* .tab .nav-tabs > li:after a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 37%;
    border: 15px solid transparent;
    border-top-color: rgba(196, 180, 136, 1);
} */

.tab .tab-content{
    border: 1px solid #ddd;
    border-top:5px solid rgba(196, 180, 136, 1);
    border-bottom:5px solid rgba(196, 180, 136, 1);
    padding:30px 25px;
}
@media only screen and (max-width: 480px){
    .tab > .nav-tabs > li {
        width:100%;
        margin-right: 0;
    }
    .tab .nav-tabs > li > a{
        padding: 20px;
        border-radius: 0;
    }
    /* .tab .nav-tabs > li.active:after {
        border:none;
    } */
}
/* .btn-primary{color:#fff;background-color:#C4B488;border-color:#A28060}

.btn-primary:hover{color:#fff;background-color:#A28060;border-color:#76673E}
.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem rgba(162,144,96,0.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#C4B488;border-color:#A28060}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#C4B488;border-color:#000}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(162,144,96,0.5)}

.btn-outline-primary{color:#76673E;background-color:transparent;background-image:none;border-color:#76673E}.btn-outline-primary:hover{color:#222;background-color:#C4B488;border-color:#A28060}
.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(118,103,62,0.5)}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#76673E;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#A28060;border-color:#76673E}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(162,144,96,0.5)} */


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

  NAV BAR

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

.navbar-brand {
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
  font-size: 1.6rem;
}

.navbar-tanfield {
  font-size: 16px;
  background-color: rgba(47, 47, 47, 1);
  border-bottom-width: 0px;
  font-family: trajan-regular;
}

.navbar-tanfield .navbar-nav>li>a {
  color: rgba(255, 255, 255, 1);
  background-color: rgba(47, 47, 47, 1);
  margin-top: 5px;
}

.navbar-tanfield .navbar-nav>li>a:hover,
.navbar-tanfield .navbar-nav>li>a:focus {
  color: rgba(47, 47, 47, 1);
  background-color: rgba(196, 183, 144, 1);
}

.navbar-tanfield .navbar-nav>.active>a,
.navbar-tanfield .navbar-nav>.active>a:hover,
.navbar-tanfield .navbar-nav>.active>a:focus {
  color: rgba(47, 47, 47, 1);
  background-color: rgba(152, 143, 76, 1);
}

.navbar-tanfield .navbar-toggler
{
  border-color: #988f4c;
}

.navbar-tanfield .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(196,183,144, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-tanfield .dropdown-menu
{
  background-color: #444;
  border-radius: 0;
  font-size: 0.9rem;
}

.navbar-tanfield .dropdown-menu a
{
  color: white;
}

.navbar-tanfield .dropdown-menu a:hover
{
  color: #2f2f2f;
}

/* .navbar-tanfield .navbar-toggler:hover,
.navbar-tanfield .navbar-toggler:focus {
  background-color: #988f4c;
}

.navbar-tanfield .navbar-toggler .icon-bar {
  background-color: #988f4c;
}

.navbar-tanfield .navbar-toggler:hover .icon-bar,
.navbar-tanfield .navbar-toggler:focus .icon-bar {
  background-color: #2f2f2f;
} */

.dropdown-toggle::after
{
  display: none;
}

/* NAVBAR DROPDOWNS ON HOVER INSTEAD OF ON CLICK */
/* .dropdown:hover .dropdown-menu
{
  display: block;
  margin-top: -1px;
} */

.nav-item
{
  text-transform: uppercase;
  font-family: trajan-regular;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #f5f1e8
}


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

  RESPONSIVE

  ------------------*/
@media only screen and (min-width: 1450px)
{
  #HomePageJumbotron
  {
    height: 850px;
    /* background-color: rgba(0, 0, 0, 0.20); */
  }

  #HomePageVideo
  {
    top: 35px;
  }
  #HomePageJumbotronOverlay
  {
    top: 70px;
  }
}
@media only screen and (max-width: 1449px)
{
  .homePageJumbotronHeader img
  {
    width:50%;
  }
  #HomePageJumbotronOverlay
  {
    top: 70px;
  }
}
@media only screen and (max-width: 1600px)
{
  .newsImage
  {
    height:500px;
  }
}
@media only screen and (max-width: 1340px)
{
  .newsImage
  {
    height:400px;
  }
  #HomePageJumbotron
  {
    height: 650px;
    overflow: hidden;
    position: relative;
  }

  .homePageJumbotronHeader img
  {
    width:40%;
  }

  #HomePageJumbotronOverlay
  {
    top: 70px;
  }
}

@media only screen and (max-width: 1200px)
{

  #HomePageClubs a
  {
    padding-top: 150px;
  }

  #Footer {
    background-size: auto 100%;
  }

  .navbar-tanfield {
    font-size: 15px;
  }
  #ContentText
  {
    min-height: 0px;
  }

  #HeadsWelcome
  {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #NewsText
  {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #HomePageJumbotron
  {
      height: 650px;
      background-color: rgba(0,0,0,0.2);
  }

  .homePageJumbotronHeader img
  {
    width:60%;
  }

  #HomePageJumbotronOverlay
  {
    top: 60px;
  }

  #HomePageJumbotronSearch
  {
    margin-top: -30px;
    width: 70%;
  }

  #HomePageVideo
  {
    top: 45px;
    width: 120%;
  }

  /* .parallelogram
  {
    -webkit-clip-path: none;

    clip-path: none;
  }
  .trapezoid
  {
    -webkit-clip-path: none;

    clip-path: none;
  } */
}

@media (max-width: 991px)
{
  #HomePageClubs a
  {
    padding-top: 140px;
  }

  .navbar
  {
    max-height: 100vh;
    overflow-y: scroll;
  }

  #ContentPageHeader
  {
    padding-top: 70px;
  }

  #HeadsWelcome
  {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #MenuSearch
  {
    width: 50%;
  }

  #SmallScreenHomePageNews
  {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .parallelogram
  {
    -webkit-clip-path: none;

    clip-path: none;
  }
  .trapezoid
  {
    -webkit-clip-path: none;

    clip-path: none;
  }
  #HomePageNews
  {
    margin-top: 54px;
  }
  .newsImage
  {
    height: 400px;
  }
  .newsImage1
  {
    border-right: 0;
    border-top: 1px solid white;
  }
  .newsImage2
  {
    border-right: 0;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
  }
  .newsImage3
  {
    border-bottom: 1px solid white;
  }
}

@media (min-width: 992px) {
  .navbar {
      height: 50px;
  }
}

@media only screen and (max-width: 768px)
{
  .carousel {
    width: 100%;
  }

  #pdf {
    display: none;
  }

  #ContentPageHeader
  {
    background-image: url('../images/news.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    background-position: 50% 50%;
    position: relative;
    min-height: 0;
    z-index: 101;
  }

  #HomePageJumbotron
  {
    height: 400px;
  }

  /* #HeadsWelcome
  {
    padding-top: 0px;
    padding-bottom: 0px;
  } */

  #NewsText
  {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #SmallScreenHomePageNews
  {
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 1.2rem;
  }
  #SmallScreenHomePageNews h6
  {
    font-size: 1.3em;
  }

  .padding-64
  {
    padding: 50px 16px;
  }

  .tab .nav-tabs
  {
    display: block;
  }

  .tab .nav-tabs > li{
    margin-right: 0px;
  }

  #MenuSearch
  {
    width: 75%;
  }

  .youtubeVideo
  {
    width: 350px;
    height: 196px;
  }
}

@media only screen and (max-width: 698px)
{
  .house-div
  {
    width: 100%;
  }
  #HomePageClubs a
  {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 400px)
{
  h1
  {
    font-size: 1.8rem;
  }

  /* #HeadsWelcome
  {
    padding-top: 50px;
    padding-bottom: 0px;
  } */

  #NewsText
  {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #MenuSearch
  {
    width: 100%;
  }

  #SmallScreenHomePageNews
  {
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 1.1rem;
  }
   #SmallScreenHomePageNews h6
  {
    font-size: 1.2em;
  }

  #Footer h5
  {
    font-size: 1.2rem;
  }

  .navbar-brand
  {
    font-size: 1.2rem;
  }
  .youtubeVideo
  {
    width: 250px;
    height: 140px;
  }
}

/* IPADS ONLY IN LANDSCAPE MODE */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
{
   .parallelogram
  {
    -webkit-clip-path: none;

    clip-path: none;
  }
  .trapezoid
  {
    -webkit-clip-path: none;

    clip-path: none;
  }

  #HomePageJumbotronNews
  {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.60);
    min-height: 100px;
    bottom: 30px;
    left: 0;
  }
}

/* SAFARI */
@media not all and (min-resolution:.001dpcm) { @media 
{
  .parallelogram
  {
    -webkit-clip-path: none;

    clip-path: none;
  }
  .trapezoid
  {
    -webkit-clip-path: none;

    clip-path: none;
  }

  #HomePageJumbotronNews
  {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.60);
    min-height: 100px;
    bottom: 30px;
    left: 0;
  }
}}