/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/*Top Bar*/

.halfscreen.search1 {
    min-height: 0;}

.halfscreen.search1 .container-fluid {
    padding-top: 40px;} 


/* Logo img css */

#header .header-inner #logo a > img, #header #header-wrap #logo a > img {
    height: 60px;
    padding-top: 15px;
}

/* Hide texts */
.meta1 {display: none;}

/* Menu Columns for Contact */

.col-lg-2-2 {
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 15px; }
  
  #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
    max-width: 540px; }
    
.mega-menu-content h4:not(:last-child), .mega-menu-content h4:not(:last-child) .small, .mega-menu-content h4:not(:last-child) .m-b-30 {
    margin: 0 !important;
}

.text-theme {
    color: #009fe3 !important;
}

small, .small {
    font-size: 70%;
    font-weight: 400;
    color: #777;
    }
    
.mega-menu-content .m-b-0 {
    font-size: 15px; }

/* General Theme */

button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, 
.btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, 
a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, 
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]), button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary
{
    background-color: #009fe3;
    border-color: #009fe3; }
    
.btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:focus {
            background-color: #008cc4;
    border-color: #008cc4; }
    
a {
    color: #009fe3; }
    
    /* Secroll to Top */
    
    #scrollTop::after, #scrollTop::before {
    background-color: #009fe3; }
    
h3, .h3 {
    padding: 12px 0 10px;
}
    
/* Pages */

.bg-overlay {
    background: rgb(0, 159, 227);
    opacity: .9;
    border-bottom: 2px solid #fff;
}

.heading-text.heading-section h2::before, .p-progress-bar, .progress-bar {
    background-color: #009fe3; }

.p-t-150 {
    padding-top: 65px !important;
}

/* More about Photo Booth Page */
.p-progress-bar-container.title-up .p-progress-bar .progress-number {
    position: unset; }
    
/* Gallery Link */

.portfolio-item .portfolio-description a:hover i, .portfolio-item .grid-description a:hover i, .portfolio-item .portfolio-links a:hover i, .grid-item .portfolio-description a:hover i, .grid-item .grid-description a:hover i, .grid-item .portfolio-links a:hover i {
    background-color: #009fe3;
    border: 1px solid #009fe3;
}

/* Lighbox h3 */
.light-desc {
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

/* Light box menu */
.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {
    border-color: #009fe3; }
    
/* Search */

#search .btn-search-close {
    background-color: #009fe3; }
    
/* Footer */

.icon-box.small .social-icons {
    margin: 0 0 20px 60px; }
    
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    color: #009fe3;
}

.icon-box.small > h3 {
    font-size: 15px;
    font-weight: 500; }
    
#footer.inverted h3 {
    color: #ececec; }
    
    /* Contact -us */
    
.widget.clearfix.widget-contact-us.p-cb {
    background-position: 50% 50% !important; }
    
/* Features Gallery */
.feat1 {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

/* Forms */

.form-control:focus {
    box-shadow: 0 0 0 .2rem rgba(0,159,227,.25);
}