/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
.tm-logo {  
    height: 80px;  
    line-height: 80px;  
}  
.uk-navbar-content.tm-search {  
    height: 80px;  
    padding: 0px;  
}  
.tm-search {  
    position: relative;  
    top: 0px;  
    right: 0px;  
}

.google-mapsx {
        position: relative;
        padding-bottom: 1%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
.google-mapsx iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

.mapsx iframe{
    pointer-events: none;
}

.embed-container { 
		position: relative; 
		padding-bottom: 47%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%; 
} 
		
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; !important;
		height: 100%; !important;
}

/* ========================================================================
   Google Maps API
 ========================================================================== */
 
 #map-canvas {
        width: 1200px;
        height: 400px;
        background-color: #000;
      }
      
      /* ========================================================================
   DonorBox Custom CSS
 ========================================================================== */
 


.embed-container-db { 
		position: relative; 
		padding-bottom: 10%; 
		height: 0; 
		overflow: hidden; 
		max-width: 100%; 
} 
		
.embed-container-db iframe, 
.embed-container-db object, 
.embed-container-db embed { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; !important;
		height: 100%; !important;
}

.jsn-uniform .jsn-text-center {
    display: none;
}

button.jsn-form-submit {
		align-items: left;
}

/* ========================================================================
   Fullscreen slideshow homepage
 ========================================================================== */

.fullscreen-slideshow2 .rog-page {       
z-index: 2;      
position: relative;      
}      

.fullscreen-slideshow2 .rog-fullscreen {    
max-width: 100px;
height: auto;    
}

/* ========================================================================
   Buttons
 ========================================================================== */

/*
 * Modifier: `uk-button-race`
 */
.uk-button-race {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border-color: #fff;
  
}
/* Hover */
.uk-button-race:hover,
.uk-button-race:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #bd2f45;
  border-color: #bd2f45;
}
/* Active */
.uk-button-race:active,
.uk-button-race.uk-active {
  background-color: rgba(0, 0, 0, 0);
  color: #942536;
  border-color: #942536;
}

/*
 * Modifier: `uk-button-race2`
 */
.uk-button-race2 {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border-color: #fff;
  
}
/* Hover */
.uk-button-race2:hover,
.uk-button-race2:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #894198;
  border-color: #894198;
}
/* Active */
.uk-button-race2:active,
.uk-button-race2.uk-active {
  background-color: rgba(0, 0, 0, 0);
  color: #942536;
  border-color: #942536;
}

/*
 * Modifier: `uk-button-pgh`
 */
.uk-button-pgh {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border-color: #fff;
  
}
/* Hover */
.uk-button-pgh:hover,
.uk-button-pgh:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #e2b429;
  border-color: #e2b429;
}
/* Active */
.uk-button-pgh:active,
.uk-button-pgh.uk-active {
  background-color: rgba(0, 0, 0, 0);
  color: #e2b429;
  border-color: #e2b429;
}

/*
 * Modifier: `uk-button-cookies`
 */
.uk-button-cookies {
  background-color: rgba(0, 0, 0, 0);
  color: #c70102;
  border-color: #c70102;
  
}
/* Hover */
.uk-button-cookies:hover,
.uk-button-cookies:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #ccc;
  border-color: #ccc;
}
/* Active */
.uk-button-cookies:active,
.uk-button-cookies.uk-active {
  background-color: rgba(0, 0, 0, 0);
  color: #ccc;
  border-color: #ccc;
}

/* ========================================================================
   Widgetkit Spotlight mod
 ========================================================================== */

.spotlight .overlay > div,  .spotlight .overlay > span {  
padding: 10px;  
display : block;  
}

/* ========================================================================
 * Sub-modifier: `uk-panel-box-3`
 */
.uk-panel-box-3 {
  background-color: #353435;
  color: rgba(255, 255, 255, 0.75);
  border-top-color: #595959;
  border-right-color: #595959;
  border-bottom-color: #595959;
  border-left-color: #595959;
  /* Badge */
  /* Button */
}
.uk-panel-box-3 a {
  color: #ffffff;
}
.uk-panel-box-3 > a:hover,
.uk-panel-box-3 > a:not([class]):hover,
.uk-panel-box-3 > :not([class*='uk-nav']) a:not([class]):hover {
  color: #444444;
}
.uk-panel-box-3 h1,
.uk-panel-box-3 h2,
.uk-panel-box-3 h3,
.uk-panel-box-3 h4,
.uk-panel-box-3 h5,
.uk-panel-box-3 h6 {
  color: #7f7f7f;
}
.uk-panel-box-3 .uk-badge {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.uk-panel-box-3 .uk-button {
  border-color: rgba(255, 255, 255, 0.7);
  color: rgba(255, 255, 255, 0.7);
}
.uk-panel-box-3 .uk-button:hover {
  border-color: #ffffff;
  color: #ffffff;
}
.uk-panel-box-3 .uk-panel-title {
  color: #7f7f7f;
}

/* ========================================================================
 * Sub-modifier: `uk-panel-box-charper`
 */
.uk-panel-box-charper {
  background-color: #000000;
  color: rgba(255, 255, 255, 0.75);
  border-top-color: #ff0000;
  border-right-color: #ff0000;
  border-bottom-color: #ff0000;
  border-left-color: #ff0000;
  /* Badge */
  /* Button */
}
.uk-panel-box-charper a {
  color: #ffffff;
}
.uk-panel-box-charper > a:hover,
.uk-panel-box-charper > a:not([class]):hover,
.uk-panel-box-charper > :not([class*='uk-nav']) a:not([class]):hover {
  color: #444444;
}
.uk-panel-box-charper h1,
.uk-panel-box-charper h2,
.uk-panel-box-charper h3,
.uk-panel-box-charper h4,
.uk-panel-box-charper h5,
.uk-panel-box-charper h6 {
  color: #7f7f7f;
}
.uk-panel-box-charper .uk-badge {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.uk-panel-box-charper .uk-button {
  border-color: rgba(255, 255, 255, 0.7);
  color: rgba(255, 255, 255, 0.7);
}
.uk-panel-box-charper .uk-button:hover {
  border-color: #ffffff;
  color: #ffffff;
}
.uk-panel-box-charper .uk-panel-title {
  color: #7f7f7f;
}

/* ========================================================================
 * Center Images
 */
 
IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }
    
/* ========================================================================
 * Embed Vimeo Video responsive
 */
    
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; } 
    
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; }
    
    /* Fullscreen image Modify
 ========================================================================== */
.rog2-fullscreen-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  
}
/* Phones */
@media (max-width: 767px) {
  .rog2-fullscreen-image {
  	height: 580px;  
  }
}
/* Tablets and desktops */
@media (min-width: 768px) {
  .rog2-fullscreen-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-size: cover;
  }
}

/* Anchor offset
 ========================================================================== */

a.rog-anchor {
    display: block;
    position: relative;
    visibility: hidden;
    padding-top: 60px; 
    margin-top: -60px;
}

.rog-h2 {
  font-size: 30px;
  line-height: 36px;
}

/* Center Text Wrapper
 ========================================================================== */

.wrapper {
    text-align: center;
}

.button {
    position: absolute;
    top: 50%;
}