/*======================================
Theme Name: plpo
Theme URI: https://www.plpo.com/
Description: plpo
Version: 1.0
Author: SUMAN KUMAR
Author URI: https://www.plpo.com/
Template: storefront
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */


@font-face {
    font-family: Novecento;  
    src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Novecentosanscondensed-Book.otf);
    src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Novecentosanscondensed-Book.ttf);
    src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Novecentosanscondensed-Book.eot);
    src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Novecentosanscondensed-Book.woff);  
    src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Novecentosanscondensed-Book.woff2);
    font-weight: normal;  
}

@font-face {font-family: Poppins-ThinItalic; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-ThinItalic.ttf);}
@font-face {font-family: Poppins-Black; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-Black.ttf);}
@font-face {font-family: Poppins-BlackItalic; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-BlackItalic.ttf);}
@font-face {font-family: Poppins-Bold; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-Bold.ttf);}
@font-face {font-family: Poppins-BoldItalic; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-BoldItalic.ttf);}
@font-face {font-family: Poppins-ExtraBold; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-ExtraBold.ttf);}
@font-face {font-family: Poppins-ExtraBoldItalic; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-ExtraBoldItalic.ttf);}
@font-face {font-family: Poppins-ExtraLight; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-ExtraLight.ttf);}
@font-face {font-family: Poppins-ExtraLightItalic; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-ExtraLightItalic.ttf);}
@font-face {font-family: Poppins-Italic; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-Italic.ttf);}
@font-face {font-family: Poppins-Light; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-Light.ttf);}
@font-face {font-family: Poppins-LightItalic; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-LightItalic.ttf);}
@font-face {font-family: Poppins-Medium; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-Medium.ttf);}
@font-face {font-family: Poppins-MediumItalic; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-MediumItalic.ttf);}
@font-face {font-family: Poppins-Regular; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-Regular.ttf);}
@font-face {font-family: Poppins-SemiBold; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-SemiBold.ttf);}
@font-face {font-family: Poppins-SemiBoldItalic; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-SemiBoldItalic.ttf);}
@font-face {font-family: Poppins-Thin; src: url(https://www.plpo.com/wp-content/themes/plpo/fonts/Poppins-Thin.ttf);}





h1, h2, h3, h4, h5, h6 { 
    font-family: "Novecento", Arial, sans-serif !important; 
}

body, p {font-family: "Novecento", Arial, sans-serif !important; font-size: 20.67px; letter-spacing: 1px;}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button,
.input-text, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    font-family: "Novecento", Arial, sans-serif !important;
    letter-spacing: 1px;
}


/*section p {text-shadow: 1px 1px 1px #000;}*/


#text-2 .textwidget, #text-4 .textwidget {
    margin-left: 30px;    margin-right: 30px;
}

a {text-decoration: none !important;}
button.menu-toggle, button.menu-toggle:hover {
    background-image: none;
    padding: 1.41575em;
    background: transparent;
    border: none;
}
button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {width: 24px;}
button.menu-toggle:before {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
}
button.menu-toggle:after {
    -webkit-transform: translateY(7px);
    -ms-transform: translateY(7px);
    transform: translateY(7px);
}
article {margin-bottom: 0px !important;}
.plpo-btn {background: #000000; color: #ffffff; border: 1px solid #000000; border-radius: 0;font-size: 24px; padding: 0.3rem 3rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.plpo-btn:hover {background: #ffffff; color: #000000; border: 1px solid #000000; border-radius: 0;font-size: 24px; padding: 0.3rem 3rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.read-more { font-family: "Novecento", Arial, sans-serif !important;font-size: 20.67px !important; letter-spacing: 1px !important;}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {outline: 0px;}
footer .widget_nav_menu ul li {margin-bottom: 0em;}
footer .widget .widget-title {padding: 0 1em 0.5em; margin-bottom: 0em;}
footer .widget {margin: 0 0 0.706325903em;}
footer .widget_nav_menu ul li:before {content: "";}
footer .widget_nav_menu ul li a:hover {text-decoration: underline;}
footer p {font-size: 18.67px !important;}




.gradient-row-right {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    right: 0;
    top: 0;
    bottom: 0;
	background: transparent linear-gradient(271deg, rgb(166 124 0 / 40%) 0%, #533E0000 100%) 0% 0% no-repeat padding-box;
	background: linear-gradient(271deg, rgb(166 124 0 / 40%) 25%, #533E0000 100%) 0% 0%;
/*     background: transparent linear-gradient(271deg, #A67C00 0%, #533E0000 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(271deg, #A67C00 25%, #533E0000 100%) 0% 0%; */
}

.gradient-row-left {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
    right: 0;
    top: 0;
    bottom: 0;
	background: transparent linear-gradient(90deg, rgb(166 124 0 / 40%) 0%, #533E0000 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(90deg, rgb(166 124 0 / 40%) 25%, #533E0000 100%) 0% 0%;
/*     background: transparent linear-gradient(90deg, #A67C00 0%, #533E0000 100%) 0% 0% no-repeat padding-box;
    background: linear-gradient(90deg, #A67C00 25%, #533E0000 100%) 0% 0%; */
}

.gradient-heading {
    background: transparent linear-gradient(90deg, #A67C00 0%, #533E0000 100%) 0% 0% no-repeat padding-box !important;
    background: linear-gradient(90deg, #A67C00 25%, #533E0000 100%) 0% 0% !important;
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin-bottom: 34px;
    padding: 10px 20px;
}

    label {
        display: inline-block;
        margin-bottom: 0rem;
        font-size: 24px;
        font-weight: bold !important;
        letter-spacing: 0.2rem;
        text-align: center;
        width: 100%;
        height: 100%;
		line-height: 50px;
        vertical-align: text-top;
    }
    .custom-title:before {
        content: "";
        border-top: 4px solid #ffffff;
        padding: 0 2.5rem;
        margin: -7px 0;
        transform: translate(0rem);
        position: absolute;
    }
    
/*.home #masthead {*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    width: 100%;*/
/*}*/


.home #masthead {
    position: fixed;
    top: 0px;
    width: 100%;
}


.home .site-header, .page-id-14 .site-header {background-color: transparent;border-bottom-color: transparent;}

#contact-img-section {margin-top: -175px;}
#contact-img-section img {border-radius: 0px;}
#contact-img-section .vc_column-inner {padding: 0px;}

@media (min-width: 1360px) {
    .container {
        max-width: 1360px;
    }
}



@media (min-width: 768px) {
    .footer-widgets .col-md-3 {border-right: 3px solid #AEADB3; padding: 0px 8px;}
    .footer-widgets .col-md-3:last-child {border-right: 0px solid #AEADB3; }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {padding: 1em 1em;}
    .main-navigation ul.menu, .main-navigation ul.nav-menu {text-align: right;}
    .site-header .site-branding img {
        margin-left: auto;
        margin-right: auto;
        width: 100px;
    }
    .site-header .site-branding img {
        height: auto;
        max-width: 100%;
        max-height: none;
    }
}
@media (max-width: 425px) {
    .home .vc_section.vc_row-o-full-height {min-height: 35vh !important;height: auto !important;}
}
@media (max-width: 768px) {
    .custom-logo {width: 60px !important;}
    .home #masthead {
        position: fixed;
        top: 0px;
        width: 100%;
        background: rgb(166 124 0 / 85%);
        padding: 5px 0px 5px 0px !important;
    }
    .polo-top-logo {
        font-size: 0.4em;
        letter-spacing: 0.2px;
        font-weight: 100;
        margin-bottom: 0px;
        white-space: nowrap;
    }
    .site-branding {
        line-height: 10px;width: 63px;
    }
    
    
    
    /*Mobile Home Page BG*/
    .home #about-plpo, .home #windows-doors, .home #patios, .home #interior-exterior-shading {height: auto !important;padding: 0px !important;}
    .home .vc_section.vc_row-o-full-height {min-height: 50vh !important;height: auto !important;}
    #about-plpo p, #windows-doors p, #patios p, #interior-exterior-shading p {font-size: 14.67px !important;}
    #about-plpo h1, #windows-doors h1, #patios h1, #interior-exterior-shading h1 {font-size: 1.617924em !important;line-height: 0.714 !important;margin: 15px 0px 0px 0px !important;}
    .home section {background-position: center !important; background-repeat: no-repeat !important; background-size: 100% 100% !important;}
    .home .vc_btn3.vc_btn3-size-md {
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;}
    .home .wpb_content_element{margin-bottom: 5px !important;}
}







@media (min-width: 760px) and (max-width: 1024px) {
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        padding: 0.5em 0.5em !important;
    }
    .polo-top-logo {
        font-size: 10px;letter-spacing: 0.7px;font-weight: 100;
    }
    .site-branding {
        line-height: 10px;
    }
    
    
    
}



/* .contact-us-form */

.contact-us-form .input-text, 
.contact-us-form input[type=email], 
.contact-us-form input[type=text], .contact-us-form textarea {
	border: 2px solid #CECECE;
	padding: 0.9em;
	box-shadow: none;
    text-align: left;
	border-radius: 0px;
}

.contact-us-form {}


::-webkit-input-placeholder { /* Edge */
  text-transform: uppercase;
	font-family: "Novecento", Arial, sans-serif !important;
    letter-spacing: 1px;
    font-weight: 600;
	color: #CECECE;
}
:-ms-input-placeholder { /* Internet Explorer */
  text-transform: uppercase;
	font-family: "Novecento", Arial, sans-serif !important;
    letter-spacing: 1px;
    font-weight: 600;
	color: #CECECE;
}
::placeholder {
  text-transform: uppercase;
	font-family: "Novecento", Arial, sans-serif !important;
    letter-spacing: 1px;
    font-weight: 600;
	color: #CECECE;
}






@media screen and (min-width: 768px) {
    #masthead.sticky {
        position: fixed;
        top: 0;
        width: 100%;
        min-height: 60px;
        background: rgb(166 124 0 / 80%);
    }
}




@media screen and (min-width: 1024px) {
    .polo-top-logo {
        font-size: 12.2px;letter-spacing: 0.7px;font-weight: 100;
    }
    .site-branding {
        line-height: 10px;margin-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .main-navigation ul.menu, .main-navigation ul.nav-menu {
    margin-top: 20px;}
}


#want-design br {display: none !important;}

.modal video {
        height: 80vh;
        width: 100%;
        object-fit: fill;
        position: relative;
        border-radius: 15px;
    }
    
.modal-header .close {
    position: absolute;
    right: 15px;
    top: 48px;
    z-index: 99;
    border-radius: 0px 15px 0px 15px;
}
    
.product-section .wpb_single_image .vc_figure, .product-section .vc_single_image-wrapper, .product-section .wpb_single_image img{
    width: 100% !important;
}