/*
Theme Name: trilight
Author: Streevia Studio
Version: 1.0
*/


@font-face { font-family: Granjon; src: url(https://thetrilight.com/wp-content/themes/trilight/assets/css/Granjon.otf); font-weight: normal; }


.navbar-nav .nav-item .active-nav{
color: #f9b101 !important;
}


.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  min-width: 160px;
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

#menu-item-17 a:hover {background-color: #ddd;}

/* .menu-item-17:hover .dropdown-content {display: block;}  */

#menu-item-17:hover .dropbtn {background-color: #3e8e41;} 

.dropdown-content li{
	padding: 0px;
}

.dropdown-content li {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
	width: 200px;
    padding-left: 0px !important;
}

.heading-granjon{
	font-family: 'Granjon' !important;
/* 	line-height: 12px !important; */
	color:#CFB273 !important;
	text-transform: uppercase;
}

#fullpage .heading-granjon-right-corner{
	text-transform: uppercase;
	top: 30%;
    right: 0;
    left: 20%;
    color: #FFFF !important;
    letter-spacing: 8px;
    font-size: 40px;
	background: NONE;
	font-style: normal;
	animation-name: fadeInUp;
	animation-duration: 1.3s;
	animation-delay: .5s;
	font-family: 'Granjon' !important;
}
.paragraph-dosis{
	font-family: 'Dosis' !important;
	font-size: 18px !important;
	line-height: 22px !important;
	color:#969B9D !important;
}
@media (max-width: 667px) {
.banner-image{
	background-size: cover !important;
    background-position: center bottom !important;
}
	.ftco-section{
overflow: scroll;
    height: 100%;
	}
	#fullpage .heading-granjon-right-corner { 
	left: 0%;
	}
	.small-22 .clubhouse-logo{
		width:60%;
	}
	.headericons{
	   right: 15px !important;
}
	#schedule-icon{
		width:40px !important;
	}
	#chat-icon{
		width:28px !important;
	}
}
.clubhouse-logo{
		width:30%;
	}
.headericons{
position: absolute;
    top: 15px;
    /* left: 203px; */
    z-index: 1000;
    color: #fff;
    right: 50px;
	z-index: 999999999999;
}
.banner-impression{
	    position: absolute;
    z-index: 999999999999999;
    right: 4vw;
    bottom: 40px;
    cursor: default;
}

.zoom-impression{
	position: absolute;
    z-index: 999999999999999;
    right: 4vw;
    bottom: 200px;
    cursor: default;
}
#schedule-icon{
		width:50px !important;
	}
	#chat-icon{
		width:38px !important;
	}
	
.headerbox {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-headerbox;
  text-align: center;
}

.headerbutton {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.headerbutton:hover {
  background: #06D85F;
}

.headeroverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
}
.headeroverlay:target {
  visibility: visible;
  opacity: 1;
}

.headerpopup {
  margin: 70px auto;
  padding: 20px;
  background: #969B9D ;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.headerpopup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.headerpopup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.headerpopup .close:hover {
  color: #06D85F;
}
.headerpopup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .headerbox{
    width: 70%;
  }
  .headerpopup{
    width: 70%;
  }
}
	.nf-before-form-content{
    display:none !important;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #CFB273 !important;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    border: 1px solid #CFB273 !important;
}
.nf-field-label > label , .nf-response-msg{
 /*color: #CFB273  !important;*/
    font-family: 'Dosis' !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #969B9D !important;
}