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

Adjusting original CSS - padding, margin and background

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

::selection {
  background: #F0F0F0 !important;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #F0F0F0 !important; /* Firefox */
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #F0F0F0 !important; /* Safari */
  color: #FFF;
  text-shadow: none;
}

.bg-color #header-wrap {
  background-color: #F0F0F0 !important;
} 

#content {
  background-color: #F0F0F0;
}

.content-wrap {
  padding: 0px !important;
  margin: 0px !important;
  max-width: none;
}

#content .container {
  padding: 0px !important;
  margin: 0px !important;
  max-width: 100%;
}

.section {
  padding-right: 5%;
  padding-left: 5%;
  margin-top: 0;
  margin-bottom: 0;
}

.section p {
  padding: 0px !important;
} 

.section-grey {
  background-color: #D9D9D9;
}

.section-white {
  background-color: #FFFFFF;
}


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

Adjusting original CSS - text, borders and links

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

.color { color: #F0F0F0 !important; }

.border-color { border-color: #F0F0F0 !important; }

a {
 text-decoration: none !important;
 color: #999;
}

a:hover {
 color: #C9C9C9 !important;
}

.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
 color: #C9C9C9;
}

.menu-item.current > .menu-link {
 color: #F0F0F0;
}

.h-text-color:hover,
a.h-text-color:hover {
 color: #F0F0F0 !important;
}

.sub-menu-container 
{
  border: 2 px #999;
}

.sub-menu-container .menu-item:hover > .menu-link {
 color: #000;
}

.grid-filter li a:hover {
  color: #000 !important;
}

.grid-filter.style-4 li.activeFilter a::after {
 background-color: #000 !important;
}


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

Adjusting original CSS - titles and content

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

#content p {
  padding: 60px 5% 60px 5%;
} 

#page-title {
  display: none;
}


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

Adjusting original CSS - Scroll behaviour, parallax and dividers 

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

.section {
  scroll-behavior: smooth;
}

.parallax-style1  {
  padding: 60px 5% 60px 5%;
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/pjrxYM3ekGjm.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-style1 h4 {
  font-size: 4vw; 
  font-weight: bold;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  .parallax-style1 {
    padding: 100px 5% 100px 5% !important;
    background-attachment: fixed;
    overflow: hidden;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 768px) {
  .parallax-style1 h4 {
    font-size: 8vw; 
  }
}  

.divider-style {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


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

Adjusting original CSS - Buttons, lists and icons 

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

.btn {
  padding: 15px 32px;
  border-radius: 10px; 
  outline: none !important;
  box-shadow: none !important;
}

.btn-success, .btn-success:focus, .btn-success:active, .btn-success:visited {
  background-color: #09092c !important;
  border: 1px solid #000 !important;
}

.btn-warning, .btn-warning:focus, .btn-warning:active, .btn-warning:visited {
  background-color: #CCC !important;
  border: 1px solid #000 !important;
}

.btn-info, .btn-info:focus, .btn-info:active, .btn-info:visited {
  background-color: #CCC !important;
  border: 1px solid #000 !important;
}

.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
  padding: 5px 5px;
  background-color: #09092c !important;
  border: 1px solid #000 !important;
}

.btn-success:hover, .btn-warning:hover, .btn-primary:hover, .btn-info:hover   {
  opacity: 0.8 !important;
  color: #fff !important;
}

.waiting { /* buttons on training session overview*/
  padding: 5px 5px;
}

#new-member-form .waiting {
  padding: 15px 32px;
}

#anyid .btn { /* member invoices, unsubscribe */
  padding: 5px 5px;
}

.btn-width {
  width: 180px;
}

ul li {
  margin: 10px;
}

.icon-size {
  font-size: 44px;
}

.rounded-50 {
  border-radius: 50%;
}


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

Adjusting original CSS - ForeningLet "system" pages 

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

#content h1, h2 {
  padding: 100px 5% 100px 5%;
  color: #FFF;
  font-size: 4vw; 
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/d3BBOzAX6Q3N.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  #content h1, h2 {
    background-attachment: fixed;
    overflow: hidden;
    overflow-y: scroll;
  }
} 

.section-title1 {
  padding: 0px 5% 0px 5%;
  color: #B4B4DB;
  font-size: 5vw; 
  text-align: center;
}

@media screen and (max-width: 768px) {
  #content h1, h2 {
    font-size: 8vw; 
  }

  .section-title1 {
    font-size: 10vw; 
  } 
}

input[type=text], input[type=password] {
  padding: 12px 20px;
}

.read-only-span {
  padding: 12px 20px;
  background-color: #e3e3e3;
}

.form-group label {
  font-size: 10px !important;
}

@media screen and (max-width: 768px) {
  #member-form {
    padding-right: 5vw;
    padding-left: 5vw;
  }
}

.activity-entry {
  padding: 60px 25vw 60px 25vw; 
  background-image: none !important;
  background-color: #D9D9D9;
}

.activity-extra-info {
  padding: 20px 25vw 0px 25vw;
  background-color: #F0F0F0;
}

#subscription-details-div {
  padding: 20px 25vw 60px 25vw;
  background-color: #F0F0F0;
}

#subscription-details-div .waiting {
  padding: 15px 32px;
}

.activity-extra-info p {
  padding: 0 !important;
}

@media screen and (max-width: 768px) {
  .activity-entry {
    padding: 60px 5vw 60px 5vw; 
  }

  .activity-extra-info, #subscription-details-div {
    padding: 20px 5vw 20px 5vw; 
  }
}

#login-box .button { /* prohibit link to enrollment page on information page*/
  display: none;
}

.panel-default {
  padding: 0px !important;
}

.panel-body {
  padding: 60px 15vw 60px 15vw; 
  background-color: #F0F0F0;
}

.panel-body p {
  padding: 0px !important;
}

#anyid { /* member invoices, unsubscribe */
  padding: 60px 15vw 60px 15vw !important; 
  background-color: #F0F0F0;
}

.panel-body #anyid {
  padding: 0px !important;
}

@media (max-width: 768px) {
  .panel-body {
    padding: 60px 5vw 60px 5vw; 
  }

  #anyid { /* member invoices, unsubscribe */
    padding: 60px 5vw 60px 5vw !important; 
  }

  .panel-body #anyid {
    padding: 0px !important;
  }
}

.panel-title {
  padding: 100px 5% 100px 5%;
  color: #FFF;
  font-size: 4vw;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/d3BBOzAX6Q3N.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .panel-title {
    background-attachment: fixed;
    overflow: hidden;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 768px) {
  .panel-title {
    font-size: 6vw;
    background-position: top;
  }
}  

#calendar {
  background-color: #FFF;
}

#calendar h2 {
  padding: 0;
  color: #000;
  font-size: 2vw; 
  background-image: none !important;
} 

@media screen and (max-width: 768px) {
  #calendar h2 {
    font-size: 4vw; 
  }
}

#calendar {
    padding: 20px;
}

.entry {
  padding: 100px 25vw 100px 25vw;
}

@media (max-width: 768px) {
  .entry {
    padding: 60px 5vw 60px 5vw;
  }
}

.entry-content p {
  padding: 0 !important;
}

@media screen and (min-width: 769px) {
  #posts {
    padding: 100px 25vw 100px 25vw;
  }

  #posts .entry {
    padding: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  #posts .entry {
    padding: 100px 5vw 0 5vw;
  }

  .grid-inner {
    padding: 0 5vw 0 5vw !important;
  }
}

.entry-title h2 {
  display: none;
} 

.entry img {
  border-radius: 5%;
} 

#subscription-details-div .panel-default, .panel-info {
  padding: 60px 5vw 60px 5vw !important; 
  background-color: #F0F0F0 !important;
  border: none;
}

#subscription-details-div p {
  padding: 0px !important;
  border: none;
}

#subscription-details-div .panel-heading {
  background-color: #FFF !important;
}

#subscription-details-div .panel-title {
  padding: 0;
  color: #000;
  font-size: 30px;
  font-weight: normal;
  text-transform: none;
  text-align: center;
  background-image: none;
}

#subscription-details-div .panel-info .panel-title {
  display: none;
} 

#subscription-details-div .list-group {
  background-color: #FFF !important;
}

#subscription-details-div .list-group-item {
  border: none;
}


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

Additional content

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


.fcf-bg-d {
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/Sh7AZWtk9f3B.jpg);
}

.fcf-bg-f {
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/3sQnhbQsBCOa.jpg);
}

.fcf-bg-k {
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/WXKAGQ23Zq4z.jpeg);
}

.fcf-bg-p {
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/EynRLHXpfs9K.jpg);
}

.fcf-bg-s {
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/kfyFYfbx7s5Y.jpg);
}

.fcf-bg-t {
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/HpWG8XcgxGjq.jpeg);
}

.fcf-bg-v {
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/hLz4eH8D5aeX.jpg);
}

.fcf-bg-w {
  background-image: url(https://foreninglet-cms-files.s3-eu-west-1.amazonaws.com/3446/RS4q2wyprwcB.jpg);
}