/*
Theme Name: Porto Child
Theme URI: http://newsmartwave.net/wordpress/porto
Author: SW-THEMES
Author URI: http://newsmartwave.net/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto-child

*/

@import url("../porto/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/*Slider*/

.home .header-wrapper {
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 40px;
}

.header-wrapper {
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 99;
}

/*Hover lamp*/

.lamp-row .block-inner {box-shadow: inset 0px 0px 0px 200px rgba(0,0,0,0.5);}
.lamp-row .block-inner:hover {box-shadow: inset 0px 0px 0px 200px rgba(0,0,0,0.2);}
.lamp-row h2 {text-shadow:0px 0px 3px #000;}

/* Pretty photo */
.pp_pic_holder .ppt{
	display: none !important;
}

/*Menu*/
#header.header-11 .header-main #main-menu .mega-menu > li.menu-item > a, #header.header-11 .header-main #main-menu .mega-menu > li.menu-item > h5 {
    padding: 29px 13px!important;
}

#products{
	padding-bottom: 160px;
}


.mobile-toggle .fa{
    font-size: 24px;
    color: #d0aa84;
}

#header .mobile-toggle {
   background-color: transparent !important;	
}


.mobile-toggle {
    margin-bottom: 8px !important;
}


article.post .post-date .month, article.post .post-date .format, .post-item .post-date .month, .post-item .post-date .format, #nav-panel .accordion-menu li.menu-item.active > a {
    background-color: #d0aa84 !important;
	color: #fff !important;
}

.footerlogo {
    width: 100px;
}

.wpcf7-form-control.wpcf7-submit {

    background: #d0aa84 !important;
    border: 2px solid #d0aa84 !important;
	color: #fff !important;

}

.wpcf7-form-control.wpcf7-submit:hover {

    background: #000 !important;
    border: 2px solid #000 !important;
	color: #fff !important;

}

@media(min-width: 992px){
    #header .header-main .container {
        height: 140px !important;
    }
}

#main-menu a {
    font-size: 14px !important;
}

.header-main {
    box-shadow: 0px 0px 14px #0007 !important;
}
.img-responsive.standard-logo {
    width: 300px;
}

#nav-panel .mobile-nav-wrap {

    background-color: transparent;
    color: #ccc !important;

}

.mobile-nav-wrap a {

    color: #9c9c9e !important;
    font-weight: 300 !important;
}


.main-content{padding-bottom:0px;}

/*Footer*/

#footer .footer-bottom {
    padding-top:30px;
}
.footer-top .copyright{
    font-family: Poppins;
    color:  #7a7a7a;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
}

.footer-top .copyright::before{
	content:'©';
}

.footer-top span.copyright-logo{
    color:  #ffffff;
    font-weight: 400;
    letter-spacing:5px;
    margin:0px 10px;
}


/*Find Harry*/

#find-harry{
    padding-top:96px;
    padding-bottom:0px;
}
#find-harry p{
    color:#ffffff;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    opacity:0.8;
}
/*About Harry*/
#about-harry{padding-top:60px;padding-bottom:30px;}

#about-harry p {
    font-weight: 300;
    line-height: 24px;
    text-align: center;
}
h2{
    font-family: Poppins;
    color:  #ffffff;
    font-size: 30px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    text-transform:uppercase;
    letter-spacing:10px;
}
h3{font-family: Poppins;font-size:24px;line-height:24px;color:#000000;font-weight:600;}


.wpb_gmaps_widget .wpb_wrapper {
    background-color: #f7f7f7;
    padding:0px;
}

.block{
    padding-top:70px;
    background-size:cover;
    background-position:center center;
    height:300px;
}
.block h2{
    line-height:26px;
}


.outline .vc_btn3{
    background-color:transparent !important;
    border:1px solid #d0aa84;
}
.outline .vc_btn3:hover{
    border:1px solid #d0aa84;
    background-color:#d0aa84 !important;
}

#about-harry .outline .vc_btn3{
    color:#d0aa84;
}
#about-harry .outline .vc_btn3:hover{
    color:#fff;
}


.sep hr{background-color:#1e2326 !important;}


.testimonial blockquote {
    font-family: PlayfairDisplay;
}
.testimonial blockquote p {
    padding-top:22px;
    color: #fff;
    font-family: PlayfairDisplay;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.testimonial blockquote {
    background: transparent;
}
.testimonial .testimonial-arrow-down{display:none;}
.testimonial .testimonial-author p{margin-left:50px;font-size:18px;}
.testimonial .testimonial-author span{font-size:18px;}
#about-author{padding-top:100px;}
.wysija-paragraph{float:left; width:50%;margin-right:5%;}
.wysija-paragraph input[type="text"] {
    border: none;
    border-bottom: 1px solid rgba(30, 35, 38, 0.5);
    box-shadow: none;
    width: 100%;
    font-family: Poppins;
    color: rgba(30, 35, 38, 0.5);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
}

.widget_wysija_cont .wysija-submit{background:transparent !important;border:1px solid #d0aa84; color:#d0aa84; margin-top: 0px;
    width: auto;}


/*Media Querry*/
@media (max-width: 1200px){
	.block {
    	padding-top: 0px;
    	height: 300px;
	}
}

@media (min-width: 992px){
    #header.header-11 .header-main #main-menu .mega-menu > li.menu-item.active > a, #header.header-11 .header-main #main-menu .mega-menu > li.menu-item.active > h5 {
        border-bottom: 3px solid #d0aa84;
    }
    .porto-testimonial {
        margin-left: 0px;
        width: 100%;
    }
    .author-img img{
        position: absolute;
        top:0px;
    }
}


@media (max-width: 767px){
	#products .block {
    	height: auto;
	}
	#products {
		padding-bottom: 0;
	}
}

@media (max-width: 660px){

    /*Menu*/
    .header-wrapper {
        position: relative;
        top: 0px;
        width: 100%;
        z-index: 99;
        top:0px;
    }
    
	#find-harry{
    		padding-top:60px;
    		padding-bottom:0px;
	}
}