﻿/***********************************************************************************************************************************/
/***** INCLUDE FONT KITS *****/
@font-face {
    font-family: 'Zapfino';
    src: url('../../fonts/Zapfino.ttf') format('truetype');
}

html
{
    overflow-y:scroll;
}

body {
    font-family: sans-serif;
    width: auto;
    font-size: 14px;
}

*
{
    box-sizing: border-box;
}

.wrapper {
    margin: 0 auto;
    overflow:visible;
    max-width: 1280px;
}

a:hover, input.submit {
    cursor: pointer;
}

/***********************************************************************************************************************************/
/***** HEADER STYLES *****/
#header {
    background: rgba(72, 72, 72, 0.41);
    z-index: 10;
    position: fixed;
    width: 100%;
    top: 0;
    border-bottom: 1px solid rgba(252, 252, 252, 0.4);
}
a.prestige_pulpits_logo {
    height: 50px;
    width: 100%;
    display: block;
    background: url(../images/logos/prestige-pulpits-logo-white.png) no-repeat;
    background-size: contain;
}
#header ul li.main_navigation_parent_nav {
    display: inline-block;
    margin: 0 0 0 30px;
}
#header ul li a {
    font-size: 1em;
    color: #fcfcfc;
    text-decoration: none;
    letter-spacing: 0.1em;
}
ul.main_navigation {
    font-size:1em;
}

ul.main_navigation>li>a {
    padding-bottom: 15px;
    display:block;
}

ul.main_navigation_submenu {
    display: none;
}
li.main_navigation_parent_nav:hover ul.main_navigation_submenu {
    display: block;
}
ul.main_navigation_submenu {
    display: none;
    position: absolute;
    padding: 0px 0 0 0;
    width: 150px;
    text-align: left;
    border-top: 1px solid #c7c7c7;    
}
ul.main_navigation_submenu li {
    display: list-item;
    background-color: #f1f1f1;
    margin: 0 0 !important;
    border-bottom: 1px solid rgba(128, 128, 128, 0.37);
    line-height: 1.4;
    width: 100%;
}
ul.main_navigation_submenu li:hover {
    background-color: #ffffff;
}
ul.main_navigation_submenu li a {
    color: gray !important;
    display:block;
    padding: 15px 10px;
}
a.cart-nav-button::before {
    content: "\f07a";
    font-family: FontAwesome;
    color: #f7fcfc;
    margin: 0 5px 0 0;
    font-size: 15px;
}
.slicknav_menu {
    display:none;
}
.open_close_btn_mobile {
    display: none;
}

/***********************************************************************************************************************************/
/***** RESET STYLES *****/
h1 {
}
p {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

#nav {
    z-index: 1001;
    position: absolute;
    bottom: 130px;
    width: 100%;
    text-align: center;
}
#nav a {
    text-decoration: none;
    margin: 0 13px;
    padding: 0 10px 2px 0;
    color: #fcfcfc;
}
#nav a:nth-child(1), #nav a:nth-child(2), #nav a:nth-child(3), #nav a:nth-child(4) {
    color: transparent;
}
#nav a:nth-child(1)::after {
    content: "Elegance";
    color: #fcfcfc;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
#nav a:nth-child(2)::after {
    content: "Timeless";
    color: #fcfcfc;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
#nav a:nth-child(3)::after {
    content: "Quality";
    color: #fcfcfc;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
#nav a:nth-child(4)::after {
    content: "Service";
    color: #fcfcfc;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

#nav a:hover {
    border-bottom: 3px solid orange;
}
a.activeSlide {
    border-bottom: 3px solid orange;
    padding: 0 0 5px 0;
}

/***********************************************************************************************************************************/
/***** FOOTER STYLES *****/
.footer {
    position: absolute;
    width: 100%;
    color: #808497;
    z-index: 10;
    clear: both;
    border-top: 1px solid #b5b5b5;
    overflow:hidden;
    bottom:0;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:15px;
    padding-top:15px;
}

body[mode='regular'] .footer {
    color: gray;
    border-top: 1px solid #b5b5b5;
    position: relative;
}

body[mode='regular'] .footer img {
}

body[page=index] .footer {
    color: #ffffff;
    border-top: 0 none;
}
body[page=index]  footer.footer i.fa {
    color: #ffffff;
    border-color: #ffffff;
}
.home_page_footer {
    vertical-align: middle;
    overflow: auto;
    height: 80px;
    margin: 100px 0 0 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #fcfcfc;
}
/*img.prestige_pulpits_anniversary  {
    left: 30px;
    position: absolute;
    margin: -10px 0 0 0;
}*/
img.prestige_pulpits_anniversary {
    left: 30px;
    overflow:hidden;
    margin: 2px 0 0 0;
    width: 130px;
}
footer.footer p.prestige_pulpits_copyright {

    font-size: 0.8em;
    letter-spacing: 0.1em;
}

div.footer_left
{
    display:inline-block;
    width:30%;
    vertical-align: middle;
}

div.footer_right 
{
    display: inline-block;
    width: 100%;
    text-align: right;
    vertical-align: middle;
    margin: -70px 0 0 0;
}

div.footer_right>*
{
    display:inline-block;
}

ul.social_media_icons {
    margin-left:20px;
}

ul.social_media_icons li {
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
}

ul.social_media_icons li:first-child {
    margin-left: 0 !important;
}

footer.footer i.fa {
    color: #808080;
 
    width:1em;
    height:1em;    
    text-align: center;
}
footer.alternate_footer {
    clear: both;
    border-top: 1px solid #b3b3b3;
    padding: 30px 0 0 0;
}
footer.alternate_footer p.prestige_pulpits_copyright {
    left: 2%;
    color: #737373;
    position: absolute;
    font-size: 0.7em;
    letter-spacing: 0.1em;
    margin: 20px 0 50px 0;
}
footer.alternate_footer i.fa {
    color: #b3b3b3;
    border: 1px solid #b3b3b3;
    border-radius: 50%;
    padding: 10px;
    width: 22px;
    text-align: center;
}
body[page=index]  ul.social_media_icons li:hover {
    background-color: #ffffff;
    cursor: pointer;
}
body[page=index]  ul.social_media_icons li:hover i.fa {
    color: #7b857a;
}
a.prestige_glass_link {
    color: #5da9dd;
    text-decoration: none;
}
a.prestige_glass_link:hover {
    color: #005792;
    text-decoration: underline;
}
body[mode=regular] #content {
    min-height:800px;
    padding-top:80px;
}
body[page=index] #content {
    height: 100%;
    position: fixed;
    width:100%;
}
body[page=index] #content>div
{
    position: absolute;
    height:100%;
}
body[mode='regular'] #header  {
    background: white;
    border-bottom: solid 1px rgba(128, 128, 128, 0.35);
}
#header_left
{
    display:inline-block;
    vertical-align: bottom;
    width:30%;
    padding-left: 30px;
    padding-top:15px;
    padding-bottom:15px;
}
#header_right
{
    display:inline-block;
    vertical-align: bottom;
    width:70%;
    padding-right: 30px;
    text-align: right;
}
body[mode='regular']  ul.social_media_icons li {
    border: 1px solid gray;
}
body[mode='regular']  ul.social_media_icons li:hover {
    background-color: gray;
    cursor: pointer;
}

body[mode='regular']  ul.social_media_icons li:hover i.fa {
    color: #ffffff;
}
body[mode='regular'] #header ul li a
{
    color: gray;
}
body[mode='regular'] a.cart-nav-button::before
{
    color: gray;
}
body[mode="regular"] a.prestige_pulpits_logo {
    background: url(../images/logos/prestige-pulpits-logo-blue.png) no-repeat;
}
body[page=pulpits]  #header ul li a, body[page=lecterns]  #header ul li a, body[page=communiontable]  #header ul li a, body[page=offeringboxes]  #header ul li a, body[page=endtables]  #header ul li a, body[page=crosses]  #header ul li a, body[page=accessories]  #header ul li a, body[page=giftware]  #header ul li a, body[page=artworks] #header ul li a, body[page=contact] #header ul li a, body[page=cart] #header ul li a, body[page=termsandconditions] #header ul li a, body[page=pricelist] #header ul li a, body[page=findpulpit] #header ul li a, body[page=testimonials] #header ul li a  {
    color: gray;
} 
body[page=about] .footer {
    position: relative;
}
body[page=index] .footer a.prestige_glass_link {
    color: #ffffff;
    text-decoration: none;
}
body[page=testimonials] a.open_btn i.fa, body[page=termsandconditions] a.open_btn i.fa, body[page=cart] a.open_btn i.fa, body[page=contact] a.open_btn i.fa, body[page=findpulpit] a.open_btn i.fa, body[page=pricelist] a.open_btn i.fa, body[page=artworks] a.open_btn i.fa, body[page=pulpits] a.open_btn i.fa, body[page=lecterns] a.open_btn i.fa, body[page=communiontable] a.open_btn i.fa, body[page=offeringboxes] a.open_btn i.fa, body[page=endtables] a.open_btn i.fa, body[page=crosses] a.open_btn i.fa, body[page=accessories] a.open_btn i.fa, body[page=giftware] a.open_btn i.fa    {
    color: gray;
}
body[page=testimonials] .open_close_btn_mobile a.close_btn i.fa, body[page=termsandconditions] .open_close_btn_mobile a.close_btn i.fa, body[page=cart] .open_close_btn_mobile a.close_btn i.fa, body[page=contact] .open_close_btn_mobile a.close_btn i.fa, body[page=findpulpit] .open_close_btn_mobile a.close_btn i.fa, body[page=pricelist] .open_close_btn_mobile a.close_btn i.fa, body[page=artworks] .open_close_btn_mobile a.close_btn i.fa, body[page=pulpits] .open_close_btn_mobile a.close_btn i.fa, body[page=lecterns] .open_close_btn_mobile a.close_btn i.fa, body[page=communiontable] .open_close_btn_mobile a.close_btn i.fa, body[page=offeringboxes] .open_close_btn_mobile a.close_btn i.fa, body[page=endtables] .open_close_btn_mobile a.close_btn i.fa, body[page=crosses] .open_close_btn_mobile a.close_btn i.fa, body[page=crosses] .open_close_btn_mobile a.close_btn i.fa, body[page=accessories] .open_close_btn_mobile a.close_btn i.fa, body[page=giftware] .open_close_btn_mobile a.close_btn i.fa          {
    color: gray;
}

body[page=cart] footer.footer i.fa, body[page=contact] footer.footer i.fa, body[page=findpulpit] footer.footer i.fa, body[page=artworks] footer.footer i.fa, body[page=pricelist] footer.footer i.fa, body[page=productdetails] footer.footer i.fa, body[page=testimonials] footer.footer i.fa, body[page=termsandconditions] footer.footer i.fa, body[page=pulpits] footer.footer i.fa, body[page=lecterns] footer.footer i.fa, body[page=communiontable] footer.footer i.fa, body[page=offeringboxes] footer.footer i.fa, body[page=endtables] footer.footer i.fa, body[page=crosses] footer.footer i.fa, body[page=accessories] footer.footer i.fa, body[page=giftware] footer.footer i.fa, body[page=colourfill] footer.footer i.fa {
    color: gray;
    border-color: gray;
}
body[page=cart] footer.footer p.prestige_pulpits_copyright, body[page=contact] footer.footer p.prestige_pulpits_copyright, body[page=findpulpit] footer.footer p.prestige_pulpits_copyright, body[page=artworks] footer.footer p.prestige_pulpits_copyright, body[page=pricelist] footer.footer p.prestige_pulpits_copyright, body[page=productdetails] footer.footer p.prestige_pulpits_copyright, body[page=testimonials] footer.footer p.prestige_pulpits_copyright, body[page=termsandconditions] footer.footer p.prestige_pulpits_copyright, body[page=pulpits] footer.footer p.prestige_pulpits_copyright, body[page=lecterns] footer.footer p.prestige_pulpits_copyright, body[page=communiontable] footer.footer p.prestige_pulpits_copyright, body[page=offeringboxes] footer.footer p.prestige_pulpits_copyright, body[page=endtables] footer.footer p.prestige_pulpits_copyright, body[page=crosses] footer.footer p.prestige_pulpits_copyright, body[page=accessories] footer.footer p.prestige_pulpits_copyright, body[page=giftware] footer.footer p.prestige_pulpits_copyright, body[page=colourfill] footer.footer p.prestige_pulpits_copyright {
    left: 30px;
}
#content
{
    overflow: hidden;
}
#loading
{
}
#loading i
{
    position: fixed;
    top:50%;
    left:50%;
    margin-left:-0.5em;
    margin-top:-0.5em;
    color: gray;
}
.alert.success 
{
    background-color: #4CAF50;
    display: none;
    margin: 0 0 50px 0;
    padding: 20px 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
}
.alert.info 
{
    background-color: #2196F3;
}
.alert.warning 
{
    background-color: #ff9800; 
}