/**
 *
 * Camps Bay Continental Styling (Repsonsive/Adaptive)
 *
 * Monzamedia
 * August 2019
 *
 */

/* Default and|or Light mode */
/*
:root {
  --open-sans: 'Open Sans', sans-serif;
  --theme-color: rgb(82, 92, 217);
  --btn-color: rgb(160, 159, 157);
  --text-primary-color: rgb(210, 210, 210);
  --text-secondary-color: rgb(44, 44, 44);
  --color-background: rgb(216, 216, 216);
  --color-white: #000000;
}
*/

/* Dark mode */
/*@media (prefers-color-scheme: light) {*/
:root {
  --theme-color: #ada326;
  --btn-color: #5f6062;
  --text-primary-color: #2d2d2d;
  --text-secondary-color: #d3d3d3;
  --color-background: #272727;
  --color-white: #ffffff;
}

/*}*/

/* Light mode */
/* @media (prefers-color-scheme: light) {
  :root {
    --theme-color: #ada326;
    --btn-color: #5f6062;
    --text-primary-color: #2d2d2d;
    --text-secondary-color: #d3d3d3;
    --color-background: #272727;
    --color-white: #ffffff;
  }
} */


html {
  max-width: 100%;
  min-height: 100vh;
  font-size: 16px;
  line-height: 1.618;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html,
body {
  height: 100%;
  font-family: var(--open-sans);
  font-style: normal;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a {
  vertical-align: baseline;
}

h1,
h2,
h3 {
  color: var(--theme-color);
}


.flip-y {
  transform: rotateY(180deg);
}

.cursor-pointer {
  cursor: pointer;
}

a,
p {
  font-size: 1rem;
  line-height: 30px;
  letter-spacing: 0;
  word-spacing: normal;
}

a,
a:hover,
a:active,
a:focus {
  cursor: pointer;
}

.text-torquoise {
  color: #1ec1c1;
}

.share-desktop-dropdown a:active,
.share-desktop-dropdown a:focus,
.share-desktop-dropdown a:hover,
.share-desktop-dropdown.active a,
.active .share-desktop-dropdown a {
  color: var(--color-white);
  text-decoration: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
}

h2,
[class*=title] {
  letter-spacing: calc(1em * (-20 / 1000));
  word-spacing: normal;
}

.font-open-sans {
  font-family: var(--open-sans);
  font-style: normal;
  font-weight: 400;
}

/*
.font-pt-sans {
  font-family: var(--pt-sans);
  font-style: normal;
  font-weight: 400;
}
*/
.border-radius-0 {
  border-radius: 0 !important;
}

.border-0 {
  border: 0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.custom-container {
  max-width: 1500px;
}

.custom-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.ellipsis {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* [class*=home] .title,
[class*=home] .description * {
  text-align: center !important;
} */

button:active,
button:focus,
button:hover,
a:active,
a:focus,
a:hover {
  outline: none;
  border: none;
  box-shadow: none;
}

.fade {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 0.309s;
  animation-duration: 0.309s;
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

button,
.btn {
  border: none;
  box-shadow: none;
  outline: 0;
}

.section-padding {
  padding: 40px 25px;
}

.page-padding {
  padding-top: 80px;
  padding-bottom: 40px;
}

.no-home-slider {
  display: none;
}


.share-overlay .share-modal h1,
.share-overlay .share-modal h2,
.share-overlay .share-modal h3 {
  letter-spacing: calc(1em * (20 / 1000));
}

.d-lg-grid {
  display: grid !important;
}

@media only screen and (max-width: 1440px) {
  .custom-container {
    max-width: 1280px;
  }

  #navbarNavResponsive.active {
    max-width: 50%;
  }

  header:not(.article-header) nav ul li>a,
  .nav-item a.nav-link,
  .nav-link,
  nav a.nav-link {
    padding-bottom: 45px;
  }
}

@media only screen and (max-width: 1280px) {
  .custom-container {
    max-width: 1140px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

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

  .nav-item {
    margin-left: 20px;
    margin-right: 20px;
  }
}

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

  header:not(.article-header) nav ul li>a,
  .nav-item a.nav-link,
  .nav-link,
  nav a.nav-link {
    padding-bottom: 30px;
  }

  #navbarNavResponsive {
    transition: all 0.618s ease;
  }

  .nav-item {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

}

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

  figure {
    margin: 0 !important;
  }

  .custom-container {
    max-width: 960px;

  }

  .page-padding {
    padding-top: 40px;
  }

  #navbarNavResponsive.active {
    max-width: 100%;
  }

  .nav-item {
    margin-left: 15px;
    margin-right: 15px;
  }

  /* main {
    padding-top: 157px;
  } */

}

@media only screen and (max-width: 991px) and (orientation: landscape) {}

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

  .custom-container {
    max-width: 720px;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .homeicons .card-img-top {
    max-width: 150px;
    max-height: 150px;
  }

}

@media only screen and (max-width: 767px) and (orientation: landscape) {}

@media only screen and (max-width: 576px) {
  .custom-container {
    max-width: 100%;
  }

  .d-md-grid {
    display: none !important;
  }

  p {
    font-size: 14px;
    line-height: 27px;
    letter-spacing: calc(1em * (-20/1000));
  }

  a[class*=btn],
  a[class*=cta] {
    font-size: 15px;
    font-weight: 700;
  }

}

.d-none {
  display: none !important;
}

.d-grid {
  display: grid !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}