/* Custom Style Definitions */
/* for luckywindowsanddoors.co.uk */

html, body { width: 100%; margin: 0px; padding: 0px; }
html { line-height: 1.5; font-family: "Roboto Slab", Georgia, "Palatino"; color: #333; }
body{background-color: #fff;}

/*--------------------fonts----------------------*/

/*---------------headings--------------------*/
h1, h2, h3, h4 { font-family: "Work Sans", sans-serif; font-weight: 900;}
h5{font-weight: 700;}
h2 {font-size: 36px; text-transform: uppercase;}
h3 {font-size: 34px; line-height: 30px;}
h4 {font-size: 24px;}
h3 em{font-style: normal; color: #eb0069;}
h4 em{font-style: normal; background-color: #333; padding: 5px; color: #fbf03c;}
/*--------------text & paragaphs----------- */
p{font-weight: 300; color: #555;}
p strong{font-weight: 400;}
p.open{font-size: 30px; line-height: 40px; font-weight: 300;}
p.intro{font-size: 20px; line-height: 30px;}
p.norm { font-size: 15px; line-height: 28px; }
p.large { font-size: 30px; }
p.large em{font-style: normal;}
p.tiny{font-size: 12px;}
    p.tiny a{color: inherit;}
        p.tiny a:hover{text-decoration: underline;}
p img{vertical-align: middle;}

.toupcase {text-transform: uppercase;}
a.textlink { font-size: 16px; color: #eb0069; text-decoration: none;}
a.textlink:hover{text-decoration: underline;}

/*--------------divs & ids------------------*/
/*colors*/
.silver {background-color: #f5f5f5;}
.navy {background-color: #002158;}
.lbrown{background-color: #b99080;}
.lgrey{background: #BEBBA5;}
.lfawn{background: #c3af8e;}
.dblue{background: #a3b5cc;}

/*common*/
.brdleft {border-left: 1px solid #ddd;}
.brdrght {border-right: 1px solid #ddd;}
.nomrg {margin: 0;}
.wbrdr{border-left: 1px solid #eee; padding: 20px 0 20px 20px; }
.xtralpad{padding-left: 20px;}

#infostrip .row {margin: 0; padding: 0;}
  #infostrip p.address{color: #fff; font-size: 20px; font-weight: bold; margin: 0; padding: 10px 0;}
    #infostrip p.address em{font-style: normal; color: #99BDF8;}

.info-block { padding: 0 25px; }
.info-block p{ text-align: center; font-size: 90%; }

/*----------------parallax--------------*/
.parallax-container { height: 100px; margin-top: 0; min-height: 260px; line-height: 0; height: auto; z-index: 1;}
.parallax-container h3{ font-weight: 700; font-size: 42px; }
.parallax-container p.norm{font-size: 24px;}

/*-------------cards-------------*/
.prods .card .card-content{padding: 0; margin-bottom: 20px; border-bottom: 3px solid #fbe33c;}
.prods .card .card-content .card-title{font-size: 18px; font-weight: bold; color: #333; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.prods .card .card-content p{padding: 10px 20px 40px; color: #555;}
.prods .card .card-content .card-image{border-bottom: 1px solid #eee;}
.prods .card .card-content .card-title a{color: #fff;}
.prods .card .card-content .card-title a:hover{ color: #000; text-decoration: underline;}

/*------------collections--------------*/
.collection { border: none; }
.collection .collection-item { background-color: transparent; padding-bottom: 12px; color: #555; padding-left: 0; }

/*------------form-------------*/
.concontent form fieldset{border: none;}
.concontent form button { color: #333;}
.concontent form input {border-color: #ccc; }

/*----------------navbar--------------------*/
#navdiv{ background: transparent url("../images/headerbg.jpg") top center no-repeat; height: 140px;}
.navbar-material .nav-wrapper {
    height: 100px;
}
.navbar-material .nav-wrapper .brand-logo img {
  height: 100px;
}
nav {
    xheight: 46px;
    xline-height: 46px;
    color: #555;
    background: transparent;
}
nav ul li a{
    font-family: "Oswald", sans-serif; color: #fff; font-weight: normal; text-transform: uppercase; letter-spacing: 1px;
}    
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
    xheight: 46px;
    xline-height: 46px;
}
nav ul li.active {
  background-color: transparent;
}
nav ul li:hover {
  background-color: transparent;
}
nav .button-collapse i {
    xheight: 146px;
    xline-height: 146px;
}
nav .brand-logo { 
    xpadding-top: 5px; 
}
.navbar-fixed {
  xheight: 46px;
}

@media only screen and (min-width: 601px){
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
        xheight: 46px;
        xline-height: 46px;
    }
    nav ul{margin-top: 55px;}
    nav ul li:hover { background-color: transparent; border-bottom: 3px solid #eee;}
}
/*--------------sidenav-----------------*/
.side-nav .collapsible { margin: 0;}
.side-nav{}
.side-nav li{ }
.side-nav li:hover {  border-bottom: none;}
.side-nav a { xcolor: #92a22a; font-size: 1.4rem;}

/*-------------footernav---------------*/
.footernav ul{ list-style:none; text-align: center; padding-bottom: 10px; }
.footernav ul li { list-style-type:none; display:inline; color:#333 ; }
.footernav ul li a { padding:0 4px; display:inline-block; font-size: 12px; font-weight: normal; color:#333; text-decoration: none; border-right: 1px solid #333; }
.footernav ul li a:hover, .footernav ul li a:focus, .footernav ul li a:active { text-decoration: underline; color: #fff; }
.footernav ul li a.lastnav{border: none;}

/*-------------footer-------------*/
footer.page-footer{margin-top: 0; background-color: #bbb;}
footer.page-footer .row{margin-bottom: 0;}
footer.page-footer p.tiny{ font-size: 12px; color: #555;}
footer.page-footer p.large{ color: #bbdefb;}


/*-------------home-------------*/
#homcontent { background: #fff url("../images/hero1.jpg") center top no-repeat; max-width: 100%; height: auto; }
#homcontent #navdiv { background: none; height: 1000px;}
#homcontent .xtratpad{padding-top: 30px;}
#homcontent .xtralpad{padding-left: 30px;}
#homcontent .xtrapad{padding: 0 30px;}
#homcontent .xtramrg{margin-top: 750px; margin-bottom: 50px;}
#homcontent .xtrabmrg{margin-bottom: 40px;}
#homcontent p.address{margin: 0; padding: 0}
#homcontent .silver h3{margin-bottom: 50px;}
#homcontent .highlite {margin-left: 30px; margin-right: 30px; font-size: 24px; }
#homcontent .parallax-container p, #homcontent .parallax-container h3 {color: #fff; }

/*-------------about-------------*/
#abtcontent .xtratpad{padding-top: 30px;}
#abtcontent h2{color: #4e7ed2;}
#abtcontent .parallax-container p, #abtcontent .parallax-container h3 {color: #333; }

/*-------------common for products-------------*/
.prod h2{font-size: 30px;}
.prod .xtratmrg{margin-top: 50px; }
.prod .xtrapad{padding-top: 40px; padding-bottom: 5px;}

/*-------------window-------------*/

#wincontent .wbg{background: transparent url("../images/window3.jpg") bottom right no-repeat; height: 349px; }

/*-------------doors-------------*/
#dorcontent .wbg{background: #BEBBA5 url("../images/door3.jpg") top right no-repeat; height: 349px; }

/*-------------conservatories-------------*/
#cnscontent .wbg{background: transparent url("../images/conservatory3.jpg") top right no-repeat; height: 349px; }

/*-------------more productss-------------*/
#mprcontent .wbg{background: transparent url("../images/mproducts3.jpg") top right no-repeat; height: 349px;}


/*-------------contact-------------*/
#concontent p.large {font-size: 18px; margin-bottom: 40px; letter-spacing: 1px;}
#concontent h4{text-transform: uppercase; }
#concontent .parallax-container {min-height: 180px;}
#concontent p.norm{line-height: 36px; }
#concontent .xtrapad{padding-top: 40px; padding-bottom: 20px;}

/*media requests*/
@media only screen and (max-width: 992px){
    #homcontent h3, #homcontent h4 {text-align: center;}
    #homcontent p.norm{font-size: 14px; line-height: 24px; text-align: center;}
    #homcontent .xtralpad{padding-left: 0px;}
}