/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://afterimagedesigns.com/wordpress-bootstrap-starter-theme/
Author: Afterimage Designs
Author URI: http://afterimagedesigns.com/
Description: Child Theme Generated by <a href="http://wordpresschildthemes.com">http://wordpresschildthemes.com</a>.  Wordpress Bootstrap Starter Theme or Bootstrap Wordpress Starter Theme is based on two most powerful framework in the world - “_s” by Automattic (the main people behind Wordpress development) and Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next Wordpress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this Wordpress Starter Theme Bootstrap will be highly appreciated.: Wordpress Bootstrap Starter Theme or Bootstrap Wordpress Starter Theme is based on two most powerful framework in the world - “_s” by Automattic (the main people behind Wordpress development) and Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next Wordpress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this Wordpress Starter Theme Bootstrap will be highly appreciated.
Version: 1.3.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter-child
Template: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');

html {
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
    background: #fff;
}

h1, h2, h3, h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 0;
}

p, ul li, ol li {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
}

ul li, ol li {
    padding-bottom: 5px;
}



#content {
    padding-top: 0px !important;
}

.footer-inner {
    background: #00002a;
    width: 100%;
    float: left;
    padding: 20px 0;
}


body{
    font-family: 'Source Sans Pro', sans-serif !important;
}

header li {
    list-style: none;
    display: inline-block;
}

#zoom-social-icons-widget-2 {
    float: right;
}
#masthead {
    background: #00002a !important;
}
.menu-menu-main-container li {
    display: inline-block;
    padding: 0 4px;
}

.menu-menu-main-container li  a {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 18px;
}

.menu-menu-main-container li a:hover {
    text-decoration: underline !important;
}

header .widget {
    margin: 6px 0 0 0 !important;}

.footer-inner {
    background: #00002a;
}
div#footer-widget {
    width: 100%;
}
.my-container {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.footer-inner .menu-menu-main-container li {

    display: inline-block;
    padding: 0 16px;
}
#custom_html-4 p {
    float: right;
    text-align: right;
    margin-top: 15px;

}
.foter-btn {
    text-align: center;
    float: left;
    width: 100%;
    margin: 40px 0;
}

.foter-btn a {
    background: #00002a;
    color: #8b6b47;
    padding: 15px 25px;
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 30px;
}

footer#footer #footer-widget {
    padding-bottom: 30px !important;
}

#footer-widget .widget {
    margin: 50px 0 0px 0;}
#footer-widget {
    margin-bottom: 50px !important;
}
#custom_html-4 span {
    float: left;
}
.footer-inner .menu-menu-main-container {
    margin-top: 6px;
}
#custom_html-4 p {
    float:right;
}
.footer-inner li {
    list-style: none;
}
.footer-inner .widget {
    margin: 6px 0 0 0;
    font-size: 0.875rem;
}
.menu-menu-main-container ul {
    margin-bottom: 0;
}
.sm-grid-boxes-caption {
    position:absolute;
    top:0;
    z-index:99;
}

.sm-grid .grid-sm-boxes-in {
    padding: 0 !important;}
.my-container {
    max-width: 920px;
    margin-top: 80px;
    margin-bottom: 80px;
}
.btm-txt{max-width:1170px;
         margin:0 auto;}

.my-container header {
    display: none;
}
.my-container .panel-first-child .widget-title{
    margin-top: 0;
    color: #00002a;
    text-transform: uppercase;
    font-size: 25px;
    font-weight:400;
}
.my-container .panel-first-child .textwidget p {
    margin-top: 0;
    color: #00002a;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
}
.timing {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.timing p {
    float: left;
    text-transform: capitalize;
    min-width: 100px;
    max-width: 570px;
}
.dir-btn {
    text-align: right;
}
.dir-btn a {
    background: #00002a;
    color: #fff;
    padding: 6px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
}
.dir-btn {
    margin-bottom: 50px !important;
}
.sm-grid-boxes-caption .sm-meta {
    display: none;
}
#post-20 header h1 {
    visibility: hidden;
}
.menu-menu-main-container ul {
    margin-bottom: 0;
    padding: 0;
    text-align: center;
}
#showRightPush {
    border: 0;
}

button#showRightPush.active {
    right: 5%;
    position:fixed;
    left: auto;
}

@media only screen and (min-width: 320px)  and (max-width: 767px) {


    header #custom_html-3 {
        float: left;
    }

    .menu-menu-main-container li {
        display: inline-block;
        margin: 5px 0px;
        width: 100%;
    }	

    .footer-inner .row div {
        float: left;
        width: 33%;
    }	
    .menu-menu-main-container ul {
        margin-bottom: 0;
        padding: 0;
    }
    .menu-menu-main-container {
        width: 100% !important;
        text-align: center;
    }
    header .row div {
        float: left;
        width: 33%;
    }
    #main-nav-custom {
        width: 100%;
    }


    header .widget img {
        min-width: 39px;
        margin-top: 5px;
    }
    .footer-inner .widget img {
        min-width: 33px;
        margin-top: 5px;
    }

    .banner-title h3 {
        margin-left: 20px;
    }
    nav li {
        display: inline-block;
        margin: 5px 0px;
        width: 100%;
    }	

    .dir-btn {
        text-align: left;
    }
    .f-logo p {
        text-align: left;
        margin-top: 30px;
        float: left;
        margin-left: 35px;
    }
    .panel-layout {
        padding: 0 20px;
    }
    .my-container {
        padding: 0 20px;
    }
    .footer-inner .menu-menu-main-container li {
        display: inline-block;
        padding: 0 0;
    }
    
    button#showRightPush {
        margin: 0 25px 0 auto;
    }
}

@media only screen and (min-width: 768px)  and (max-width: 1024px) {


    .footer-inner .menu-menu-main-container li {
        display: inline-block;
        padding: 0 11px !important;
    }
    .footer-inner	.menu-menu-main-container li a {
        font-size: 16px;
    }
    .panel-layout {
        padding: 0 20px;
    }
    .my-container {
        padding: 0 20px;
    }


    nav ul {
        padding: 0; 
    }
    nav li {
        display: inline-block;
        margin: 0px 0px;
        width: 100%;
    }
}
@media only screen and (min-width: 1024px)  and (max-width: 1200px) {
    .menu-menu-main-container li {
        display: inline-block;
        padding: 0 0px;
    }
    .nav-link {
        display: block;
        padding: .5rem 8px;
    }
    .footer-inner .menu-menu-main-container li {
        display: inline-block;
        padding: 0 11px !important;
    }
    .footer-inner	.menu-menu-main-container li a {
        font-size: 16px;
    }
}



/* Standard page banners */
.banner {
    position: relative;
    background: #fff url('') no-repeat center center;
    background-size: cover;
}

.banner .text {
    position: absolute;
    top: 50%;
    left: 275px;
    margin-top: -25px;
}

.banner .text h1 {
    line-height: 50px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
    .banner .text {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;                
        background-color: rgba(255,255,255,0.6);
        morgin-top: 0;
        padding: 5px 0;        
    }
    
    .banner .text h1 {
        line-height: 20px;
        font-size: 18px;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .banner {
    }
}

/* Home content blocks */
.home-grid .grid-item {
    position: relative;
    background: #fff url('') no-repeat center center;
    background-size: cover;
}

.home-grid .grid-item {
    padding: 35px;
    min-height: 100px;
}

.home-grid .grid-item .text {
    position: absolute;
    top: 20px;
    left: 20px;
}

.home-grid .grid-item .text h3 {
    text-transform: uppercase;
    margin: 0;
    font-size: 26px;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}

.home-grid .grid-item .text.text-light h3 {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

.home-grid .grid-item a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: opacity ease 200ms;
    background-color: #000;
}

.home-grid .grid-item a:hover {
    opacity: 0.2;
}

@media (min-width: 768px) {
    .home-grid .grid-item {
        height: 20vw; /* Note: we want a square grid */
    }
    
    .home-grid .grid-item.double-height {
        height: 40vw;
    }
}

.home-grid .grid-item .text.text-top-left {
    top: 20px;
    left: 20px;
}
.home-grid .grid-item .text.text-top-right {
    top: 20px;
    right: 20px;
}
.home-grid .grid-item .text.text-bottom-left {
    bottom: 20px;
    left: 20px;
}
.home-grid .grid-item .text.text-bottom-right {
    bottom: 20px;
    right: 20px;
}

#menu-footer-menu {
}

#menu-footer-menu li {
    display: inline-block;
    
}

#menu-footer-menu li a {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

.dropdown-menu {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 300px;
}

.dropdown-menu .menu-item {
    float: none;
    display: block;
}

.dropdown-menu .dropdown-item {
    padding: 10px;
    line-height: 1.2;
    text-align: left;
}

.wpcf7-textarea {
    height: 75px;
}

.wpcf7-form p {
    margin-bottom: 5px;
}