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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 /*
 .tm-toolbar {
    box-sizing: border-box;
    padding: 10px 0;
    height: 90px;
    background: #ffffff;
    color: #9a9a9c;
    font-size: 14px;
}
*/

.tm-toolbar {
/* box-sizing: border-box; */
padding: 10px 0;
height: 80px;
background: #ffffff;
color: #9a9a9c;
font-size: 14px;
}

@media (min-width: 960px) {  
  html {  
  background: none;  
  background-color: #EFEFEF;
/*	background: url(../images/organic/bg-beekman-v1.jpg);
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover;
    background-size: cover;  */
  }  
}

/* fp slideshow text background opacity - start */
.uk-overlay-background {
	opacity: .9;
	color:#343434;
}
/* fp slideshow text background opacity - end */

.tm-fullscreen {
	width: 100% !important;
	max-width: 100% !important;
}


 /* start custom main menu accrodian
 
.uk-nav-navbar > .uk-parent > .uk-nav-sub,      
.uk-nav-navbar > .uk-parent > .uk-nav-sub > .uk-parent > ul {       
display: none;       
}        

.uk-nav-navbar > .uk-parent > a:after,      
.uk-nav-navbar > .uk-parent > .uk-nav-sub > .uk-parent > a:after {          
content: "\f107";          
font-family: "FontAwesome";          
display: block;          
float: right;      
}        

.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub,      
.uk-nav-navbar > .uk-parent > .uk-nav-sub > .uk-parent:hover > ul {           
display: block;          
background: none repeat scroll 0 0 padding-box #ffffff;          
border: 1px solid rgba(0, 0, 0, 0.12);          
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);          
width: 150px;          
margin-top: -5px;          
padding: 15px;          
position: absolute;          
left: 140px;     
}

end custom menu */

.tm-sidebar-b, .tm-sidebar-a {
margin-top: 36px;
}

.up-sidebar {
margin-top: -36px;
}

/* Jevents calendar - start */
.jev_toprow div.previousmonth , .jev_toprow div.nextmonth {  
    background-color: #344231;
    border:1px solid #344231;
}
.jev_toprow div.currentmonth{ 
    border-top:1px solid #344231 ;
    border-bottom: 1px solid #344231 ;
}
#jevents_body .nav-items div.active a, .jev_header2 .active a {background-color:#344231; color:#FFF; }
#jevents_body .nav-items div.active a:hover, .jev_header2 .active a:hover {background-color:#FFF; border-left: 1px solid #344231;}
.nav-items > div {margin-left:-5px;display:inline-block;padding: 3px 0px 2px 0px;line-height:23px;vertical-align:middle;border:1px solid #344231;border-left:0px; }
#jevents_body .nav-items > div a:hover {padding:7px 12px 7px 12px;background-color:#CCC;border-left:1px solid #344231;color:#000;}
.nav-items > div:first-child {border-radius:5px 0 0 5px;border-left:1px solid #344231;}
.nav-items > div:last-child {border-radius:0 5px 5px 0;border-right:1px solid #344231;}
#jevents_body .cal_today a.cal_daylink {background-color:#344231; padding:4px;border-radius:10px;color:#FFFFFF;}
#jevents_body .cal_today a.cal_daylink:hover {border-left: 1px solid #344231;background-color:#fff; border:1px solid #344231; padding:4px;border-radius:10px;color:#344231;}

a.ev_link_row:link, a.ev_link_row:visited, a.ev_link_row:hover {
    font-size: 16px;
	color:#344231;
}

/* Jevents calendar - end */

/* Sidebar Hours Module - start */
.responsivewrapper {
	width: 100% !important;
}

.responsivewrapper div {
	margin-top:0px !important;
	margin-bottom:10px !important;
	margin-left:10px !important;
}

#arrdatetext {
  float:left; 
  padding-right:5px;
   margin-top:10px !important;
  width:auto;
}
#arrmonthvalue { 
  float:left; 
  padding-right:5px;
   margin-top:7px !important;
  width:auto;
}
#arrdayvalue {
  float:left; 
  padding-right:5px;
   margin-top:7px !important;
  width:auto;
}
#arryearvalue { 
  float:left; 
  padding-right:5px;
     margin-top:7px !important;
  width:auto;
}

#calicon { 
  float:left; 
  padding-right:20px;
   margin-top:10px !important;
  width:auto;
}

#nightstext {
  float:left; 
  padding-right:5px;
   margin-top:10px !important;
  width:auto;
}
#nightsvalue { 
  float:left; 
  padding-right:20px;
     margin-top:7px !important;
  width:auto;
}

#adultstext {
  float:left; 
  padding-right:5px;
   margin-top:10px !important;
  width:auto;
}

#adultsvalue { 
  float:left; 
  padding-right:20px;
     margin-top:7px !important;
  width:auto;
}

#childrenstext {
  float:left; 
  padding-right:5px;
   margin-top:10px !important;
  width:auto;
}

#childrensvalue { 
  float:left; 
  padding-right:20px;
     margin-top:7px !important;
  width:auto;
}

#avabutt { 
  float:right; 
  width:auto;
}

#datecontainer {
 
}

#optionscontainer {
	
}

#submitcontainer {
  float:right; 
  width:auto;
  margin-bottom:8px;
  margin-top:-8px;
  margin-right:20px !important;
}


@media screen and (max-width: 768px) {
 .responsivewrapper {
	width: 100% !important;
}

.responsivewrapper div {
	margin-top:0px !important;
	margin-bottom:10px !important;
	margin-left:10px !important;
}

#arrdatetext {
  float:none; 

  width:auto;
}
#arrmonthvalue { 
  float:none; 

  width:auto;
}
#arrdayvalue {
  float:none; 
  width:auto;
}
#arryearvalue { 
  float:none; 
  width:auto;
}

#calicon { 
  float:none; 
  width:auto;
}

#nightstext {
  float:left; 
  padding-right:5px;
   margin-top:10px !important;
  width:auto;
}
#nightsvalue { 
  float:left; 
  padding-right:20px;
  margin-top:7px !important;
  width:auto;
}

#adultstext {
  clear:both;
  float:left; 
  padding-right:5px;
   margin-top:10px !important;
  width:auto;
}

#adultsvalue { 
  float:left; 
  padding-right:20px;
     margin-top:7px !important;
  width:auto;
}

#childrenstext {
	 clear:both;
  float:left; 
  padding-right:5px;
   margin-top:10px !important;
  width:auto;
}

#childrensvalue { 
  float:left; 
  padding-right:20px;
     margin-top:7px !important;
  width:auto;
}

#avabutt { 
 clear:both;
  float:right; 
  width:auto;
}

#datecontainer {
 
}

#optionscontainer {
	
}

#submitcontainer {
  float:right; 
  width:auto;
  margin-bottom:8px;
  margin-top:-8px;
  margin-right:20px !important;
}


}
/* Sidebar Hours Module - end */

/* Horizontal Reservations Module - start */
.uk-panel-box-secondary {
    background-color: #344231;
}

#dropgreen {
	color:#FFF !important; 
	background-color:#344231 !important;
}

.tm-top-a {
	margin-top: -10px !important;
	margin-bottom: -20px !important;
}

/* Horizontal Reservations Module - end */

.uk-block-secondary {
    background: #344231;
}

.uk-block-secondary .uk-panel-box-secondary {
    background-color: #344231;
}

div.uk-panel.uk-panel-box.uk-panel-box-secondary{
	box-shadow: none !important;
	border: none !important;
}

.uk-panel-box-secondary a {   
color: #ffffff;    
text-decoration: none;  
}  

.uk-panel-box-secondary a:hover {  
text-decoration: underline;  
}

/* HikaShop Custom Modifications */

span.hikashop_product_price {

    color: #344231 !important;
}

.hikashop_product_name a:hover { color:#ECC800 !important; }

/* Contact Page Responsive CSS */

   #contactrespmod-1 { 
    float: left;
    width:33%; 
  }
  
   #contactrespmod-2 { 
    float: left;
    width:33%; 
  }
  
    #contactrespmod-3 { 
    float: left;
    width:33%;
	text-align:right;
  }

@media screen and (max-width: 768px) {
   #contactrespmod-1 { 
    float: none ;
    width:auto; 
  }
  
    #contactrespmod-2 { 
    float: none ;
    width:auto; 
  }
     
	#contactrespmod-3 { 
    float: none ;
    width:auto; 
  }
}
  
.phocadownloadfile {
	border: none !important;
	margin-left: -5px !important;
}

[class*='uk-icon-'] {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right: 5px !important;
}

.uk-icon-small {
    font-size: 130%;
}


.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select 
{background-color: #EAEAEA !important;} 



* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 9s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 9s;
  animation-name: fade;
  animation-duration: 9s;
}

@-webkit-keyframes fade {
  from {opacity: 1} 
  to {opacity: .65}
}

@keyframes fade {
  from {opacity: 1} 
  to {opacity: .65}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}




@media only screen and (max-width: 400px) {
  div.slideshow-container{
  width:380px !important;
  height:500px !important;
}
}

div.fb{
  padding:0px !important;
  margin:0px !important;
  margin-top:30px !important;
}

div#fb-root.fb_reset{
  display:none;
}

.dog-policy em{
  color: #000000 !important;
}

@media (min-width: 1220px){
div.tm-navbar{
  background-image: url(http://beekmandelamaterinn.com/images/brick-background.jpg);
background-color: white;
background-repeat: no-repeat;
  }

  div.uk-navbar{
    background:none;
  }
  
}
em{
  color: #000000 !important;
}

#phocamenu .pm-group{
  text-align:center !important;
}

.uk-navbar-nav > li > a{
  padding: 0 15px !important;
}

.uk-overlay-background{
  background: #ffffff99;
 
  font-weight:bold !important;
  /*text-shadow: 1px 1px 1px #000000;*/
}

.uk-overlay-background .uk-badge{
  
  font-weight:bold !important;
}
