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

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

.tm-block-primary {
    background-color: #291c0a !Important;
}
h1, h2, h4, h5, h6 {
    
    color: #291c0a !Important;
    
}
h3 {
    color: #deb17b !Important;
}


.tm-block-primary-dark {
    background-color: #291c0a !Important;
}
.tm-nav-logo {
    position: absolute;
    top: 37%;
    left: 50%;
    width: 371px !Important;
    height: 105px !Important;
    margin-top: -30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.tm-fullscreen-container {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* height: calc(100vh - 132px) !Important; */
    height: 590px !Important;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 33px;
}

.tm-navbar {
    position: relative;
    z-index: 10;
    height: 138px !Important;
    padding: 15px;
    background: #291c0a !Important; 
}

.uk-navbar-nav > li > a {
    font-size: 20px !Important;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !Important;
    color: #deb17b ;
    font-weight: 600 !Important;
   }

.tm-nite-icons > li > a {
    display: inline-block;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    width: 170px;
    height: 139px;
    line-height: 85px;
    margin: -38px 15px 0 15px;
    padding: 20px;
    font-size: 64px;
    -webkit-transition: all 0.1s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    color: #ffffff;
}

.tm-nite-icons > li > a:hover {
  border-color: rgba(0, 0, 0, 0);
  background-color:#A02226;
  
  }

.row-fluid input[class*="span"] {
    min-height: 32px !Important;
}
#sl_sidebar div {
   
    padding: 45px !Important;
}
legend {
      color: #291c0a;
  }



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

/*Change contact form background color to yellow*/
form#contact-form {
    background-color: rgba(247, 231, 117, 0.78);
}

.tm-block-footer {
    background-color: #291c0a !Important;
}

.tm-block-light {
    background-color: #291c0a !Important;
}

.uk-icon-button {
    box-sizing: border-box;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: #291c0a;
    line-height: 50px;
    color: #25b376 !important;
}

/*widgetkit menu styling*/

.uk-panel-title {
    margin-top: 0;
    margin-bottom: -10px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    text-transform: uppercase;
    color: #291c0a !important
}

.uk-badge {
    display: inline-block;
    padding: 0 5px;
    background: transparent;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    color: black;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border-radius: 3px;
}
.tm-primary .uk-panel-box {
    background: #ec2128 !important;
}

.tm-primary .uk-button {
    background: #291c0a !important;
}
@media screen and (max-width:1528px) and (min-width:1412px){
	.tm-nav-wrapper{margin-left:0px !important;}	
}


@media screen and (max-width:1411px) and (min-width:1228px){
	.uk-navbar-nav > li > a{font-size:15px !important;}
	.tm-nav-wrapper{margin-left:0px !important;}
}

@media screen and (max-width:1227px) and (min-width:997px){
	.tm-nav-logo{height:auto !important;width:230px !important;left:45% !important;}
	ul li:nth-child(4) { margin-right: 200px !important; }
	.uk-navbar-nav > li > a{font-size:15px !important;}
	.tm-nav-wrapper{margin-left:0px !important;}
}

@media screen and (max-width:1528px) and (min-width:1412px){
	.tm-nav-wrapper{margin-left:0px !important;}	
}


@media screen and (max-width:1411px) and (min-width:1228px){
	.uk-navbar-nav > li > a{font-size:15px !important;}
	.tm-nav-wrapper{margin-left:0px !important;}
	.tm-nav-logo{left:45% !important;width: 210px !important;}
	ul li:nth-child(4) { margin-right: 300px !important; }
}


@media screen and (max-width:1227px) and (min-width:997px){
	.tm-nav-logo{height:auto !important;width:230px !important;left:45% !important;}
	ul li:nth-child(4) { margin-right: 200px !important; }
	.uk-navbar-nav > li > a{font-size:15px !important;}
	.tm-nav-wrapper{margin-left:0px !important;}
}

@media screen and (max-width:997px) and (min-width:768px) {
	.tm-nav-logo.uk-hidden-small {
		display: inline-block;
		left: 0 !important;
		margin: 0 !important;
		position: relative;
		text-align: center !important;
		top: 0 !important;
		transform: none !important;
		width: 100% !important;
	}
	.uk-responsive-height.uk-responsive-width {
		padding: 15px;
		width: 240px;
	}
	.uk-navbar-nav.uk-hidden-small > li {
		margin-right: 0 !important;
	}
	.tm-navbar-center {
		display: inline-block !important;
		float: none !important;
		width: 100% !important;
	}	
	.tm-navbar {
		display: inline-block;
		height: auto !important;
		padding: 0;
		text-align: center !important;
	}	
	.tm-nav-wrapper{margin-left:0px !important;}
	.tm-nav.uk-hidden-small {
		display: inline-block !important;
		width: 100%;
	}
	.uk-navbar-nav.uk-hidden-small{display:inline-block;}
        .uk-navbar-nav > li > a{font-size:15px !important;}  
}
@media screen and (max-width:767px){
	.tm-logo-small {
		display: inline-block;
	}
	.uk-responsive-height {
		height: auto !important;
		width: 220px !important;
	}
	.tm-navbar{height:90px !important;}
        .uk-text-large.uk-scrollspy-init-inview.uk-scrollspy-inview.uk-animation-slide-top {
            width: auto !important;
         }
        .tm-fullscreen-container {
           height: auto !important;
           margin-top: 0;
        }
}