@import url('https://fonts.googleapis.com/css2?family=Moo+Lah+Lah&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comforter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Reenie+Beanie&display=swap');

h1 {font-family:"Fredericka the Great", sans-serif; font-weight: 400; font-style: normal;}
h1 {font-size:50px;} 
h1, h2, h3, h4, h5, h6 {color:#824551;}

body {background: #fff; font-family: "Outfit", sans-serif; font-weight: 300; color: #222; font-size:20px}
.head-container {border-bottom: 0px solid #5c604d;background:#fff; box-shadow:none}
.page1 .container {width:100%}

a {color:#dca564}
a:hover {color:#b16204}

.addressData a {color:#824551}
.addressData a:hover{color:#b16204}


/** nav bar **/
.navbar-brand { margin-top: 60px;float:none}
.navbar-default {  border-color: #99a285;border-radius: 0px; border: 0px solid #444; border-right:none; border-left:none; border-top:none}
.navbar-default .navbar-nav>li>a {font-size: 18px;display:inline-block; text-transform:uppercase;font-weight:600; color:#824551; border-radius:15px 15px 0px 0px; border-right:5px solid #fff}
.navbar-right { width:100%;  margin-top: 0px;margin-right:0px} 
.navbar-nav>li{float:none;display:inline}
.navbar-brand>img {margin-left: auto;margin-right: auto;}
.navbar-header{float:none;margin-top:10px}

.navbar-nav {border-bottom:1px solid #824551}

.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #fff; background:#824551}

.topnav-container .container-fluid {padding-left:0px; padding-right:0px}
.container-fluid.topnav-container {padding-left:0px; padding-right:0px}

.btn-primary{background:#824551; color: #fff;}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active, .btn-primary:active:focus,.btn-primary.active.focus{background:#b16204;color:#fff;} 
.btn-default{background:#555;border:0px solid #824551;color:#fff;}
.btn-default:hover{background-image:none;background:#333;border:0px solid #b16204; color:#fff;}

.catImages, .designButton{height:330px; border:1px solid #824551}
.designButton:hover {background:#decdb9; border:1px solid #824551}

.footerContainer { border-top: 1px solid #b16204;  background: #fff; color: #555}
.footerContainer .container{ border-top: 0px solid #dadada;background:none;}
#footer dt{color:#824551;text-transform:uppercase;font-size:18px;font-weight:400}
#footer a:link, #footer a:visited {color:#555}
#footer a:hover {color: #824551}
#footer dd {color:#555;}

#leftNavigator {display:none}
.col-sm-9.contentLeft {width:100%}

.telToOrderLabel {font-size:0px}

.highlight {background:#decdb9}

/** MOBILE NAV **/
.addressDataMobile a{color:#824551;}
.addressDataMobile a:hover{color:#b16204;}
.navbar-toggle {border-color: #824551;}
.navbar-toggle .icon-bar {background-color: #824551;}
.navbar-toggle:hover {border-color: #b16204;}
.navbar-toggle:hover .icon-bar{background-color:#b16204}
#mobilenav a{color:#824551; }
#mobilenav .dropdown-menu a{color:#824551}
#mobilenav a:hover{color:#b16204}
#mobilenav .adminButton a{color:#fff;}
#mobilenav .adminButton{margin-right:10px; margin-bottom:10px}

.mobile-nav{padding-left:0px;text-align:center;}
.mobile-nav>li>a{padding: 10px 0px;text-transform: uppercase;}
.testLogin{    text-align: center;padding-bottom: 10px;}