/*

Embed fonts families:
-------------------
font-family: 'Arimo', sans-serif;

possible weights:
-------------------
Arimo:400,400i,700,700i

animation:
-------------------
transition: all 0.5s;

Content:
1. Main styles override
2. Contact form 7 
3. Navbar bootstrap
4. Owl carousel
5. ACF elements
6. Theme styles  
7. Responsive fixes

*/

/* ============================================= */
/* 1. Main styles override                       */
/* ============================================= */

body {
  font-family: 'Arimo', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  overflow-x: hidden;
}
p {
  padding-bottom: 14px;
}
/* Links */
a {
    color: #464646;
    text-decoration: none;
    outline: 0;
}
a:focus, a:hover {
    color: #464646;
    text-decoration: none;
}
a:focus {
    outline: thin dotted;
    outline-offset: -2px;
}

/* /Links */

/* Image responsive fix */
img {
  width: initial;
  max-width: 100%;
  height: auto;
}
/* /Image responsive fix */

/* Headers */
h1, h2, h3, h4, h5 {
  font-family: 'Arimo', sans-serif;
  color: #000;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 23px;
}
h4 {
  font-size: 23px;
}
h5 {
  font-size: 15px;
}
h6 {
  font-size: 13px;
}

/* /Headers */

/* Bootstrap extra spaces */
.pt-6,
.py-6 {
  padding-top: 6rem !important;
}

.pr-6,
.px-6 {
  padding-right: 6rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 6rem !important;
}

.pl-6,
.px-6 {
  padding-left: 6rem !important;
}
.mt-6,
.my-6 {
  margin-top: 6rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 6rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 6rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 6rem !important;
}
/* /Bootstrap extra spaces */

/* Buttons */
.btn-default {
  background-color: #fff;
  border:2px solid #666;
  border-radius: 5px;
  font-size: 20px;
  color: #666;
  font-family: 'Arimo', sans-serif;
  font-weight:600;
  padding:15px 25px;
  transition: all 0.5s;
}
.btn-default:hover,
.btn-default:active {
  background-color:#f2f2f2;
  color: #666;
  text-decoration: none;
  transition: all 0.5s;
}
/* /Buttons */

section {
  position: relative;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}

/* Vertical align */
.vertical-a {
  display: flex;
  justify-content: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
  .vertical-align {
    display: block;
  }
}
.vertical-b {
  align-self: center;
  width: 100%;
}
/* /Vertical align */

/* Placeholder  */
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}
/* /Placeholder  */

/* Selection  */
::selection {
  background: #395b2f;; /* WebKit/Blink Browsers */
  color:#fff;
}
::-moz-selection {
  background: #395b2f;; /* Gecko Browsers */
  color:#fff;
}
/* /Selection */

/* Box links (often used)  */
.box-link {
  position:absolute;
  height:100%;
  width:100%;
  left:0px;
  top:0px;
}
/* /Box links (often used)  */

.bg-test {
  background-color: rgba(255,0,0,0.5);
}

/* ============================================= */
/* 2. Contact form 7                             */
/* ============================================= */
footer .form-control::-webkit-input-placeholder { 
  color: #3b9498; 
  font-weight: 300;
}
footer .form-control:-moz-placeholder { 
  color: #3b9498; 
  font-weight: 300; 
}
footer .form-control::-moz-placeholder { 
  color: #3b9498; 
  font-weight: 300; 
}
footer .form-control:-ms-input-placeholder { 
  color: #3b9498; 
  font-weight: 300; 
}
footer .form-control::-ms-input-placeholder { 
  color: #3b9498; 
  font-weight: 300; 
}
footer .wpcf7 input[type="text"],
footer .wpcf7 input[type="email"],
footer .wpcf7 input[type="tel"],
footer .wpcf7-select,
footer .wpcf7 textarea {
  background-color: #272a34;
  color: #fff;
  border-radius: 0px;
  border:1px solid #2a7578;
  padding: 25px 20px;
}
footer .wpcf7 input:focus,
footer .wpcf7 textarea:focus,
footer .wpcf7-select:focus {
  background-color: #383d4d;
  color: #3b9498;
}
footer .wpcf7-form select {
  padding: 0px;
  line-height: 40px;
}
footer .wpcf7-list-item-label {
  color:#fff; 
  font-size: 16px;
}
footer .wpcf7-list-item-label a {
  color:#fff; 
  font-weight: 500;
}

.contact-form .form-control::-webkit-input-placeholder { 
  color: #b6b6b6; 
  font-weight: 300;
}
.contact-form .form-control:-moz-placeholder { 
  color: #b6b6b6; 
  font-weight: 300; 
}
.contact-form .form-control::-moz-placeholder { 
  color: #b6b6b6; 
  font-weight: 300; 
}
.contact-form .form-control:-ms-input-placeholder { 
  color: #b6b6b6; 
  font-weight: 300; 
}
.contact-form .form-control::-ms-input-placeholder { 
  color: #b6b6b6; 
  font-weight: 300; 
}
.contact-form .wpcf7 input[type="text"],
.contact-form .wpcf7 input[type="email"],
.contact-form .wpcf7 input[type="tel"],
.contact-form .wpcf7-select,
.contact-form .wpcf7 textarea {
  background-color: #fff;
  color: #000;
  border-radius: 0px;
  border:1px solid #2a7578;
  padding: 25px 20px;
}
.contact-form .wpcf7 input:focus,
.contact-form .wpcf7 textarea:focus,
.contact-form .wpcf7-select:focus {
  background-color: #fff;
  color: #000;
}
.contact-form .wpcf7-form select {
  padding: 0px;
  line-height: 40px;
}
.contact-form .wpcf7-list-item-label {
  color:#b6b6b6; 
  font-size: 16px;
}
.contact-form .wpcf7-list-item-label a {
  color:#b6b6b6; 
  font-weight: 500;
}


/* ============================================= */
/* 3. Navbar (bootstrap)                         */
/* ============================================= */

.navbar {
  padding-top: 0px;
  font-family: 'Arimo', sans-serif;
  background-color: #fff !important;
  border-bottom: 1px solid #c8c8c8;
}
.navbar .container {
  justify-content: center;
}

.navbar-brand {
  padding-top: 30px 
}
.navbar-brand img {
  max-width: 224px; 
  transition: all 0.5s;
}
.shrink .navbar-brand img {
  height: 50px;
  width: auto;
  transition: all 0.5s;
}
.navbar-nav {
  margin-top: 20px;
  padding-bottom: 5px;
  transition: all 0.5s;
}
.shrink .navbar-nav {
  margin-top: 0px;
  transition: all 0.5s;
}
.navbar-nav .nav-link {
  color: #395b2f;
  font-size: 17px;
  font-weight: 600;
  transition: all 0.5s;
}
.navbar-expand-lg .navbar-nav .nav-link {
  margin-top: 5px;
  padding-left: 17px;
  padding-right: 17px; 
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.show {
  color: #7cc68d;
  transition: all 0.5s;
}
.navbar-nav .active > .nav-link,
.navbar-nav .nav-link.active {
  color: #7cc68d;
}
.navbar-toggler {
  height: 40px;
  margin-top: 15px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.05);
  transition: all 0.5s;
  width: 100%;
  background-image: url(../img/bg-navbar-toggler.png);
  background-repeat: no-repeat;
  background-position: right center ;
}

.shrink .navbar-toggler {
  margin-top: 10px;
  transition: all 0.5s;
}
.dropdown-menu {
  margin-top: 8px;
  border-top:3px solid #7cc68d;
  border-radius: 0px;
  background-color: #fff;
}
.dropdown-menu li a.dropdown-item {
  font-weight: 600;
  line-height: 41px;
  color: rgba(0,0,0,0.6);
}
.dropdown-menu li a.dropdown-item:hover {
  color:#fff;
  transition: all 0.3s;
}
.dropdown-menu li a.dropdown-item:hover,
.dropdown-menu li a.dropdown-item:focus,
.dropdown-menu li a.dropdown-item:active {
  background-color: #f9f9f9;
  color: #929292;
  transition: all 0.3s;
}
.dropdown-menu .menu-item-has-children a.dropdown-toggle:after {
  float: right;
  margin-top: 17px;
}

/* Menu 3rd level menu */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px;
}
.dropdown-submenu .dropdown-menu {
  top: 0; left: 95%; margin-top: -11px;
}
@media (max-width: 992px)
{
  .dropdown-menu {
    padding: .5rem 0;
    margin: .125rem 0 0;
  }
  li > ul > li > ul > li > .dropdown-item {
    padding: .25rem 3rem;
  }
  .dropdown-submenu .dropdown-menu {
    box-shadow: none;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .navbar-toggler-icon {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #666;
    font-weight: 600;
    line-height: 22px;
  }

}
/* Menu 3rd level menu */

/* ============================================= */
/* 4. Owl carousels                              */
/* ============================================= */

.owl-carousel .owl-nav {
  margin-top: 20px;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:active {
  background-image: url(../img/arrow-left.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 27px;
  width: 31px;
  border-radius: 0px;
  background-color: transparent;
}
.dark-container .owl-carousel .owl-nav button.owl-prev,
.dark-container .owl-carousel .owl-nav button.owl-prev:hover,
.dark-container .owl-carousel .owl-nav button.owl-prev:active {
  background-image: url(../img/arrow-left-white.png);
}

.owl-carousel .owl-nav button.owl-prev span {
  display: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-next:active {
  background-image: url(../img/arrow-right.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 27px;
  width: 31px;
  border-radius: 0px;
  background-color: transparent;
}
.dark-container .owl-carousel .owl-nav button.owl-next,
.dark-container .owl-carousel .owl-nav button.owl-next:hover,
.dark-container .owl-carousel .owl-nav button.owl-next:active {
  background-image: url(../img/arrow-right-white.png);
}

.owl-carousel .owl-nav button.owl-next span {
  display: none;
}


/* ============================================= */
/* 5. ACF elements                               */
/* ============================================= */
.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.acf-map {
  width: 100%;
  height: 100%;
  min-height: 80vh;
  margin-bottom: 0px;
}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


/* ============================================= */
/* 6. Theme styles                               */
/* ============================================= */
#banner {
  background-color:#fff;
  
}
.scene {
  min-height: 36vh;
  background-size: cover;
  background-position: center;
}
.owl-item  {
  margin-left: 1px;
}
.scene .scene-caption {
  text-align: center;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  padding: 40px;
}
.scene .scene-caption h3 {
  color:#fff;
  font-size: 46px;
  text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px;
}
.scene .scene-caption p {
  text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px;
}
footer {
  background-color:#395b2f; 
  color: #fff;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p  {
  color: #fff;
}
footer p {
  font-size: 14px;
}
footer a {
  color: #7cc68d;
}
footer a:hover,
footer a:focus,
footer a:active {
  color: #60af72;
}
.wp-video {
  width: 100% !important;
}

#content a.btn-default  {
  color: #666;
}
#content a {
  color: #7cc68d;
}
.cta h2 {
  font-size: 24px;
}
.wysiwyg-on-green-background {
  background-color: #395b2f; 
}
.wysiwyg-on-green-background p, .wysiwyg-on-green-background h1, .wysiwyg-on-green-background h2, .wysiwyg-on-green-background h3, .wysiwyg-on-green-background h4, .wysiwyg-on-green-background h5, .wysiwyg-on-green-background h6{
  color: #fff;
}
#content ul {
  padding-left: 15px;
  padding-right: 0px;
  padding-bottom: 20px;
}
#content #player {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.single-date {
  font-weight: 700;
  margin-bottom: 40px;
}
.search-input {
  padding-top: 32px;
  padding-bottom: 32px;
}
/* ============================================= */
/* 7. Responsive fixes                           */
/* ============================================= */

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

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) { 

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  /* WP image float fix */
  figure.alignleft, img.alignleft, figure.alignright, img.alignright {
        float:none;
  }
  /* /WP image float fix */

} 

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}


/* Height */
@media only screen and (max-height : 730px) {
}