/*
Theme Name: Heily
Theme URI: http://keystone-foundation.org/
Description: Theme designed by Swiss volunteers Heidi, Dillan and Jenny 
Author: Gautham Sarang
Author URI: http://gauthamsarang.in
Version: 1.1
Text Domain: hd3
*/
/*======= Default Elements =======*/
@import url('https://fonts.googleapis.com/css?family=Merriweather:300|Open+Sans:300,400');
body{

	font-size: 15px;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: justify;
}

a, a:hover {
	text-decoration: none;
}
p {
	margin-bottom: 24px;
}
h1,h2,h3,h4,h5, h6 {
	line-height: 1.5;
}
/*======= General Assets =====*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.bluebg {
	background-color:#d5e5f9;
}

.hd3thickblue{
	background: #304078;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	width: 90%;
	margin-left: 5%;
	font-size: 1.2rem;
}
.padding30 {
	padding: 30px;
}
.padding30 h1:first-child,
.padding30 h2:first-child,
.padding30 h3:first-child,
.padding30 h4:first-child,
.padding30 h5:first-child,
.padding30 h6:first-child{
	margin-top: 0px;
}
.img-placeholder {
	height: 250px;

}
.carousel-caption.img-empty{
	background: none!important;
	text-align: center!important;
	width: 100%;
}
#myCarousel .img-empty h2 {
	text-align: center;
	color: #fff;
    text-shadow: 1px 1px 2px #304078;

}
.hd3intro {
	padding-top: 30px;
	padding-bottom: 30px;
}
.hd3whitetext{
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	line-height: 35px;
}

.hd3intro p:first-letter, p.dropcap:first-letter {
    float: left;
    font-size: 6em;
    margin: .1em .1em 0;
    line-height: 80px;
	font-weight: 700;
	background: #304078;
	color: #fff;
	padding: 5px;
}
.hd3underline {
	font-size: 1.5em;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid #C6F5F5;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.hd3quote {}

.hd3roundimage {}
.hd3serif {
	font-family: 'Merriwheather', serif;
}
.hd3video {
	padding: 10px;
	border:1px solid #ff0000;
	height: 120px;
}
.mainimage {
	position: relative;
}
/* ========= Perspective Profile section =========*/
.perspective-wrap{
	position: relative;
	overflow: hidden;
	display:block!important; /* added to override Elementor Felx for .row class May 4 2020*/	
}
.perspective-wrap .swiper-button-next, .perspective-wrap .swiper-button-prev {
	top: 10%;
	height: 25px;
}
.perspective-wrap .swiper-slide img {
	width: auto;
}
.hd3profile { text-align: center;}
.hd3profile img { border-radius:80px;}
.hd3profile h3 { font-size: 1em;}
.hd3profile p { font-size:0.8em;}
.profile_wrap { overflow: hidden;}
.profile_wrap .carousel-caption {
	width: 100%;
	max-width: 100%!important;
	left: 0!important;
}
.profile_wrap .carousel-caption h2 {
	font-weight: normal;
}
.profile_wrap .carousel-caption h2 span{
	font-size: 14px;
}	
.profile_bg{
	max-height: 400px;
	padding: 15%;
}
.profile_bg img { filter: blur(15px) grayscale();}
.profile_bg .hd3roundimage img {filter: blur(0px);}
.single .p_quote {
	font-style: italic;
	padding: 20px;
	font-family: 'Merriweather',serif;
}
#myCarousel .hd3roundimage img {
	width: auto!important;
}
#demo {
	margin: 10px 0;
	padding: 20px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	display: none;
}
.closedemo {
	cursor: pointer;
}
.closedemo span{
	
}
.closedemo:hover span{
	font-size: 20px;
	transition: all 0.2s;
}
.gly-spin{
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* ========= Slideshow =========*/
#myCarousel { }
#myCarousel img { width: 100%;}
#myCarousel h2 {
	text-align: left;
	text-transform: uppercase;
	padding: 0px;
	margin: 0 0 10px 0;
/*	background:rgba(255,255,255,0.8);*/
	font-size: 1.8em;
	color: #333;
	text-shadow: none;
}
#myCarousel .carousel-caption{
	left: 4%;
	right: 2%;
	display: inline-table;
	background:rgba(255,255,255,0.8);
	padding: 25px 20px;
	text-align: left;
	opacity:0;
}

.page #myCarousel .carousel-caption,
.single #myCarousel .carousel-caption{
	opacity: 1;
	max-width: 92%;
	transition: ease-in-out 0.3s;
}
#myCarousel .active .carousel-caption{
	transition: ease-in-out 0.3s;
	left:2%;
	opacity: 1;
	max-width: 96%;
}
.carousel-caption h2 {
	font-size:22px;
	color:#555;
	font-weight: 600;
	}
.carousel-caption h2 span {
	font-weight: 100;
	text-transform: capitalize;
}
.carousel-caption p {
	color:#555;
	font-size:1.1em;
	margin:7px 0;
	line-height:1.2em;
	text-shadow: none;
	font-style: italic;
	}
.carousel-caption a {
/*	background: #304078;*/
	padding: 5px 10px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
}
.carousel-caption a:hover{
	background:#3C55AD;	
}
.next {
	right:10px;
	background:url(images/slidearrowright.png) no-repeat center;
	background-size:100%;
	}
.prev {
	left:10px;
	background:url(images/sliderarrowleft.png) no-repeat center;
	background-size:100%;
	}
.next, .prev {
	position: absolute;
    top: 38%;
    width: 3.5%;
    height: 10%;
	transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.carousel-control {
	width: 4%;
}
.carousel-control:hover .next, .carousel-control:hover .prev, .right, .left{
/*	display: block;
	opacity: 1;*/
	transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.carousel-control.right, .carousel-control.left { }

/*======= Navbar ========*/
#access, .navbar {
/* 	background: rgba(255,255,255,0.8); */
	border: none;
	border-radius: 0;
	padding-right:0;
	padding-left:0;
	margin-bottom:-101px;
 /*	position: absolute; */
	z-index: 20;
	width: 100%;
/* 	left: 5%; */
/* 	box-shadow: 1px 0 2px rgba(0,0,0,0.5); */
}
/*
.navbar.navbar-fixed-top{
	position: fixed;
}
.navbar-default .navbar-toggle {
	border: none;
}
.navbar-left{
	margin-left: 20px;
}

#access .menu-item-has-children ul {
	overflow:hidden;
	position: absolute;
	list-style: none;
	background: rgba(255,255,255,0.8);
	width: 200px;
	left: 12px;
	top:50px;
	padding: 0;
	display: none;
	border: #ccc solid;
	border-width:0 1px 1px;
	}
#access .menu-item-has-children ul .menu-item-has-children ul {
	left: 198px;
	top: 40px;
	display: none;
	border-width: 1px;
}
#access .menu-item-has-children:hover > ul.sub-menu,
#access .menu-item-has-children:hover ul.sub-menu .menu-item-has-children:hover ul {
	display: block;

}
#access a { padding: 15px;}
#access li:hover > a, #access a:focus,.navbar li:hover > a, .navbar a:focus { 
	background:none;
	color:#333; 
	text-decoration: none;
	}

#access ul ul a {
	background:none;
	border-bottom:none;
	color:#333;
	padding: 10px ;
	display: block;
	}

#access ul ul a:hover {
	background:rgba(0,0,0,0.8);
	color:#fff;
	}
#access div { margin:5px 0 0 12px;}
*/
/*#access li .sub-menu-pointer{ position:absolute; right:4px; top:18px; color:#fff; opacity:0.7;}
.navbar{margin-bottom: 0px;}
.navbar-default .navbar-nav>li>a, .navbar-fixed-top .navbar-nav>li>a {color: #333; font-weight: 600;}
*/
/*====== Search Bar ========*/
.search-trigger  {
	z-index: 10000;
	display: none;
}
.search-trigger a {
	position: relative;
	cursor: pointer;
}

.search-form .form-group {
	/* float: right !important; */
	transition: all 0.35s, border-radius 0s;
	/* background-color: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
	border-radius: 25px;
	border: 1px solid #878787;
	margin-top: 10px;
	}
 .li-search-form .search-form .form-group input.form-control {
	padding-right: 20px;
	border: 1px solid #aaa;
	background: rgba(255,255,255,0.6);
	box-shadow: none;
	display:block;
	position: absolute; 
	top: 45px;
	right:0;
	width: 200px;
	}
.has-feedback label.sr-only~.form-control-feedback {
	display: none;
}
  .search-form .form-group input.form-control::-webkit-input-placeholder {
	display: none;
  }
  .search-form .form-group input.form-control:-moz-placeholder {
	/* Firefox 18- */
	display: none;
  }
  .search-form .form-group input.form-control::-moz-placeholder {
	/* Firefox 19+ */
	display: none;
  }
  .search-form .form-group input.form-control:-ms-input-placeholder {
	display: none;
  }
  .search-form .form-group:hover,
  .search-form .form-group.hover {
/*	width: 100%;*/
  }
  .search-trigger a span.form-control-feedback {
	position: absolute;
	top: 11px; 
	right: 0px;
	z-index: 2;
	display: block;
	text-align: center;
	color: #3596e0;
	left: initial;
	font-size: 14px;
	}
/*=========Search Results========*/
.search .carousel-caption {
	top:0;
}
.search .mainimage {
/*	filter: brightness(0.5);*/
}
/*=========Home Slideshow========*/
.slide,#slidewrap {
	margin-bottom:0;
	}
.slide img {
	width: 100%!important;
}

.carousel-inner .item{
/*	position:relative;*/
	}

.carousel-caption.desc-left {
	left: 2%;
	right: 25%;
}

/*======= 25 years assets =======*/
.padding30.year25 h4:first-child {
	font-style: italic;
	color: #777;
	text-align: center;
	margin-top: 30%;
	margin-bottom: 15%;
	line-height: 22px;
}
.year25 .btn-info {
	margin-bottom: 5px;
}
.year25 .third-column {
	text-align: center;
	padding: 0;
}
.year25 img {
	max-height: 244px;
	width: auto;
	margin: auto;
}
/*======== Team assets ===========*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
}

.team-member {
	padding:10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	margin: 0 0px 20px 0;
	text-align: center;
	background: #fff;
	transition: all 2s;
	min-height: 190px;
	font-size: 70%;
	box-shadow: 0 0 1px 1px #ccc;
}
.grid-item .team-member {
	box-shadow: none;
	border-color:#CBCBCB;
}
.team-member:hover{
	background: #f7f7f7;
	transition: all .5s;
}
.team-member p {
	margin: 10px 0 0px;
	color: #333;
	font-size: 11px;
	line-height: 1.5;
}
.team-member img {
	margin: auto;
	filter: grayscale();
	transition: all .5s;
}

.team-member:hover img {
	filter: none;
	transition: all .5s;
	
}
.page-template-team-page .white-popup {
	border-radius: 2px;
}
.page-template-team-page .white-popup img {
	float: left;
	margin-right: 10px;
	width: 140px; 
	height: auto;

}

/*======== Widgets / Sidebar===========*/
#sidebar {
	margin-top: 50px;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar small {
	font-size: 70%;
	color: #333;
	display: inline-block;
}
#sidebar p {
	font-size: 75%;
	line-height: 1.5;
}
#sidebar .hd3underline {
	text-transform: capitalize;
	
}
#sidebar img {
	width: 100%;
	height: auto;
}
#sidebar h5 {
	margin: 5px 0;
}
#sidebar .news-card {
	background: #f7f7f7;
	border-bottom: 1px solid #EDEDED;
	margin-bottom: 10px;
}
#sidebar .text-wrap {
	padding: 10px;
}
#sidebar .carousel-caption a{
	background: none;
	color: #333;
	text-shadow: none;
}
.widget-title {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 100;
	text-align: center;
}

/*======== Footer ===========*/
footer .widget{
	width: 23%;
	float: left;
	margin-right: 10px;
}
footer .widget:last-child {
	margin-right: 0;
}
footer .widget-title{
		font-family: 'Merriwheather', serif;
}
.site-footer aside {
	width: 49%;
}
/* Mail chimp */
.EMAIL-label, .empty-label {
	display: none;
}
/*======= Swiper Slider =========*/

 .swiper-container {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 50px;
    }

.swiper-slide {
        background-position: center;
        background-size: cover;
/*        max-height: 190px;*/
		cursor: pointer;
    } 
.swiper-slide img {
	width: 100%; 
}

.swiper-button-next, .swiper-button-prev {
	top: 40%;
}

.component-carousel .swiper-slide .carousel-caption {
	left: 5%;
	right: 5%;
	bottom:5%;
/*	display: inline-table;*/
	background:rgba(255,255,255,0.8);
	padding: 10px 15px;
	text-align: left;
	opacity: 1;
	text-shadow: none;
	color: #333;
/*	text-transform: uppercase;*/
/*	font-size: 1.2em;*/
}

/*=========Component specific styles===========*/
.comp-content img {
	max-width: 100%;
	height: auto;
}
.comp-content h2 {
	font-weight: 600;
}
.comp-content h2 span {
	font-weight: normal;
	font-style: italic;
	text-transform: capitalize;
}
    
/*==========Gallery style===================*/
.gallery {
	margin: 20px auto;
}
.gallery-item {
/*	width: 280px;*/
	float: left;
	margin: 0 20px 20px 0;
}
.hd3_gallery_page {
	clear: right;
	margin-left: 10px;
}

 .hd3_gallery_page  .comp-trigger,
 .hd3_gallery_page  .no-trigger{
	width: 210px;
	height: auto;
	float: left;
	margin: 0 20px 20px 0;
	 padding: 0;
}
.hd3_gallery_page  .comp-trigger img,
.hd3_gallery_page  .no-trigger img {
	width: 100%;
	height: auto;
}
.hd3_gallery_page .comp-trigger .carousel-caption,
.hd3_gallery_page .no-trigger .carousel-caption{
	width: 100%;
/*	height: 100%;*/
	background: rgba(0,0,0,.6) ;
	left: 0;
	bottom: 0;
	top: 73%;
/*	padding-top:calc(30%);*/
	opacity:1;
	cursor: pointer;
	padding-bottom: 0;
	padding-top: 10px;
}
.hd3_gallery_page .comp-trigger:hover .carousel-caption,
.hd3_gallery_page .no-trigger:hover .carousel-caption{
	opacity:0.9;
	transition:ease-in 0.2s;
}
.mfp-title {
	position: absolute;
    bottom: 0;
    padding: 10px;
    background: rgba(0,0,0,.7);
    width: 100%;
    text-align: center!important;
	font-size: 120%;
}
.single-hd3_gallery .img-placeholder{
	filter: sepia() blur(1px);
	background-position: center;
	background-attachment: fixed;
	background-repeat: repeat;
	background-size: 30%;
}
.single-hd3_gallery .mainimage {
	overflow: hidden;
}
.single-hd3_gallery .carousel-caption {
	width: 100%;
}
.single-hd3_gallery .img-placeholder{
	height: 330px;
}
.single-hd3_gallery #myCarousel h2 {
	text-align: center;
	font-size: 2em;
}
.single-hd3_gallery #myCarousel h2 span{
	font-size: .5em;
}
@media screen and (max-width: 1024px){
	.wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a {
		padding: 7px 4px;
	}
	.hd3_gallery_page{
		margin-left:20px;
	}
}
@media screen and (max-width: 992px){
		.single-hd3_perspective #myCarousel .carousel-caption{
		padding: 10px;
		bottom: 0;
	} 
	#wp-megamenu-primary>.wpmm-nav-wrap ul.wp-megamenu>li>a {
		font-size: 9px;
		padding: 5px 3px;
	}
	.carousel-caption p{
		font-size: 0.8em;
	}
	.carousel-caption {
		padding: 10px;
	}
	#myCarousel h2 {
		font-size: 0.8em;
	}
	.wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a {
		font-size: 9px;
		padding: 5px 3px;
	}
	
}
@media screen and (max-width: 768px){
	footer .widget{
		width:49%;
	}
	#access, .navbar{
		background:none;
		box-shadow:none;
	}
	.navbar.collapse-bg{
		background: rgba(0,0,0,0.95);
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		background:none;
		border:none;
		box-shadow: none;
	}
	#access .menu-item-has-children ul,
	#access .menu-item-has-children ul .menu-item-has-children ul{
		top: 0px;
/* 		left: 20px; */
		display: block;
		border-width: 0px;
		position: relative;	
/* 		background: #3596e0; */
		color: #fff;
    }

	.nav>li{
		width: 300px;
/*		background: rgba(0,0,0,0.8);*/
		color: #fff;
	}
	.navbar-default .navbar-nav>li>a, .navbar-fixed-top .navbar-nav>li>a{
		color: #3596e0;
		font-size: 20px;
		font-weight: 100;
	}
	#access ul ul a,
	#access li:hover > a, #access a:focus, .navbar li:hover > a, .navbar a:focus{
		color: #fff;
	}

	.navbar ul ul ul {
		background: #fff!important;
		left: 5px!important;
	}
	#access ul ul ul a{
		color: #333;
	}
	#access .menu-item-has-children ul li {
/*		border-bottom: 1px solid rgba(0,0,0,0.5);*/
	}
	.profile_bg img, .profile_bg{
		filter: blur(0px)!important;
		height: 100%;
		width: auto;
		background-size: contain!important;
		background-repeat: no-repeat!important;
		background-color: #333!important;
		padding: 30%;
		
		}
	.single-hd3_perspective #myCarousel .carousel-caption{
		padding: 10px;
		bottom: 0;
	} 
	#myCarousel h2, h2 {
		font-size: 1.2em;
		text-align: center;
	}
	.search-form .form-group{
/*		width: 90%;*/
		background: #fff;
		border-radius: 5px;
	}
	.navbar-brand>img{
		width: 50%;
	}
	.single-hd3_gallery .img-placeholder{
	height: 200px;
	}		
	.single-hd3_gallery #myCarousel h2 {
		font-size: 3em;
	}
	.bluebg {
		overflow: hidden;
		padding: 10px;
	}
	.bluebg div {
		padding: 0;
	}
	.padding30 {
	padding: 15px;
	}
	.year25 img {
		margin-left: 0;
		margin-top: 15px;
		max-height: 150px;
	}
	.padding30.year25 h4:first-child {
		margin-top:11%;
		margin-bottom: 10px;
	}
	.hd3_gallery_page{}
}
@media screen and (max-width:600px){
	.single-hd3_gallery #myCarousel h2 {
		font-size: 3em;
	}
	.single-hd3_gallery .img-placeholder{
/*	height: 200px;*/
	}	
	.gallery {
		margin-left: 15px;
	}
	.gallery-item {
		width: 44%;
		margin: 10px;
	}
	#myCarousel .carousel-caption {
		padding: 0px;
		position: relative;
		margin:25px 0 0 0;
		width: 100%;
		left: 0;
		right: 0;
	}
	.spacer20 {
		display: none;
	}
	.hd3_gallery_page { margin-left: 10px;}
	.hd3_gallery_page .comp-trigger, .hd3_gallery_page .no-trigger {
		width: 100%; font-size: 10px;
	}
}