/*
Template Name: Wrapkit
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*============================================================== 
 You can write your style here and overwrite our style
 ============================================================== */

.page-wrapper {margin-top: 141px;}
 
h4.eventName {color:#16738f;margin-bottom:0px;}
p.eventMeta {color:#3e455a;font-weight:600;font-size:15px;line-height:22px;margin-bottom:8px;}
p.eventTeaser {color:#3e455a;font-size:14px;line-height:20px;}
a.eventBtn {background-color:#16738f;float:right;}
a.eventBtn:hover {opacity:0.8;}
.btn-petrol {background-color:#16738f;}
.text-petrol {color:#16738f!important;}
.text-black {color:#3e4555!important;}
.uppercase {text-transform:uppercase;}
.card {border:1px solid transparent;}
.card:hover {border:1px solid #16738f;}
.eventIcon {font-size:30px;}

.label {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #16738f;
    border-radius: 4px;
	background-color:#f4f8fa;
	cursor:default;
}
 
/* Header 4 */
.topbar, .topbar.fixed-header {
  background: #ffffff; }

.h4-topbar {
  background: #2cdd9b;
  background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
  background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
  background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
  background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
  background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); }
  .h4-topbar .navbar {
    padding: 0; }
    .h4-topbar .navbar .hidden-lg-up {
      padding: 15px;
      color: #ffffff;
      font-weight: 500;
      font-size: 14px;
      text-transform: uppercase; }
    .h4-topbar .navbar .navbar-nav .nav-link {
      padding: 15px;
      color: #ffffff;
      font-weight: 500;
      font-size: 14px;
      text-transform: uppercase; }
    .h4-topbar .navbar .navbar-nav .nav-item:hover .nav-link, .h4-topbar .navbar .navbar-nav .nav-item.active .nav-link {
      background: #ffffff;
      color: #ffffff; }
    .h4-topbar .navbar .navbar-nav .search .nav-link {
      background: rgba(0, 0, 0, 0.05);
      padding: 15px 23px; }
    .h4-topbar .navbar .navbar-nav .search .dropdown-menu {
      padding: 20px;
      width: 300px; }

.h4-nav-bar {
  padding: 15px 0px; }
  .h4-nav-bar .donate-btn a {
    font-size: 13px;
    font-weight: 500;
    padding: 13px 25px;
    margin-left: 15px; }
  .h4-nav-bar .nav-item .nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px; }

@media (max-width: 1023px) {
  .h4-nav-bar .donate-btn a {
    display: block;
    margin-left: 0px; }
  .h4-nav-bar .nav-item .nav-link {
    padding: 0 10px;
    margin: 10px 0; } }
	
/*******************
Header 14
*******************/
.h14-topbar {
  background: #16738f; }
  .h14-topbar .navbar-brand {
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    padding: 15px 0; }
  .h14-topbar .navbar {
    padding: 0; }
    .h14-topbar .navbar .search-box {
      padding: 15px;
      width: 240px; }
    .h14-topbar .navbar .nav-item .nav-link {
      color: #8d97ad;
      padding: 15px 20px; }
      .h14-topbar .navbar .nav-item .nav-link:first-child {
        padding-left: 0px; }

.h14-navbar {
  background: #16738f; }
  .h14-navbar .navbar {
    padding: 0; }
    .h14-navbar .navbar .hidden-lg-up {
      padding: 15px;
      color: #ffffff;
      font-weight: 500;
      font-size: 14px;
      text-transform: uppercase; }
    .h14-navbar .navbar .navbar-nav .nav-link {
      padding: 18px 15px;
      color: #ffffff;
      font-weight: 400;
      font-size: 14px;
      text-transform: uppercase; }
    .h14-navbar .navbar .navbar-nav .nav-item:hover .nav-link, .h14-navbar .navbar .navbar-nav .nav-item.active .nav-link {
      background: #0d4556;
      color: #ffffff; }
    .h14-navbar .navbar .navbar-nav .search .nav-link {
      background: #0d4556;
      padding: 18px 23px; }
    .h14-navbar .navbar .navbar-nav .search .dropdown-menu {
      padding: 20px;
      min-width: 300px; }
    .h14-navbar .navbar .dropdown-menu {
      background: #16738f;
      border-radius: 0 0 4px 4px;
      margin-top: 0px; }
      .h14-navbar .navbar .dropdown-menu .dropdown-item {
        color: #ffffff;
		font-size: 14px;
		}
        .h14-navbar .navbar .dropdown-menu .dropdown-item.active, .h14-navbar .navbar .dropdown-menu .dropdown-item:active, .h14-navbar .navbar .dropdown-menu .dropdown-item:hover {
          background: #0d4556; }

.h14-info-bar {
  padding: 15px 0px; }
  .h14-info-bar .donate-btn a {
    font-size: 13px;
    font-weight: 500;
    padding: 13px 25px;
    margin-left: 15px; }
  .h14-info-bar .nav-item .nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px; }

@media (max-width: 1023px) {
  .h14-info-bar .donate-btn a {
    display: block;
    margin-left: 0px; }
  .h14-info-bar .nav-item .nav-link {
    padding: 0 10px;
    margin: 10px 0; } }
	
/*******************
Static slide 2
*******************/
.static-slider2{
    h1{
        font-size:90px;
        font-weight: 800;
        line-height: 90px;
    }
}

@media(max-width:767px) {
.static-slider2{
        h1{
            font-weight: 700;
            line-height: 50px;
            font-size:50px;
        }
    }
}

/*******************
Footer 1
*******************/
.footer1 .f1-topbar {
  border-bottom: 1px dashed rgba(120, 130, 140, 0.13); }
  .footer1 .f1-topbar .navbar {
    padding: 0px; }
    .footer1 .f1-topbar .navbar .navbar-nav .nav-item .nav-link {
      color: #8d97ad;
      display: block;
      padding: 15px 13px; }
    .footer1 .f1-topbar .navbar .navbar-nav .nav-item:hover .nav-link, .footer1 .f1-topbar .navbar .navbar-nav .nav-item.active .nav-link {
      color: #316ce8; }

.footer1 .f1-middle {
  padding: 40px  0; }

.footer1 .f1-bottom-bar {
  padding: 20px 0;
  border-top: 1px solid rgba(120, 130, 140, 0.13); }
  
 /*******************
Footer 3
*******************/
.footer3 {
  padding-top: 0px; }
  .footer3 .f3-topbar {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
    .footer3 .f3-topbar .input-group .form-control {
      font-size: 16px; }
    .footer3 .f3-topbar .input-group .btn {
      padding: 15px 20px; }
  .footer3 .f3-middle {
    padding-top: 40px; }
  .footer3 .general-listing li:hover a, .footer3 .general-listing li:hover i {
    color: #ffffff; }
  .footer3 .link {
    color: #ffffff; }
    .footer3 .link:hover {
      color: #ffffff; }
  .footer3 .f3-bottom-bar {
    background: rgba(0, 0, 0, 0.1);
    padding: 20px 0; }
    .footer3 .f3-bottom-bar .link {
      padding: 0 12px; }
	  
	.footer3 span, .footer3 p , .footer3 .general-listing li a {color: #ffffff;}
	.footer3 .general-listing li a:hover {opacity:0.7;}
	
	.footer3 .general-listing li a {padding-top:5px;padding-bottom:5px;}