@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Oswald:400,300,700");

/*
    Theme Name: Angelina's Famous Pizza
    Theme URI: http://www.angelinasfamouspizza.com
    Author: Sam Kim
    Author URI: http://www.angelinasfamouspizza.com
    Description: Clean WordPress Theme based on Bootstrap framework.
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* global */
html, body{font-size:13px;background:#fff;}
body{font-family:'Oswald', Helvetica, Arial, sans-serif; font-weight:400; color:#232323;}

.page-section{padding:60px 0;}
.page-section.border{border-bottom:1px solid #eee;}
.page-section.light{color:#fff;}
.page-section.fixed{background-repeat:no-repeat; background-position:top left; background-size:cover; background-attachment: fixed;}
.page-section h2{font-size:3.75em;line-height:1em;}
.page-section p{font-size:1.4em;font-weight:300;}
.page-section p:last-child{margin:0;}
.page-section-description{margin-bottom:30px;font-weight:300;font-size:1.25em;}

.divider{background:url('/wp-content/uploads/divider-dark.png') no-repeat center center;height:80px;}
.divider.light{background-image:url('/wp-content/uploads/divider.png');}

.spacer{height:30px;}
.disclaimer{font-weight:300;}

h1, h2, h3, h4, h5{margin:0;padding:0;text-transform:uppercase;}


.btn{border-radius:0;font-weight:700;}

header{padding:15px 0;z-index:999;}
header .navbar{margin:0;border-radius:0;border:0;}
header .navbar-brand{height:105px;}
header .navbar-nav{margin:15px 0;}
header .navbar-nav > li > a{line-height:45px;color:#fff;font-weight:300;font-size:1.25em;text-transform:none;}
header .navbar-nav > li > a:hover, header .navbar-nav > li > a:focus{background-color:transparent;color:#ddd;}
header #logo{width:409px;height:105px;margin-left:15px;display:inline-block;background:url('/wp-content/uploads/afp-logo-h-light.png') no-repeat left center;background-size:cover;}

header.active{padding:0;background-color:#cc2027;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.25);}
header.active .navbar-nav{margin:0;}
header.active .navbar-nav > li > a{color:#fff;font-size:1.25em;}
header.active .navbar-nav > li > a:hover{color:#eee;}
header.active #logo{background-image:url('/wp-content/uploads/afp-logo-h-light.png');width:300px;height:77px;}

#navbar-toggle-button{color:#fff;}



#info{background-color:#eee;}
.info-text{margin-top:1em;font-size:1.2em;font-weight:300;}
.info-text a, #info i{color:#333;}
.info-text a:hover, #info a:hover i{text-decoration:none;color:#676767;}

footer{padding:15px 0;font-size:1em;color:#fff;background-color:#333;font-weight:300;}
#copyright{line-height:40px;}
footer .navbar-nav > li{margin-left:15px;}
footer .navbar-nav > li > a{line-height:40px;padding:0;font-weight:300;color:#fff;font-size:1em;}
footer .navbar-nav > li > a:hover, footer .navbar-nav > li > a:focus{background-color:transparent;color:#eee;}




/* home start */
#hero{background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;overflow:hidden;width:100%;height:100%;}
#hero video{min-width:100%;min-height:100%;position:absolute;}
#hero-screen{min-width:100%;min-height:100%;position:absolute;background:url('/wp-content/uploads/bg-pattern.png');z-index:997;opacity: 0.25;}
#hero .btn{padding:16px 38px;text-transform:uppercase;font-size:1.2em;background-color:transparent;color:#fff;font-weight:400;border-width:2px;}
#hero .btn:hover{background-color:rgba(255, 255, 255, 0.85);color:#222;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}

#hero-content{position:absolute;z-index:998;max-width:1200px;max-height:700px;top:0;bottom:0;right:0;left:0;margin:auto auto;}
#hero-content-container{background-color:rgba(0, 0, 0, 0);padding:60px 120px;margin:0 15px;height:100%;color:#fff;}
#hero-content h1{font-size:5.25em;line-height:1.25em;margin-bottom:15px;}
#hero-content h2{font-size:1.25em;line-height:1.4;font-weight:300;margin-bottom:30px;}
#ipc-logo{width:450px;height:177px;}

#scroll-down > a{color:#fff;position:absolute;opacity: 0.6;font-size:50px;bottom:30px;right:0;left:0;margin:0 auto;text-align:center;outline-style:none;z-index:999;}
#scroll-down > a:hover{opacity: 0.3;}


.menu-item{text-align:center;padding-bottom:30px;}
.menu-item h3{margin-bottom:0;}
.menu-item img{width:100%;height:auto;border:1px solid #ddd;margin-bottom:15px;}
.menu-item-desc{font-family:Helvetica, Arial, sans-serif;font-style:italic;line-height:1.2em;}
.menu-item-prices{margin-top:4px;}
.menu-sub-item{text-transform:uppercase;}
.menu-break{margin-top:15px;}


#pizzas{background-image:url('/wp-content/uploads/pizzas-bkgd.jpg');}
#pizzas table{border-collapse:collapse;width:100%;font-size:1.2em;}
#pizzas thead{background-color: rgba(255,222,0,.75);}
#pizzas tbody{background-color: rgba(255,255,255,.9);}
#pizzas th{padding:25px;text-transform:uppercase;text-align:center;}
#pizzas th .slices{font-weight:300;}
#pizzas td{color:#000;font-weight:300;padding:25px 25px 0 25px;text-align:center;}
#pizzas tr:first-child td{padding-top:35px;}
#pizzas tr:last-child td{padding-bottom:35px;}

#pizza-crust{background-color: rgba(255,255,255,.9);padding:60px;color:#000;}

#about{background-image:url('/wp-content/uploads/about-bkgd.jpg');}
#about p a{color:#fff;}
#about p{font-weight: 100;}


.crust-image{max-width:100%;}

.cta-order{margin-top:15px;}
.crust-label{margin-top:1em;}


@media (max-width: 1200px) {
    header #logo{width:250px;height:60px;padding:8px 0;}
    header .navbar-nav{margin:8px 0;}
    header .navbar-nav > li > a{padding:0 0 0 15px;}
}

@media (max-width: 992px){

    #navbar-toggle-button{color:#fff;}
    header.active #navbar-toggle-button{color:#333;}
    header.active .navbar-toggle{margin-top:15px;}


    #hero-content{max-height:460px;}
    #hero-content-container{padding:30px;}
    #hero-content h1{font-size:2em;}
    #hero-content h2{font-size:.8em;}
    #hero .btn{padding:10px 28px;font-size:1em;}
    #ipc-logo{width:75%;height:auto;}
    .info-text{margin-bottom:2em;}

    #copyright, footer .navbar-nav > li{text-align:center;}

}


@media (max-width: 768px){
    #navbar{background-color:rgba(255,255,255,.75);}
    header .navbar-nav{width:100%;}
    header .navbar-nav > li > a{color:#333;text-align:right;padding-right:18px;}
    header .navbar-nav > li > a:hover{color:#000;}

}