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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Logo size for centered navigation */
.tm-navbar-center [class*='tm-logo'] { transform: scale(1.2); }

/* MB adding socialbar icons to scoialbar position */
.tm-socialbar {  
  position: fixed;  
  top: 20%;  
  right: 0;  
  z-index: 1;  
}  
.tm-social-icons {    
  display: none;    
}    
.uk-open > .tm-social-icons {    
  display: block;    
}    
.uk-open > .tm-social-icons > li {    
  -webkit-animation: uk-fade-top 0.2s ease-in-out;    
  animation: uk-fade-top 0.2s ease-in-out;    
}    
.tm-social-toggle {    
  position: relative;    
  width: 40px;    
  height: 40px;    
  z-index: 3;    
}    
.tm-social-toggle:before {    
  content: '+';    
  font-family: Finch;    
  font-size: 10px;    
  color: #ffffff;    
}    
.uk-open > .tm-social-toggle:before {    
  content: '-';    
}

/* Mark adding background to text in home page hero */
h1.main {
    background-color: rgba(51, 51, 51, 0.61);
}
p.sub {
    background-color: rgba(51, 51, 51, 0.61);
}

/*Mark making email button be lowercase */
.uk-button.uk-button-mini.uk-margin-small-top.lcbut {
    text-transform: lowercase;
}

/*Mark making uk-button secondary have white background*/
.uk-block-secondary .uk-button:not(.uk-button-link) {
    color: #292929;
    background: #f4f4f4;
}

/*Mark making icon background white, per client*/
.uk-contrast .uk-icon-button {
    background: #FFFFFF;
}

/* Geeks on the Beach Footer Logo */

div p.credits {
float: right;
background: url(/images/gotb/gotb-bw.png) 50% 50% no-repeat transparent;
width: 89px;
height: 60px;
overflow: hidden;
opacity: .6;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
 
div p.credits:hover {
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity: 1;
}

div p.credits a.gotb-link {
display: block;
background: url(/images/gotb/gotb-color.png) 50% 50% no-repeat transparent;
width: 89px;
height: 60px;
text-indent: -999em;
opacity: 0;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
 
div p.credits a:hover.gotb-link {
opacity: 1;
moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}


  :target:before {
content:"";
display:block;
height:180px; /* fixed header height*/
margin:-180px 0 0; /* negative fixed header height */
}

.uk-dropdown-navbar {
    margin-top: 40px;
    width: 400px !important;
    background: #292929;
    color: #fff;
}
.uk-dropdown {
    margin-top: 40px;
    width: 345px !important;
    background: #292929;
    color: #fff;
}
#tm-bottom-b .uk-button,
.tm-top-b .uk-button,
#tm-content .uk-button,
.tm-top-a a.uk-button,
.tm-top-c a.uk-button,
.tm-bottom-c a.uk-button {
  color: #292929;
  background: #f4f4f4;
}
#tm-bottom-b .uk-button:hover,
.tm-top-b .uk-button:hover,
#tm-content .uk-button:hover,
.tm-top-a a.uk-button:hover,
.tm-top-c a.uk-button:hover,
.tm-bottom-c a.uk-button:hover {
  background-color: #424242;
  color: #ffffff;
}

#tm-bottom-e .uk-icon-instagram {
  color: #ad2c6d;
}

#tm-bottom-e .uk-icon-facebook-official {
  color: #31569a;
}

.about-contact-follow .uk-icon-facebook {
  color: #31569a;
}

.about-contact-follow .uk-icon-instagram {
  color: #ad2c6d;
}

@media (min-width: 1200px) and (max-width: 1500px) {
  #tm-top-a .tm-slideshow-fullscreen ul.uk-slideshow > li > .uk-overlay-panel > div {
    position: relative;
    top: 90px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tm-slideshow-fullscreen ul.uk-slideshow, .tm-slideshow-fullscreen ul.uk-slideshow > li {
    height: 100vh !important;
  }
  /*.tm-block-fullheight > .uk-container {
    height: auto;
  }
  #tm-top-a .tm-slideshow-fullscreen ul.uk-slideshow > li > .uk-overlay-panel > div {
    position: relative;
    top: 100px;
  }
  #tm-top-a .tm-slideshow-fullscreen ul.uk-slideshow > li > .uk-overlay-panel > div .uk-margin {
    margin-top: 0;
  }
  #tm-top-a .tm-slideshow-fullscreen ul.uk-slideshow > li > .uk-overlay-panel > div .uk-margin h1 {
    font-size: 30px !important;
    line-height: 40px;
    margin: 0;
  }
  #tm-top-a .tm-slideshow-fullscreen ul.uk-slideshow > li > .uk-overlay-panel > div .uk-margin h3 {
    margin: 10px 0;
    font-size: 16px;
    line-height: 24px;
  }
  #tm-top-a .tm-slideshow-fullscreen ul.uk-slideshow > li > .uk-overlay-panel > div .uk-margin p {
    margin: 10px 0 15px;
    font-size: 14px;
    line-height: 20px;
  }
  .tm-slideshow-fullscreen .uk-overlay-panel > div > h3 {
    padding: 1px 10px;
    font-size: 16px;
  }*/
}