/*
	Theme Name: Foundation v3
	Theme URI: http://fourthcup.org
	Description: Custom WordPress theme based on ZURB Foundation
	Version: 3.0
	Author: Jason Sprenger
	Author URI: http://fourthcup.org
	Tags: Foundation, HTML5, CSS3
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* Webfonts
-------------------------------------------------------------------------------*/
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('webfonts/WebSymbols-Regular-webfont.eot');
    src: url('webfonts/WebSymbols-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('webfonts/WebSymbols-Regular-webfont.woff') format('woff'),
         url('webfonts/WebSymbols-Regular-webfont.ttf') format('truetype'),
         url('webfonts/WebSymbols-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LoraRegular';
    src: url('webfonts/Lora-Regular-webfont.eot');
    src: url('webfonts/Lora-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('webfonts/Lora-Regular-webfont.woff') format('woff'),
         url('webfonts/Lora-Regular-webfont.ttf') format('truetype'),
         url('webfonts/Lora-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LoraItalic';
    src: url('webfonts/Lora-Italic-webfont.eot');
    src: url('webfonts/Lora-Italic-webfont.eot#iefix') format('embedded-opentype'),
         url('webfonts/Lora-Italic-webfont.woff') format('woff'),
         url('webfonts/Lora-Italic-webfont.ttf') format('truetype'),
         url('webfonts/Lora-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LoraBold';
    src: url('webfonts/Lora-Bold-webfont.eot');
    src: url('webfonts/Lora-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('webfonts/Lora-Bold-webfont.woff') format('woff'),
         url('webfonts/Lora-Bold-webfont.ttf') format('truetype'),
         url('webfonts/Lora-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LoraBoldItalic';
    src: url('webfonts/Lora-BoldItalic-webfont.eot');
    src: url('webfonts/Lora-BoldItalic-webfont.eot#iefix') format('embedded-opentype'),
         url('webfonts/Lora-BoldItalic-webfont.woff') format('woff'),
         url('webfonts/Lora-BoldItalic-webfont.ttf') format('truetype'),
         url('webfonts/Lora-BoldItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Colors
-------------------------------------------------------------------------------
Light blue: #609AB1;
Light green: #c4d9a6;
Brown: #6e5300;
Gold: #f7d57a;
*/

/* Structure
-------------------------------------------------------------------------------*/
body { overflow-x: hidden; }
body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0 0 1em rgba(0,0,0,.5); -moz-box-shadow: 0 0 1em rgba(0,0,0,.5); box-shadow: 0 0 1em rgba(0,0,0,.5); z-index: 998; }
header { width: 100%; margin-bottom: 1em; }
article { clear: both; }
nav {  }
#main-content { margin: 4em 2em 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #ccc; text-align: center; }
footer { }

/* Navigation
-------------------------------------------------------------------------------*/
#menu-top, #menu-bottom { float: left; margin: 0; padding: 0; left: 50%; position: relative; text-align: center; clear: both; }
.nav-divider { margin: .25em 2em .35em; padding: 0; border-color: #6e5300; }
#menu-top li, #menu-bottom li { display: block; float: left; margin: 0; padding: 0; position: relative; /*--Important--*/ right: 50%; text-transform: uppercase; }
#menu-top li a:link, #menu-top li a:visited, #menu-bottom li a:link, #menu-bottom li a:visited { font-family: "LoraRegular",Georgia,serif; font-size: 1em; color: #6e5300; text-decoration: none; display: block; margin: 0; padding: 0 1em; }
#menu-top li a:hover, #menu-bottom li a:hover { color: #609AB1; }
#menu-top ul, #menu-bottom ul { list-style: none; position: absolute; left: -9999px; }
#menu-top ul li, #menu-bottom ul li { border-top: 2px solid #fff; float: none; text-align: left; }
#menu-top ul a:link, #menu-bottom ul a:link { white-space: nowrap; }
#menu-top li:hover ul, #menu-bottom li:hover ul { left: 10%; }
#menu-top li:hover ul a:link, #menu-bottom li:hover ul a:link { background: #1d3164; text-decoration: none; padding: 0 25px; margin: 0; }
#menu-top li:hover ul li a:hover, #menu-bottom li:hover ul li a:hover { color: #fff; background: #274bc1; }


/* Typography
-------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: "LoraRegular",Georgia,serif; font-weight: normal; color: #6e5300; line-height: .9em; letter-spacing: -.025em; text-align: center; margin: 0 0 .15em; }

h1 { font-size: 2.5em; text-transform: uppercase; margin-bottom: .5em; }
.page-template-pastrymenu-php h1:before, .catering-menu h1:before, .page-template-shop-php h1:before, .wedding-event-cakes h1:before, .french-macarons h1:before { content: ' '; background: url('img/TITLETOP.png') top center no-repeat; display: block; height: 200px; position: relative; top: .5em; }
.page-template-pastrymenu-php h1:after, .catering-menu h1:after,.page-template-shop-php h1:after, .page-template-holidaymenu-php h1:after, .wedding-event-cakes h1:after, .french-macarons h1:after { content: ' '; background: url('img/TITLEBOTTOM.png') top center no-repeat; display: block; height: 185px; position: relative; top: .25em; }

h2 { font-size: 1.5em; text-transform: uppercase; margin-bottom: .25em; }
h4 { margin: 2em auto .5em; }
h5 { text-align: left; margin: 1em auto .75em; }
h6 { font-size: 1.15em; text-transform: uppercase; margin-bottom: .5em; }
p, ol, ul { font-family: "LoraRegular",Georgia,serif; line-height: 1.5em; }
strong { font-family: "LoraBold"; font-weight: normal; }
small { font-size: .75em; }

fieldset legend { font-family: "LoraRegular",Georgia,serif; font-weight: normal; font-size: 1.25em; text-transform: uppercase; color: #6e5300; text-align: center; }

#contactus h2 { font-size: 1.75em; margin: 0 auto; }
h5.thankyou { font-family: "LoraRegular",Georgia,serif; font-size: 1.25em; color: #fff; text-align: center; text-shadow: none; margin: .5em auto 0; }
h5.thankyou a:link, h5.thankyou a:visited { color: #fff; text-decoration: underline; }

#disclaimer { font-size: .75em; text-align: center; width: 68%; margin: 1em auto; }
footer p { font-size: .85em; text-align: center; }
#phoneline { font-size: 2.25em; line-height: 1em; color: #6e5300; margin: 0; }
#customphone { font-size: 1em; }
#addressline { margin: 0; }
#copyright { font-size: .75em; color: #fff; text-align: center; margin: 1em 0 12em; }


/* Forms
-------------------------------------------------------------------------------*/
form label { font-family: "LoraRegular",Georgia,serif; margin: 1em 0 .5em .75em; color: #181818; }

input[type="text"] { font-family: "LoraRegular",Georgia,serif; font-size: 1em; height: 3em; color: #666;  width: 90%; padding: .75em 1em; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #bbb; }

input[type="password"] { font-size: 1em; color: #666; width: 75%; padding: .75em 1em; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #ccc; }

input[type="email"] { font-family: "LoraRegular",Georgia,serif; font-size: 1em; color: #666; padding: .75em 1em; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #ccc; }

textarea { font-family: "LoraRegular",Georgia,serif; font-size: 1em; color: #666; width: 95%; padding: .75em 1em; -webkit-border-radius: 5px 5px 0 5px; -moz-border-radius: 5px 5px 0 5px; border-radius: 5px 5px 0 5px; border: 1px solid #ccc; }

label + textarea { margin-top: 0; }

form select { font-size: .9em; outline: none; focus: none; width: 75%; padding: .25em; margin-top: .5em; }


/* Links
-------------------------------------------------------------------------------*/
a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { font-family: "LoraRegular",Georgia,serif; font-size: 1em; line-height: 2.5em; color: #999; font-weight: normal; text-transform: uppercase; text-decoration: none; padding: 1px 25px 0; height: 2.6em; margin: 15px 0 0; background-color: #eaeaea; border: none; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; }

a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #fff; background-color: #c4d9a6; cursor: pointer; }

#contactus button { background-color: #6e5300; color: #fff; }
#contactus button:hover { background-color: #c4d9a6; color: #fff;  }


/* Flexslider
-------------------------------------------------------------------------------*/
.flexslider { position: fixed; top: 0; z-index: -1; width: 100%; min-width: 960px; margin: 0; padding: 0; border: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); }
.flexslider img { margin: 0 0 -1em; padding: 0; }


/* Misc
-------------------------------------------------------------------------------*/
::selection { background: #04A4CC; color: #fff; text-shadow: none; }
::-webkit-selection { background: #04A4CC; color: #fff; text-shadow: none; }
::-moz-selection { background: #04A4CC; color: #fff; text-shadow: none; }
object, embed { focus: none; outline: none; }
div.alert-box { border: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: : 0 0 0 0; border-radius: : 0 0 0 0; margin-bottom: 0; }
div.alert-box.success { background-color: #c4d9a6; color: #FFFFFF; text-shadow: none; }
.alert-box a.close { top: 0; right: 0; }
.error { color: #c4d9a6; font-size: .9em; margin-left: 15px; }

.group:before, .group:after { content: ""; display: table; } 
.group:after { clear: both; }
.group { zoom: 1; }

i, .icon { font-family: "WebSymbolsRegular"; font-weight: normal; font-style: normal; }
#bkgd { display: none; min-height: 100%; min-width: 100%; width: 100%; height: auto; z-index: -1; position: fixed; left: 0; top: 0em; }
#background-gallery { width: 100vw; height: 100vh; position: fixed; z-index: -1; opacity: .75; }
.home #background-gallery { opacity: 1; }
#background-gallery img { margin-top: -.25em; }
#login-square { position: absolute; top: 0; z-index: 999; }
#logo { width: 33.333%; float: left; margin: 4em 0 1.5em;}
#leftscroll { width: 33.333%; float: left; padding: 2.5em .75em 1.5em; }
#rightscroll { width: 33.333%; float: left; padding: 2.5em .75em 1.5em; }
#ICI { width: 75%; display: block; margin: 0 auto 1em; }
#facebook, #twitter, #instagram { font-family: "WebSymbolsRegular"; font-size: 1.25em; color: #fff; text-align: center; display: block; height: 45px; width: 38px; padding: 20px 10px 0; position: absolute; right: 75px; top: -10px; background: #3B5998; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
#facebook:before, #twitter:before, #instagram:before { content: ''; position: absolute; top: 0; left: -10px; height: 0; width: 0; border-bottom: 10px solid #666; border-left: 10px solid transparent; }
#facebook a:link, #facebook a:visited, #twitter a:link, #twitter a:visited, #instagram a:link, #instagram a:visited { color: inherit; }
#twitter { background: #9AE4E8; right: 30px; }
#instagram { background: #517fa4; right: 121px; }
#fb { display: block; width: 38%; padding-left: 2em; margin-top: 2em; }

.pastry-item { border: 2px solid #fff; padding: .1em .15em; margin: 0 0 2em; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; }
.menu-border { border: 1px solid #fff; padding: .5em 3em; -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; }

.blue { color: #609AB1; }
.green { color: #c4d9a6; }
.gold { color: #6e5300; }
.cake { margin: 0 auto 1.5em; border-radius: 50%; }

.hidden, input[type="text"].hidden { display: none; }

.left-border { border-left: .1em solid #DDDDDD; padding-left: 2em; }
.right-border { border-right: .1em solid #DDDDDD; padding-right: 2em; }

.paper { position: relative; padding: 2em 1em 3.5em; margin: 0 auto; width: 65%; background-color: rgba(255,255,255,.9); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), inset 0 0 50px rgba(0, 0, 0, 0.1); }
.paper:before, .paper:after { position: absolute; width: 15%; height: 10px; content: ' '; left: 12px; top: 12px; background: transparent; -webkit-transform: skew(-5deg) rotate(5deg); -moz-transform: skew(-5deg) rotate(5deg); -ms-transform: skew(-5deg) rotate(5deg); -o-transform: skew(-5deg) rotate(5deg); transform: skew(-5deg) rotate(5deg); -webkit-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.3); z-index: -1; }
.paper:after { left: auto; right: 12px; -webkit-transform: skew(5deg) rotate(-5deg); -moz-transform: skew(5deg) rotate(-5deg); -ms-transform: skew(5deg) rotate(-5deg); -o-transform: skew(5deg) rotate(-5deg); transform: skew(5deg) rotate(-5deg); }

/* HOME
-------------------------------------------------------------------------------*/
.home #main-content img { display: block; margin: 0 auto 2em; }


/* ABOUT
-------------------------------------------------------------------------------*/
.about h1 { margin-top: .5em; }


/* SHOP
-------------------------------------------------------------------------------*/
.shop #main-content { margin-top: 1em; }
.shop #main-content h2 { font-size: 2em; margin-bottom: .5em; }
.shop #main-content .pastry { margin-bottom: 2em; }
.shop #main-content h3 { font-size: 1.15em; line-height: 1.25em; margin-bottom: .5em; }
.shop #main-content .price { margin-bottom: 1em; }
.shop-item img:hover { opacity: .5; }
.shop-item h3 a:link { color: #6e5300; }
.shop-item h3 a:hover { text-decoration: underline; }
.shop .price { font-family: "LoraRegular",Georgia,serif; font-size: 1.25em; color: #6e5300; margin: -.5em auto 2em; }
.shop .macarons { font-family: "LoraBold"; margin: 0 2em .25em; padding: .25em; border-bottom: 1px solid #ccc; }
.shop fieldset { margin-top: 3em; }
.shop legend { padding: .25em 1.25em .25em; }
/* ---------------------------------------------------------------------------*/
.single-pastrymenu #main-content { text-align: left; }
.single-pastrymenu #main-content img { margin-bottom: 2em; }
.single-pastrymenu #main-content h1 { text-align: left; }
.single-pastrymenu #main-content #availability { font-size: .85em; text-transform: lowercase; color: #666; margin-left: .5em; }


/* CHECKOUT
------------------------------------------------------------------------------*/
.checkout #main-content { text-align: left; }
.shopping-bag table th { padding: 1em 1.15em; }
.shopping-bag table tbody tr td { padding: 1em; }
tr#total td { font-weight: bold; text-transform: uppercase; }
tr#total td:nth-child(3) { text-align: right; padding: .6em .5em; }
tr#total td:last-child { }
td.quantity { text-align: center; padding-right: 1.5em; }
form.remove { float: left; margin: 0; }
form.remove input[type="submit"] { background-color: rgba(0, 0, 0, 0); float: left; height: 1.25em; margin: 0 5px; padding: 0 5px; }
form.add { float: left; margin: 0; }
form.add input[type="submit"] { background-color: rgba(0, 0, 0, 0); float: left; height: 1.25em; margin: 0 5px; padding: 0 5px; }
form.remove input[type="submit"]:hover, form.add input[type="submit"]:hover { color: #609AB1; }
.shopping-bag .quantity { float: left; }
.shopping-bag .notice { font-family: "LoraRegular",Georgia,serif; font-size: .9em; color: #6e5300; }
#tax-disclaimer { float: right; margin: 0 2em 1em; }
form#checkout { float: right; margin-left: .5em; }
form#empty { float: right; }
#shippingPhone1 { width: 15%; margin: 0 10px 0 0; float: left; }
#shippingPhone2 { width: 15%; margin: 0 10px 0 0; float: left; }
#shippingPhone3 { width: 20%; margin: 0 10px 0 0; }
#billingName { width: 60%; }
#billingCCV { width: 10%; }
input.credit { width: 20%; float: left; margin-right: 10px; }
.checkout input[type="submit"] { font-size: 1.25em; display: block; text-align: center; margin: 0 auto 3em; }

/* SIGNATURE
-------------------------------------------------------------------------------*/
.signature #main-content img { border-radius: 50%; width: 50%; height: 50%; margin-top: 2em; margin-bottom: 1em; }
.signature #main-content { margin-top: 1em; }
.signature h1 { margin-bottom: 0; }
.signature .block-grid li { text-align: center; width: 48%; margin: 1%; padding: 0 3em 1.5em; }
.signature .block-grid li p { margin-bottom: .25em; }
.signature .price { font-family: "LoraRegular",Georgia,serif; font-size: 1.25em; color: #6e5300; }

/* CATERING
-------------------------------------------------------------------------------*/
.catering-menu #main-content { margin-top: 1em; }
.catering-menu h3 { font-size: 2.5em; margin-bottom: -.5em; }
.catering-menu h4 { margin: 2.5em 0 .25em; }
.catering-menu #main-content p { margin: 0 1em .25em; }
.catering-menu #main-content .none { list-style-type: none; }
.catering-menu #main-content .price { font-size: 1.2em; margin: .75em 0 2.5em; line-height: 1.15em; }
.catering-menu .price span { color: #333; }
.catering-menu .block-grid li { text-align: center; width: 48%; margin: 1%; padding: 0 3em 1.5em; }
.catering-menu .block-grid li p { margin-bottom: .25em; }
.catering-menu .price { font-family: "LoraRegular",Georgia,serif; font-size: 1.25em; color: #6e5300; }

/* MENU
-------------------------------------------------------------------------------*/
.menu #main-content { margin-top: 1em; }
.menu h1 { margin-bottom: 0; }
.pastry-item p { text-align: center; margin: .5em 0 0; }

/* EVERYDAY
-------------------------------------------------------------------------------*/
.everyday #main-content { margin-top: 1em; }
.everyday h1 { margin-bottom: 0; }

/* MACARONS
------------------------------------------------------------------------------*/
.french-macarons #main-content img { border-radius: 50%; }

/* HOLIDAY
-------------------------------------------------------------------------------*/
.holiday-menu h1:before { content: ' '; background: url('img/HOLIDAYTITLETOP.png') top center no-repeat; display: block; height: 200px; position: relative; top: .5em; }
.holiday-menu #main-content { margin-top: 1em; }
.holiday-menu h1 { color: #C21F1F; margin-bottom: 0; }
.holiday-menu h2 { color: #C21F1F; margin-top: 1em; }
.holiday-menu h3 { color: #C21F1F; margin: 1em 0 .25em; }
.holiday-menu h4 { font-size: 20px; color: #222; margin: 1.5em 0 .25em; }
.holiday-menu .block-grid li { text-align: center; width: 48%; margin: 1%; padding: 0 3em 1.5em; }
.holiday-menu .block-grid li p { margin-bottom: .25em; }
.holiday-menu .price { margin: 0 0 2.5em; }
.holiday-menu .price strong, .holiday-menu .price span { color: #C21F1F; }
.holiday-menu .price span {  }
.holiday-menu #flavors { margin-bottom: 1em; }

/* BEEHIVE
-------------------------------------------------------------------------------*/
.beehive h1:before { content: ' '; background: none; display: block; height: .25em; position: relative; top: 0; }
.beehive h1:after { content: ' '; background: none; display: block; height: 1em; position: relative; top: 0; }
.beehive .price { font-family: "LoraRegular",Georgia,serif; font-size: 1.25em; color: #6e5300; margin: -.5em auto 2em; }
#donation { line-height: 1.25em; color: #6e5300; display: inline-block; padding: .5em 2em; border-top: 1px solid #6e5300; border-bottom: 1px solid #6e5300; }
#donation small { font-size: .75em; }

/* BOXED
-------------------------------------------------------------------------------*/
.boxed-desserts h1:before { content: ' '; background: none; display: block; height: .25em; position: relative; top: 0; }
.boxed-desserts h1:after { content: ' '; background: none; display: block; height: 0; position: relative; top: 0; }
.boxed-desserts #main-content img { margin-bottom: .25em; }
.boxed-desserts #main-content h2 { font-size: 1.75em; }
.boxed-desserts .price { font-family: "LoraRegular",Georgia,serif; font-size: 1.25em; color: #6e5300; margin: -.5em auto 2em; }
.boxed-desserts .macarons { font-family: "LoraBold"; margin: 0 2em .25em; padding: .25em; border-bottom: 1px solid #ccc; }
.boxed-desserts fieldset { margin-top: 3em; }
.boxed-desserts legend { padding: .25em 1.25em .25em; }

/* PRESS
-------------------------------------------------------------------------------*/
.press h1 { margin: 0 0 .75em; }
.press .block-grid li { position: relative; }  
.press .block-grid img { -webkit-box-shadow: 0 .5em .5em rgba(0,0,0,.25); -moz-box-shadow: 0 .5em .5em rgba(0,0,0,.25); box-shadow: 0 .5em .5em rgba(0,0,0,.25); border: 7px solid #fff; margin: 0 0 .25em; }
.press .block-grid li:hover img { margin: .25em 0 0; }
.press-count { color: #fff; display: inline-block; padding: .1em .6em; background: #6e5300; -webkit-border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; position: absolute; top: 15%; left: 0; }
li:hover .press-count { top: 17%; }
.reveal-modal h4 { text-align: left; text-transform: uppercase; border-bottom: 1px solid #6e5300; margin-top: 0; padding: 0 .5em .5em; }
.reveal-modal p { font-size: .9em; margin: 0 0 .5em 1em; }
.reveal-modal img { display: block; margin: 0 auto 2em; }

/* TEST
-------------------------------------------------------------------------------*/
body.test { height: 100vh; }
.test header { text-align: center; background: rgba(255,255,255,.85); width: 50em; height: 50em; position: absolute; z-index: 999; top: 50vh; left: 50vw; margin: -25em 0 0 -25em; padding: 4em 0; border-radius: 50%; border: 5px solid #fff; }
.test header:before { content:""; position: absolute; top: -12px; left: -12px; right: -12px; bottom: -12px; border: solid #ffffff; border-radius: 50%; }
#logo-svg { margin: 6em 4em 2em; }
.test #menu-top, .test .nav-divider { margin-bottom: .75em; }
.test #menu-bottom { margin-bottom: 3em; }

.row.full-width { min-width: 100% !important }
.inline-list.center { list-style-type: none; text-align: center; }
.inline-list.center li { display: inline-block; float: none; }


/* Responsive
-------------------------------------------------------------------------------*/