/*
 Theme Name:   Archi Child
 Theme URI:    http://archiwp.com/
 Description:  Archi Child Theme
 Author:       OceanThemes
 Author URI:   http://oceanthemes.net
 Template:     archi
 Version:      3.4.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  archi-child
*/

@import url("../archi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
img{height: auto;width: 100%;}
.border-img{
    border: 1px solid #e8e8e8;
}
address div strong, address span strong {
    min-width: 40px !important;
}
.page-content .container {
    width: 100%;
}
.grid_gallery .item {
    border: 1px solid #ccc;
}
.de-gallery .project-name {
    font-size: 12px!important;
    letter-spacing: 0.5px !important;
}
#subheader h1, #subheader h4{
    margin-top: 0 !important;
}
#subheader .crumb {
    font-size: 16px !important;
	letter-spacing: 0 !important;
	 margin-top: 25px !important;
}
#subheader h1 {
    letter-spacing: 0 !important;
}
#sidebar ul.sub-menu li.menu-item a:hover {
    color: #f11417;
}
.widget {
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
}
.iws-table{width:100%;margin:15px auto; border: 1px solid #d6d6d6;}
.iws-table td,.iws-table th{border:1px solid #d6d6d6;padding:5px !important}
.iws-table th{font-weight:bold}
.iws-table tr:nth-child(even){background-color:#f7f7f7}
.iws-table tr:nth-child(odd){background-color:#ececec}

#client-logo .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    list-style: none;
    margin: 8px;
    max-width: 100%;
    float: left;
    border: 1px solid #ccc;
    display: inline-block;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    padding: 5px;
}
.pp_gallery {
    display: none !important;
}
.wpb_image_grid .wpb_image_grid_ul img {
    max-width: 95% !important;
}

#content, .inner-padding {
    padding: 40px 0 40px 0  !important;
}
.heading-title {
    background: #272828;
	    padding: 10px 15px;
}
#applications a.btn-big {
    font-size: 12px !important;
    padding: 0 6px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
}
#subheader, .has-topbar #subheader, .de-navbar-left #subheader {
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.blue-button{
    background: #1c6199;
    color: #FFF !important;
    width: 400px !important;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 10px !important;
}
.map-box.vc_column_container>.vc_column-inner {
    box-shadow: 2px 0 15px 1px #F44336;
    margin: 20px;
}

@media only screen and (max-width: 1024px) { 
        #menu-btn{
            display:block;
            position:relative;
            float:right;
        }                
        header{
            display:none;
        }

        header .info{
            display:none ;
        }
        
        header.header-bg{
            background:rgba(0,0,0,1);
        }

        header.de_header_2{height: auto;}       
        header.transparent{background:#000000;}
        header, header.fixed {
            display:block;
            position:inherit;
            margin:0;
            padding:0;
            margin-top:0;
            height:auto ;
            background:#000000;
            padding:15px 0 15px 0;
        }
        header div#logo{
            height: 50px;
            line-height: 50px;
        }
        header.fixed div#logo {
            height: 60px;
            line-height: 60px;
            float: left;
        }
        header div#logo a img {
            max-height: 60px;
        }        
        header.fixed div#logo img{
            height:auto;
        }
                
        header div#logo .logo-scroll {display: none;}

        #subheader{
            padding:0;
            margin:0;
        }
        .has-topbar #subheader{padding-top: 0px;}
        #subheader h1{
            margin:45px 0 45px 0;
        }
        .header-mobile-sticky-subheader #subheader{padding-top: 80px;}       
        nav{width:100%;}        
        #mainmenu{
            display:none;
            float:none;
            z-index:200;
            width:100%;
            margin:0;
            padding:0;
        }        
        #mainmenu ul{float: none;}
        #mainmenu a, header.header-bottom #mainmenu > li > a{
            text-align:left;
            padding-top:10px ;
            padding-bottom:10px ;
        }
        
        #mainmenu a:hover{
            background:#111 ;
        }
        
        #mainmenu > li > ul{
            visibility: visible;
            opacity: 1;
            position:inherit;
            margin:0;
            width:100%;
        }
        #mainmenu > li > ul > li > ul{
            visibility: visible;
            opacity: 1;
            position:static;
            width: 100%;
            left: 0%;
            height: auto;
        }
        #mainmenu li{
            border-bottom:solid 1px #333;
            margin:0;
            width:100%;
            display:block;
            letter-spacing:3px;
        }
        
        #mainmenu li a:after{
            display:none;
        }
        
        #mainmenu li:last-child{
            margin-bottom:30px;
        }
        
        #mainmenu li ul{
            border-top:solid 0px #333;
            top:auto;
        }
        
        #mainmenu li ul a{
            width:100%;
            background:none;
            border:none;
        }
        
        #mainmenu li ul li{
            border:none;
            padding-left: 40px ;
        }
        
        #mainmenu li ul li a{
            display:block;
            border-left:solid 1px #333;
            border-bottom:solid 1px #333;
        }
        
        #mainmenu li ul li:last-child{
            border-bottom:none;
            margin:0;
        }

        #mainmenu li ul li:last-child a{
            border-bottom:none;
        }
        #mainmenu li a{
            color:#eceff3;
        }
        
        #mainmenu  li li a{
            font-size:10px;
        }
        
        #mainmenu  li li a:hover{
            color:#fff;
        }
        #mainmenu li li li a {background: transparent;}
		#mainmenu li ul ul {left: 0;}        
		
		header.header-mobile-sticky{
            position:fixed;
        }
		header.header-mobile-sticky.autoshow.scrollOff{
			top: 0px;
		}
		
		header #mainmenu li ul li:first-child{
		  border-top:solid 1px #333;
		}

        header #mainmenu li ul ul li:first-child{
            border-top:solid 0px #333;
        }

        header #mainmenu li ul ul li:last-child{
            border-bottom: solid 0px #333;
        }

        header #mainmenu li ul ul{
            border-top: solid 1px #333;
        }
		
		header #mainmenu > li > ul, 
		header #mainmenu > li > ul > li ul{
			height:0;
			overflow:hidden;
			position:static;
		}
		
		header #mainmenu li span{
			width:36px;
			height:36px;
			background:url(images/ui/arrow-down.png) center no-repeat;
			position:absolute;
			right:0px;
			top:0px;
			margin-top:10px;
			z-index:1000;
			cursor:pointer;
		}
		
		/* remove arrow for Polylang plugin */
		header #mainmenu li.lang-item span {background:transparent;}
		
		header #mainmenu li span.active{
			background:url(images/ui/arrow-up.png) center no-repeat;
		}

        header #mainmenu li li span{
            margin-top: 2px;
        }
		
		.smaller.header-bottom div#logo, .header-bottom div#logo {
			height: 100%;
			line-height: 60px;
			max-height: 80px;
		}		
		header #mainmenu li a span {
            width: 100%;
            height: auto;
            background: transparent;
            position: static;
            margin-top: 0px;
        }
    }