body {
background-image: none; background-repeat: repeat-x;
background-position: center top;
background-attachment: scroll;
background-color: #ffffff;}
body,
button,
input,
select,
textarea {
font-family: "Lato";-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: auto; font-size: 17px;
font-style: normal;
font-weight: 300;
text-transform: none;
color: #575757;}
caption {
font-size: 19px;
}
body {
line-height: 1.6;
}
th, dt,
b, strong {
font-weight: bold;
}
caption {
font-weight: 300;
}
.no-comments,
.comment-navigation {
font-size: 21px;
}
.entry-caption,
.archive-meta,
.wp-caption-text,
.comment-metadata {
font-size: 15px;
}
pre, code, kbd, tt, var {
font-size: 15px;
}
hr {
background-color: #f3f3f3;}
a,
a:visited,
a:focus,
a:active {
color: #f29f8e;}
a:hover {
color: #f1c1b6;}
.blog .page-title,
.archive .page-title,
.search .page-title {
font-family: "Lato";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 40px;
font-style: normal;
font-weight: 300;
text-transform: none;
line-height: 1.3;
color: #cccccc;}
h1,
h2,
h3 {
font-family: "Lato";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-style: normal;
font-weight: 300;
text-transform: none;
line-height: 1.2;
color: #a9a9a9;}
h1 strong, h1 b,
h2 strong, h2 b,
h3 strong, h3 b {
font-weight: normal;
}
h1 a, h2 a, h3 a,
h1 a:visited, h2 a:visited, h3 a:visited,
h1 a:focus, h2 a:focus, h3 a:focus,
h1 a:active, h2 a:active, h3 a:active {
color: #f1c1b6;}
h1 a:hover, h2 a:hover, h3 a:hover {
color: #f29f8e;}
h4,
h4 strong,
h4 b,
h4 a,
h4 a:visited,
h4 a:focus,
h4 a:active {
font-family: "Lato";-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: auto; font-style: normal;
font-weight: normal;
text-transform: uppercase;
color: #cccccc;}
h5, h6,
h5 strong, h6 strong,
h5 b, h6 b,
h5 a, h6 a,
h5 a:visited, h6 a:visited,
h5 a:focus, h6 a:focus,
h5 a:active, h6 a:active {
font-family: "Lato";-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: auto; font-style: normal;
font-weight: bold;
text-transform: none;
color: #575757;}
h4 a:hover, h5 a:hover, h6 a:hover {
color: #f1c1b6;}
h1 {
font-size: 32px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 15px;
}
select,
input,
textarea {
color: #b1b0af; border-color: #f3f3f3;}
select:focus,
input:focus,
textarea:focus {
border-color: #f29f8e;}
.site-boundary {
width: 1100px;
}
.site-header,
.main-navigation .menu,
.site-content,
.footer-widget-area,
.site-info {
padding-left: 30px;
padding-right: 30px;
}
.display-sidebar .content-area {
width: 690px;
}
.display-sidebar .widget-area {
width: 290px;
}
a.more-link,
#wrap .wc-shortcodes-filtering .wc-shortcodes-term,
#wrap #page a.button,
#wrap #page button.button,
#wrap #page input.button,
#wrap #page #respond input#submit,
#wrap #page #content input.button,
#wrap #page .woocommerce-pagination a,
#wrap #page .woocommerce-pagination span,
#wrap .wc-shortcodes-button,
body #infinite-handle span,
.comment-navigation a,
.paging-navigation a,
.paging-navigation span,
.post-navigation a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-family: "Lato";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 17px;
font-style: normal;
font-weight: normal;
text-transform: none;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
a.more-link,
#wrap .wc-shortcodes-filtering .wc-shortcodes-term,
#wrap #page a.button,
#wrap #page button.button,
#wrap #page input.button,
#wrap #page #respond input#submit,
#wrap #page #content input.button,
#wrap #page .woocommerce-pagination a,
#wrap #page .woocommerce-pagination span,
body #infinite-handle span,
.comment-navigation a,
.paging-navigation a,
.post-navigation a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.more-link:visited,
#wrap .wc-shortcodes-filtering .wc-shortcodes-term:visited,
#wrap #page a.button:visited,
#wrap #page button.button:visited,
#wrap #page input.button:visited,
#wrap #page #respond input#submit:visited,
#wrap #page #content input.button:visited,
#wrap #page .woocommerce-pagination a:visited,
#wrap #page .woocommerce-pagination span:visited,
body #infinite-handle span:visited,
.comment-navigation a:visited,
.paging-navigation a:visited,
.post-navigation a:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited,
a.more-link:focus,
#wrap .wc-shortcodes-filtering .wc-shortcodes-term:focus,
#wrap #page a.button:focus,
#wrap #page button.button:focus,
#wrap #page input.button:focus,
#wrap #page #respond input#submit:focus,
#wrap #page #content input.button:focus,
#wrap #page .woocommerce-pagination a:focus,
#wrap #page .woocommerce-pagination span:focus,
body #infinite-handle span:focus,
.comment-navigation a:focus,
.paging-navigation a:focus,
.post-navigation a:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.more-link:active,
#wrap .wc-shortcodes-filtering .wc-shortcodes-term:active,
#wrap #page a.button:active,
#wrap #page button.button:active,
#wrap #page input.button:active,
#wrap #page #respond input#submit:active,
#wrap #page #content input.button:active,
#wrap #page .woocommerce-pagination a:active,
#wrap #page .woocommerce-pagination span:active,
body #infinite-handle span:active,
.comment-navigation a:active,
.paging-navigation a:active,
.post-navigation a:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
color: #cccccc; background-color: #f3f3f3; border-color: #f3f3f3;}
a.more-link:hover,
#wrap .wc-shortcodes-filtering .wc-shortcodes-term:hover,
#wrap #page a.button:hover,
#wrap #page button.button:hover,
#wrap #page input.button:hover,
#wrap #page #respond input#submit:hover,
#wrap #page #content input.button:hover,
#wrap #page .woocommerce-pagination a:hover,
#wrap #page .woocommerce-pagination span:hover,
body #infinite-handle span:hover,
.comment-navigation a:hover,
.paging-navigation a:hover,
.post-navigation a:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #f3f3f3; background-color: #cccccc; border-color: #cccccc;}
#wrap #page .woocommerce-pagination span.current,
#wrap #page .woocommerce-pagination span.dots,
.paging-navigation span {
color: #f3f3f3; background-color: #cccccc; border-color: #cccccc;}
.wc-shortcodes-font-awesome-enabled #infinite-handle span,
.wc-shortcodes-font-awesome-enabled .comment-navigation .nav-previous a,
.wc-shortcodes-font-awesome-enabled .navigation .prev.page-numbers,
.wc-shortcodes-font-awesome-enabled .paging-navigation .nav-previous a,
.wc-shortcodes-font-awesome-enabled .post-navigation .nav-previous a {
padding-left: 30px;
}
.wc-shortcodes-font-awesome-enabled #infinite-handle span:before,
.wc-shortcodes-font-awesome-enabled .comment-navigation .nav-previous a:before,
.wc-shortcodes-font-awesome-enabled .navigation .prev.page-numbers:before,
.wc-shortcodes-font-awesome-enabled .paging-navigation .nav-previous a:before,
.wc-shortcodes-font-awesome-enabled .post-navigation .nav-previous a:before {
bottom: 10px;
left: 15px;
}
.wc-shortcodes-font-awesome-enabled a.more-link,
.wc-shortcodes-font-awesome-enabled .comment-navigation .nav-next a,
.wc-shortcodes-font-awesome-enabled .navigation .next.page-numbers,
.wc-shortcodes-font-awesome-enabled .paging-navigation .nav-next a,
.wc-shortcodes-font-awesome-enabled .post-navigation .nav-next a {
padding-right: 30px;
}
.wc-shortcodes-font-awesome-enabled a.more-link:after,
.wc-shortcodes-font-awesome-enabled .comment-navigation .nav-next a:after,
.wc-shortcodes-font-awesome-enabled .navigation .next.page-numbers:after,
.wc-shortcodes-font-awesome-enabled .paging-navigation .nav-next a:after,
.wc-shortcodes-font-awesome-enabled .post-navigation .nav-next a:after {
bottom: 10px;
right: 15px;
}
#wrap #page div.product form.cart input,
#wrap #page div.product form.cart button,
#wrap #page table.shop_table .quantity input,
#wrap #page table.shop_table .actions input,
.page-content .search-form *,
.post-password-form * {
height: 38px;
}
.header-container {
background-image: url('https://myfourexes.com/wp-content/themes/marykate-wpcom/img/header-background.png'); background-repeat: repeat-x;
background-position: center top;
}
.site-title {
padding-bottom: 10px;
font-family: "Playfair Display";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 60px;
font-style: normal;
font-weight: normal;
text-transform: lowercase;
line-height: 1.0;
}
.site-title b,
.site-title strong {
font-weight: normal;
}
.site-title,
.site-title a,
.site-title a:active,
.site-title a:focus,
.site-title a:visited,
.site-title a:hover {
color: #a0a0a0;}
.site-description {
font-family: "Lato";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 17px;
font-style: normal;
font-weight: 300;
text-transform: capitalize;
line-height: 1.3;
color: #adadad;}
.site-description b,
.site-description strong {
font-weight: 300;
}
.site-branding {
padding-top: 80px;
padding-bottom: 20px;
}
.site-logo {
padding-bottom: 20px;
}
.main-navigation .menu-toggle,
.main-navigation a,
.main-navigation a:visited,
.main-navigation a:focus,
.main-navigation a:active {
color: #a0a0a0;}
.main-navigation li:hover > a {
color: #f1c1b6;}
.main-navigation .menu-toggle,
.main-navigation a {
padding-top: 12px;
padding-bottom: 12px;
}
.main-navigation a {
padding-left: 12px;
padding-right: 12px;
}
.main-navigation .menu-toggle,
.nav-container {
border-color: #dddddd; background-color: #ffffff;}
.main-navigation .menu-toggle,
.main-navigation {
font-family: "Lato";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 17px;
font-style: normal;
font-weight: 300;
text-transform: lowercase;
line-height: 1.0;
}
.nav-bottom-border,
.nav-container {
border-color: #dddddd;}
.main-navigation b,
.main-navigation strong {
font-weight: 300;
}
#wrap .main-navigation ul ul li {
border-color: #dddddd;}
.main-navigation ul ul li a {
background-color: #f3f3f3;}
.main-navigation ul ul a {
padding-top: 10px;
padding-bottom: 10px;
}
.main-navigation ul ul a,
.main-navigation ul ul a:visited,
.main-navigation ul ul a:focus,
.main-navigation ul ul a:active {
color: #a8a8a8;}
.main-navigation ul ul a:hover {
color: #f1c1b6;}
.site-content {
background-color: #ffffff; padding-top: 60px;
padding-bottom: 60px;
}
.entry-meta,
.entry-meta a,
.entry-meta a:visited,
.entry-meta a:focus,
.entry-meta a:hover,
.entry-meta a:active {
font-family: "Lato";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 32px;
font-style: normal;
font-weight: 300;
text-transform: none;
line-height: 1.2;
color: #a3abaf;}
.entry-meta b,
.entry-meta strong {
font-weight: 300;
}
blockquote {
font-family: "Lato";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 22px;
font-style: italic;
font-weight: normal;
text-transform: none;
line-height: 1.5;
background-color: #f5f5f5; border-left-color: #f0f0f0;}
blockquote b,
blockquote strong {
font-weight: normal;
}
.post-meta,
.post-meta a,
.post-meta a:visited,
.post-meta a:focus,
.post-meta a:active {
font-family: "Lato";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 22px;
font-style: normal;
font-weight: 300;
text-transform: lowercase;
color: #a9a9a9; text-decoration: none;
}
.post-meta a:hover {
color: #f29f8e;}
.post-meta b,
.post-meta strong {
font-weight: 300;
}
body .wc-shortcodes-share-buttons li a img {
max-height: 22px;
}
.author-info,
.site-main > .hentry,
.search .wpc2-post,
.blog .hentry,
.archive .hentry {
border-color: #f3f3f3;}
#wrap .entry-caption,
#wrap .wp-caption-text {
background-color: #f3f3f3;}
#wrap .wpc2-thumbnail-grid .gallery-caption {
background-color: rgb(243,243,243);background-color: rgba(243,243,243,0.9);}
#wrap .entry-caption,
#wrap .entry-caption *,
#wrap .wp-caption-text,
#wrap .wp-caption-text * {
color: #777777;}
#wrap .wp-caption-text a,
#wrap .wp-caption-text a:hover,
#wrap .wp-caption-text a:active,
#wrap .wp-caption-text a:focus,
#wrap .wp-caption-text a:visited {
color: #f29f8e;}
#wrap .comment-body {
background-color: #f5f5f5;}
#wrap .comment-body:before {
border-right-color: #f5f5f5;}
#wrap .comment-metadata a {
color: #dcdcdc;}
#wrap .comment-metadata a:hover {
color: #d2d2d2;}
#wrap .archive-meta,
#wrap .archive-meta a,
#wrap .archive-meta a:active,
#wrap .archive-meta a:focus,
#wrap .archive-meta a:visited {
}
#wrap .archive-meta a:hover {
}
#wrap .yarpp-related h3 {
font-weight: 300 !important;
font-size: 24px !important;
text-transform: none !important;
}
#wrap .yarpp-related a,
#wrap .yarpp-related a .yarpp-thumbnail-title {
font-weight: 300 !important;
}
#wrap .wc-gallery .gallery-caption p {
font-size: 15px;
}
#wrap .wc-image-links .gallery-caption a,
#wrap .wc-image-links .gallery-caption h3 {
background-color: #ffffff; color: #a9a9a9;}
#wrap .wc-gallery-captions-onhover .wp-caption-text,
#wrap .wc-gallery-captions-showon .wp-caption-text {
background-color: rgb(243,243,243);background-color: rgba(243,243,243,0.9);}
#wrap .wc-shortcodes-button.wc-shortcodes-button-primary:visited,
#wrap .wc-shortcodes-button.wc-shortcodes-button-primary {
color: #ffffff; background-color: #f1c1b6; border-color: #f1c1b6;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-primary:hover {
background-color: #ecbcb1; border-color: #ecbcb1;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-secondary:visited,
#wrap .wc-shortcodes-button.wc-shortcodes-button-secondary {
color: #ffffff; background-color: #f2cdcb; border-color: #f2cdcb;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-secondary:hover {
background-color: #edc8c6; border-color: #edc8c6;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-inverse:visited,
#wrap .wc-shortcodes-button.wc-shortcodes-button-inverse {
color: #f1c1b6; background-color: #f9f5f4; border-color: #f9f5f4;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-inverse:hover {
background-color: #f4f0ef; border-color: #f4f0ef;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-success:visited,
#wrap .wc-shortcodes-button.wc-shortcodes-button-success {
color: #efffef; background-color: #5cb85c; border-color: #5cb85c;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-success:hover {
background-color: #57b357; border-color: #57b357;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-warning:visited,
#wrap .wc-shortcodes-button.wc-shortcodes-button-warning {
color: #fff2e8; background-color: #f0ad4e; border-color: #f0ad4e;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-warning:hover {
background-color: #eba849; border-color: #eba849;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-danger:visited,
#wrap .wc-shortcodes-button.wc-shortcodes-button-danger {
color: #ffe8e8; background-color: #d9534f; border-color: #d9534f;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-danger:hover {
background-color: #d44e4a; border-color: #d44e4a;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-info:visited,
#wrap .wc-shortcodes-button.wc-shortcodes-button-info {
color: #eff9ff; background-color: #5bc0de; border-color: #5bc0de;}
#wrap .wc-shortcodes-button.wc-shortcodes-button-info:hover {
background-color: #56bbd9; border-color: #56bbd9;}
#wrap .wc-shortcodes-testimonial {
font-family: "Lato";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 22px;
font-style: italic;
font-weight: normal;
text-transform: none;
line-height: 1.5;
}
#wrap .wc-shortcodes-testimonial-content {
border-top-color: #f0f0f0; background-color: #f5f5f5; color: #575757;}
#wrap .wc-shortcodes-testimonial-content:after {
border-right-color: #f5f5f5;}
#wrap .wc-shortcodes-testimonial-right .wc-shortcodes-testimonial-content:after {
border-left-color: #f5f5f5;}
#wrap .wc-shortcodes-accordion {
}
#wrap .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger {
border-color: #dbdbdb;}
#wrap .wc-shortcodes-accordion .wc-shortcodes-accordion-content {
border-color: #dbdbdb;}
.wc-shortcodes-toggle {
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-trigger {
border-color: #dbdbdb;}
.wc-shortcodes-toggle .wc-shortcodes-toggle-container {
border-color: #dbdbdb;}
.wc-shortcodes-tabs {
}
.wc-shortcodes-tabs ul.wcs-tabs-nav {
border-color: #dbdbdb;}
.wc-shortcodes-tabs ul.wcs-tabs-nav li a {
border-color: #dbdbdb;}
.wc-shortcodes-tabs ul.wcs-tabs-nav .wcs-state-active a {
background-color: #ffffff;}
.wc-shortcodes-tabs ul.wcs-tabs-nav .wcs-state-active a:hover { }
.wc-shortcodes-tabs .tab-content {
background-color: #ffffff; border-color: #dbdbdb;}
.wc-shortcodes-divider.wc-shortcodes-divider-style-solid,
.wc-shortcodes-divider.wc-shortcodes-divider-style-dotted,
.wc-shortcodes-divider.wc-shortcodes-divider-style-dashed,
.wc-shortcodes-divider.wc-shortcodes-divider-line-double.wc-shortcodes-divider-style-solid,
.wc-shortcodes-divider.wc-shortcodes-divider-line-double.wc-shortcodes-divider-style-dotted,
.wc-shortcodes-divider.wc-shortcodes-divider-line-double.wc-shortcodes-divider-style-dashed {
border-color: #f3f3f3;}
#wrap .wc-shortcodes-box-primary {
background-color: #f1c1b6; border-color: #f1c1b6;}
#wrap .wc-shortcodes-box-primary * {
color: #ffffff;}
#wrap .wc-shortcodes-box-secondary {
background-color: #f2cdcb; border-color: #f2cdcb;}
#wrap .wc-shortcodes-box-secondary * {
color: #ffffff;}
#wrap .wc-shortcodes-box-inverse {
background-color: #f9f5f4; border-color: #f9f5f4;}
#wrap .wc-shortcodes-box-inverse * {
color: #f1c1b6;}
#wrap .wc-shortcodes-box-success {
background-color: #5cb85c; border-color: #5cb85c;}
#wrap .wc-shortcodes-box-success * {
color: #efffef;}
#wrap .wc-shortcodes-box-warning {
background-color: #f0ad4e; border-color: #f0ad4e;}
#wrap .wc-shortcodes-box-warning * {
color: #fff2e8;}
#wrap .wc-shortcodes-box-danger {
background-color: #d9534f; border-color: #d9534f;}
#wrap .wc-shortcodes-box-danger * {
color: #ffe8e8;}
#wrap .wc-shortcodes-box-info {
background-color: #5bc0de; border-color: #5bc0de;}
#wrap .wc-shortcodes-box-info * {
color: #eff9ff;}
#wrap .wc-shortcodes-pricing .wc-shortcodes-pricing-header {
background: #f1c1b6; color: #ffffff; border-color: #e2b2a7;}
#wrap .wc-shortcodes-pricing .wc-shortcodes-pricing-header h5 {
color: #ffffff;}
#wrap .wc-shortcodes-pricing .wc-shortcodes-pricing-cost {
border-top-color: #e2b2a7;}
#wrap .wc-shortcodes-pricing .wc-shortcodes-pricing-content {
background: #ffffff; border-left-color: #dbdbdb; border-right-color: #dbdbdb;}
#wrap .wc-shortcodes-pricing .wc-shortcodes-pricing-content ul li {
border-bottom-color: #dbdbdb;}
#wrap .wc-shortcodes-pricing .wc-shortcodes-pricing-content ul li:nth-child(2n+2) {
background: #f5f5f5;}
#wrap .wc-shortcodes-pricing .wc-shortcodes-pricing-button {
border-color: #dbdbdb;}
#wrap .wc-shortcodes-pricing.wc-shortcodes-pricing-type-secondary .wc-shortcodes-pricing-header {
background: #f2cdcb; color: #ffffff; border-color: #e3bebc;}
#wrap .wc-shortcodes-pricing.wc-shortcodes-pricing-type-secondary .wc-shortcodes-pricing-header h5 {
color: #ffffff;}
#wrap .wc-shortcodes-pricing.wc-shortcodes-pricing-type-secondary .wc-shortcodes-pricing-cost {
border-top-color: #e3bebc;}
#wrap .wc-shortcodes-pricing.wc-shortcodes-pricing-type-inverse .wc-shortcodes-pricing-header {
background: #f9f5f4; color: #f1c1b6; border-color: #eae6e5;}
#wrap .wc-shortcodes-pricing.wc-shortcodes-pricing-type-inverse .wc-shortcodes-pricing-header h5 {
color: #f1c1b6;}
#wrap .wc-shortcodes-pricing.wc-shortcodes-pricing-type-inverse .wc-shortcodes-pricing-cost {
border-top-color: #eae6e5;}
#wrap .wc-shortcodes-highlight-yellow, .wc-shortcodes-highlight-yellow a {
background: #faeb48; color: #695d43;}
#wrap .wc-shortcodes-highlight-blue, .wc-shortcodes-highlight-blue a {
background: #e9f7fe; color: #5091b2;}
#wrap .wc-shortcodes-highlight-green, .wc-shortcodes-highlight-green a {
background: #d3e8da; color: #5f9025;}
#wrap .wc-shortcodes-highlight-red, .wc-shortcodes-highlight-red a {
background: #ffe9e9; color: #de5959;}
#wrap .wc-shortcodes-highlight-gray, .wc-shortcodes-highlight-gray a {
background: #f5f5f5; color: #555555;}
#wrap .wc-shortcodes-countdown {
border-color: #e1e1e1; background-color: #f5f5f5;}
#wrap .wc-shortcodes-countdown.countdown_holding div {
color: #555555;}
#wrap .wc-shortcodes-countdown .countdown_section {
border-color: #e1e1e1;}
#wrap.woocommerce div.product form.cart .variations label,
#wrap.woocommerce-page div.product form.cart .variations label,
#wrap.woocommerce #content div.product form.cart .variations label,
#wrap.woocommerce-page #content div.product form.cart .variations label,
#wrap.woocommerce table.shop_attributes th,
#wrap.woocommerce-page table.shop_attributes th,
#wrap.woocommerce table.shop_table th,
#wrap.woocommerce-page table.shop_table th,
#wrap.woocommerce table.shop_table tfoot td,
#wrap.woocommerce-page table.shop_table tfoot td,
#wrap.woocommerce table.shop_table tfoot th,
#wrap.woocommerce-page table.shop_table tfoot th,
#wrap.woocommerce td.product-name dl.variation dt,
#wrap.woocommerce-page td.product-name dl.variation dt,
#wrap.woocommerce table.cart a.remove,
#wrap.woocommerce-page table.cart a.remove,
#wrap.woocommerce #content table.cart a.remove,
#wrap.woocommerce-page #content table.cart a.remove,
#wrap.woocommerce ul.cart_list li a,
#wrap.woocommerce-page ul.cart_list li a,
#wrap.woocommerce ul.product_list_widget li a,
#wrap.woocommerce-page ul.product_list_widget li a,
#wrap.woocommerce ul.cart_list li dl dt,
#wrap.woocommerce-page ul.cart_list li dl dt,
#wrap.woocommerce ul.product_list_widget li dl dt,
#wrap.woocommerce-page ul.product_list_widget li dl dt,
#wrap.woocommerce form .form-row .required,
#wrap.woocommerce-page form .form-row .required,
#wrap.woocommerce ul#shipping_method .amount,
#wrap.woocommerce-page ul#shipping_method .amount,
#wrap.woocommerce ol.commentlist.notes li.note p.meta,
#wrap.woocommerce-page ol.commentlist.notes li.note p.meta {
font-weight: bold;
}
#wrap.woocommerce span.onsale,
#wrap.woocommerce-page span.onsale,
#wrap.woocommerce ul.products li.product .price,
#wrap.woocommerce-page ul.products li.product .price,
#wrap.woocommerce div.product .woocommerce-tabs ul.tabs li a,
#wrap.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
#wrap.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
#wrap.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
#wrap.woocommerce .quantity input.qty,
#wrap.woocommerce-page .quantity input.qty,
#wrap.woocommerce #content .quantity input.qty,
#wrap.woocommerce-page #content .quantity input.qty,
#wrap.woocommerce .quantity .plus,
#wrap.woocommerce-page .quantity .plus,
#wrap.woocommerce #content .quantity .plus,
#wrap.woocommerce-page #content .quantity .plus,
#wrap.woocommerce .quantity .minus,
#wrap.woocommerce-page .quantity .minus,
#wrap.woocommerce #content .quantity .minus,
#wrap.woocommerce-page #content .quantity .minus,
#wrap.woocommerce table.shop_table td small,
#wrap.woocommerce-page table.shop_table td small,
#wrap.woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after,
#wrap.woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after,
#wrap.woocommerce .checkout .create-account small,
#wrap.woocommerce-page .checkout .create-account small,
#wrap.woocommerce #payment ul.payment_methods li,
#wrap.woocommerce-page #payment ul.payment_methods li,
#wrap.woocommerce #payment div.payment_box span.help,
#wrap.woocommerce-page #payment div.payment_box span.help,
#wrap.woocommerce ul.digital-downloads li:before,
#wrap.woocommerce-page ul.digital-downloads li:before,
#wrap.woocommerce .widget_layered_nav ul li.chosen a:before,
#wrap.woocommerce-page .widget_layered_nav ul li.chosen a:before,
#wrap.woocommerce .widget_layered_nav_filters ul li a:before,
#wrap.woocommerce-page .widget_layered_nav_filters ul li a:before {
font-weight: 300;
}
#wrap.woocommerce .woocommerce-message,
#wrap.woocommerce-page .woocommerce-message,
#wrap.woocommerce .woocommerce-error,
#wrap.woocommerce-page .woocommerce-error,
#wrap.woocommerce .woocommerce-info,
#wrap.woocommerce-page .woocommerce-info,
#wrap.woocommerce div.product .woocommerce-tabs ul.tabs li,
#wrap.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
#wrap.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
#wrap.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
#wrap.woocommerce .quantity .plus,
#wrap.woocommerce-page .quantity .plus,
#wrap.woocommerce #content .quantity .plus,
#wrap.woocommerce-page #content .quantity .plus,
#wrap.woocommerce .quantity .minus,
#wrap.woocommerce-page .quantity .minus,
#wrap.woocommerce #content .quantity .minus,
#wrap.woocommerce-page #content .quantity .minus,
#wrap.woocommerce .quantity .plus,
#wrap.woocommerce-page .quantity .plus,
#wrap.woocommerce #content .quantity .plus,
#wrap.woocommerce-page #content .quantity .plus,
#wrap.woocommerce .quantity .minus,
#wrap.woocommerce-page .quantity .minus,
#wrap.woocommerce #content .quantity .minus,
#wrap.woocommerce-page #content .quantity .minus {
background: #f5f5f5;}
#wrap.woocommerce .quantity .plus:hover,
#wrap.woocommerce-page .quantity .plus:hover,
#wrap.woocommerce #content .quantity .plus:hover,
#wrap.woocommerce-page #content .quantity .plus:hover,
#wrap.woocommerce .quantity .minus:hover,
#wrap.woocommerce-page .quantity .minus:hover,
#wrap.woocommerce #content .quantity .minus:hover,
#wrap.woocommerce-page #content .quantity .minus:hover {
background: #ebebeb;#}
#wrap.woocommerce #payment div.payment_box,
#wrap.woocommerce-page #payment div.payment_box,
#wrap.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
#wrap.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,
#wrap.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
#wrap.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
background: #ebebeb;}
#wrap.woocommerce #payment div.payment_box:after,
#wrap.woocommerce-page #payment div.payment_box:after {
border-bottom-color: #ebebeb;}
#wrap.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
#wrap.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
#wrap.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
#wrap.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
background: #ffffff;}
#wrap.woocommerce .woocommerce-breadcrumb,
#wrap.woocommerce-page .woocommerce-breadcrumb {
color: #575757;}
#wrap.woocommerce .woocommerce-breadcrumb a,
#wrap.woocommerce-page .woocommerce-breadcrumb a {
color: #f29f8e;}
#wrap.woocommerce .woocommerce-breadcrumb a:hover,
#wrap.woocommerce-page .woocommerce-breadcrumb a:hover {
color: #f1c1b6;}
#wrap.woocommerce span.onsale,
#wrap.woocommerce-page span.onsale {
background: #f2cdcb; color: #ffffff;}
#wrap .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button {
background-color: #f2cdcb; height: 22px;
width: 22px;
}
#wrap .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button:before {
top: 4px;
font-size: 14px;
color: #ffffff;}
#wrap .contact-form label,
#wrap div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
font-weight: bold;
}
#wrap div#jp-relatedposts h3.jp-relatedposts-headline em:before {
border-color: #f3f3f3;}
#wrap .tiled-gallery-caption {
background-color: rgb(243,243,243);background-color: rgba(243,243,243,0.9); color: #777777; font-size: 15px;
font-weight: 300;
}
#wrap .tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption {
font-size: 13px;
}
.widget_mc4wp_widget .mc4wp-form label {
font-weight: 300;
}
.widget_wordpresscanvas_about_me .sidebar-caption {
background-color: #ffffff; font-size: 15px;
}
#wrap .jetpack-image-container .wp-caption-text {
background-color: #ffffff; font-size: 15px;
}
.sidebar-background {
padding: 20px;
}
.widget-area .widget-title {
font-family: "Lato";-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: auto; font-size: 17px;
font-style: normal;
font-weight: 300;
text-transform: none;
line-height: 2.0;
}
.widget-area .widget-title b,
.widget-area .widget-title strong {
font-weight: 300;
}
.widget-area {
background-color: #f3f3f3; color: #aaaaaa;}
.widget-area .widget-title,
.widget-area .widget-title a,
.widget-area .wp-caption-text {
color: #a0a0a0; background-color: #ffffff;}
.widget-area a,
.widget-area a:visited,
.widget-area a:focus,
.widget-area a:active {
color: #cccccc;}
.widget-area a:hover {
color: #f1c1b6;}
.widget-area,
.widget-area div,
.widget-area span,
.widget-area applet,
.widget-area object,
.widget-area iframe,
.widget-area h1,
.widget-area h2,
.widget-area h3,
.widget-area h4,
.widget-area h5,
.widget-area h6,
.widget-area p,
.widget-area blockquote,
.widget-area pre,
.widget-area a,
.widget-area abbr,
.widget-area acronym,
.widget-area address,
.widget-area big,
.widget-area cite,
.widget-area code,
.widget-area del,
.widget-area dfn,
.widget-area em,
.widget-area img,
.widget-area ins,
.widget-area kbd,
.widget-area q,
.widget-area s,
.widget-area samp,
.widget-area small,
.widget-area strike,
.widget-area strong,
.widget-area sub,
.widget-area sup,
.widget-area tt,
.widget-area var,
.widget-area b,
.widget-area u,
.widget-area i,
.widget-area center,
.widget-area dl,
.widget-area dt,
.widget-area dd,
.widget-area ol,
.widget-area ul,
.widget-area li,
.widget-area fieldset,
.widget-area form,
.widget-area label,
.widget-area legend,
.widget-area table,
.widget-area caption,
.widget-area tbody,
.widget-area tfoot,
.widget-area thead,
.widget-area tr,
.widget-area th,
.widget-area td,
.widget-area article,
.widget-area aside,
.widget-area canvas,
.widget-area details,
.widget-area embed,
.widget-area figure,
.widget-area fieldset,
.widget-area figcaption,
.widget-area footer,
.widget-area header,
.widget-area hgroup,
.widget-area menu,
.widget-area nav,
.widget-area output,
.widget-area ruby,
.widget-area section,
.widget-area summary,
.widget-area time,
.widget-area mark,
.widget-area audio,
.widget-area video {
border-color: #cccccc;}
.widget-area select,
.widget-area input,
.widget-area textarea {
border-color: #ededed;}
.widget-area select:focus,
.widget-area input:focus,
.widget-area textarea:focus {
border-color: #aaaaaa;}
.widget-area .widget_recent_entries .post-date {
color: #ffffff;}
.widget-area .widget_calendar tbody td {
background-color: #ffffff;}
.widget-area .widget_calendar tbody a,
.widget-area .widget_calendar tbody a:visited,
.widget-area .widget_calendar tbody a:focus,
.widget-area .widget_calendar tbody a:active {
background-color: #cccccc; color: #ffffff;}
.widget-area .widget_calendar tbody a:hover {
background-color: #f1c1b6;}
.widget-area button,
.widget-area input[type="button"],
.widget-area input[type="reset"],
.widget-area input[type="submit"],
.widget-area button:focus,
.widget-area input[type="button"]:focus,
.widget-area input[type="reset"]:focus,
.widget-area input[type="submit"]:focus,
.widget-area button:active,
.widget-area input[type="button"]:active,
.widget-area input[type="reset"]:active,
.widget-area input[type="submit"]:active,
.widget-area button:visited,
.widget-area input[type="button"]:visited,
.widget-area input[type="reset"]:visited,
.widget-area input[type="submit"]:visited {
color: #f1c1b6; background-color: #ededed; border-color: #ededed;}
.widget-area button:hover,
.widget-area input[type="button"]:hover,
.widget-area input[type="reset"]:hover,
.widget-area input[type="submit"]:hover {
color: #ededed; background-color: #f1c1b6; border-color: #f1c1b6;}
.footer-container {
background-color: #f3f3f3; color: #b1b0af;}
.site-info {
font-size: 15px;
color: #827f7f;}
.site-footer .widget-title {
font-family: "Lato";-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: auto; font-size: 17px;
font-style: normal;
font-weight: 300;
text-transform: none;
line-height: 2.0;
background-color: #ffffff;}
.site-footer .widget-title b,
.site-footer .widget-title strong {
font-weight: 300;
}
.footer-widget-area .widget {
width: 320px;
}
.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
color: #b1b0af;}
.site-info a,
.site-info a:visited,
.site-info a:focus,
.site-info a:active {
color: #f1c1b6;}
.site-info a:hover {
color: #f29f8e;}
.site-footer a,
.site-footer a:visited,
.site-footer a:focus,
.site-footer a:active {
color: #f1c1b6;}
.site-footer a:hover {
color: #f29f8e;}
.site-footer,
.site-footer div,
.site-footer span,
.site-footer applet,
.site-footer object,
.site-footer iframe,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer p,
.site-footer blockquote,
.site-footer pre,
.site-footer a,
.site-footer abbr,
.site-footer acronym,
.site-footer address,
.site-footer big,
.site-footer cite,
.site-footer code,
.site-footer del,
.site-footer dfn,
.site-footer em,
.site-footer img,
.site-footer ins,
.site-footer kbd,
.site-footer q,
.site-footer s,
.site-footer samp,
.site-footer small,
.site-footer strike,
.site-footer strong,
.site-footer sub,
.site-footer sup,
.site-footer tt,
.site-footer var,
.site-footer b,
.site-footer u,
.site-footer i,
.site-footer center,
.site-footer dl,
.site-footer dt,
.site-footer dd,
.site-footer ol,
.site-footer ul,
.site-footer li,
.site-footer fieldset,
.site-footer form,
.site-footer label,
.site-footer legend,
.site-footer table,
.site-footer caption,
.site-footer tbody,
.site-footer tfoot,
.site-footer thead,
.site-footer tr,
.site-footer th,
.site-footer td,
.site-footer article,
.site-footer aside,
.site-footer canvas,
.site-footer details,
.site-footer embed,
.site-footer figure,
.site-footer fieldset,
.site-footer figcaption,
.site-footer footer,
.site-footer header,
.site-footer hgroup,
.site-footer menu,
.site-footer nav,
.site-footer output,
.site-footer ruby,
.site-footer section,
.site-footer summary,
.site-footer time,
.site-footer mark,
.site-footer audio,
.site-footer video {
border-color: #f3f3f3;}
.site-footer select,
.site-footer input,
.site-footer textarea {
border-color: #ffffff;}
.site-footer select:focus,
.site-footer input:focus,
.site-footer textarea:focus {
border-color: #f1c1b6;}
.site-footer .widget_recent_entries .post-date {
color: #dbdbda;}
.site-footer .widget_calendar tbody td {
background-color: #dbdbda;}
.site-footer .widget_calendar tbody a,
.site-footer .widget_calendar tbody a:visited,
.site-footer .widget_calendar tbody a:focus,
.site-footer .widget_calendar tbody a:active {
background-color: #f1c1b6; color: #dbdbda;}
.site-footer .widget_calendar tbody a:hover {
background-color: #f29f8e;}
.site-footer button,
.site-footer input[type="button"],
.site-footer input[type="reset"],
.site-footer input[type="submit"],
.site-footer button:focus,
.site-footer input[type="button"]:focus,
.site-footer input[type="reset"]:focus,
.site-footer input[type="submit"]:focus,
.site-footer button:active,
.site-footer input[type="button"]:active,
.site-footer input[type="reset"]:active,
.site-footer input[type="submit"]:active,
.site-footer button:visited,
.site-footer input[type="button"]:visited,
.site-footer input[type="reset"]:visited,
.site-footer input[type="submit"]:visited {
color: #a9a9a9; background-color: #ffffff; border-color: #ffffff;}
.site-footer button:hover,
.site-footer input[type="button"]:hover,
.site-footer input[type="reset"]:hover,
.site-footer input[type="submit"]:hover {
color: #ffffff; background-color: #a9a9a9; border-color: #a9a9a9;}
@media screen and (min-width: 1001px) and (max-width: 1120px) {
.site-boundary {
width: 1000px;
}
.display-sidebar .content-area {
width: 590px;
}
}
@media screen and (min-width: 901px) and (max-width: 1020px) {
.site-boundary {
width: 900px;
}
.display-sidebar .content-area {
width: 490px;
}
}
@media screen and (max-width: 920px) {
body .site-header,
body .main-navigation .menu,
body .site-content,
body .footer-widget-area,
body .site-info {
padding-left: 20px;
padding-right: 20px;
}
#wrap .site-boundary {
width: auto;
}
#wrap .content-area {
width: auto;
float: none;
margin: 0 auto;
}
.main-navigation {
width: auto;
}
#wrap .widget-area {
float: none;
margin: 3em auto 0 auto;
}
}
@media screen and (max-width: 568px) {
body .right-background {
padding-left: 0;
padding-right: 0;
}
body .site-box {
}
body.single-post .entry-header .entry-title,
body.blog .entry-header .entry-title {
width: auto;
}
body.single-post .entry-header .entry-meta,
body.blog .entry-header .entry-meta {
width: auto;
}
body .comment-navigation .nav-previous,
body .paging-navigation .nav-previous,
body .post-navigation .nav-previous {
float: none;
max-width: none;
text-align: center;
margin-bottom: 10px;
}
body .comment-navigation .nav-next,
body .paging-navigation .nav-next,
body .post-navigation .nav-next {
float: none;
max-width: none;
text-align: center;
}
body .comment-navigation .nav-previous a,
body .paging-navigation .nav-previous a,
body .post-navigation .nav-previous a,
body .comment-navigation .nav-next a,
body .paging-navigation .nav-next a,
body .post-navigation .nav-next a {
display: block;
}
#wrap .entry-header > span,
#wrap .entry-header > div,
#wrap .entry-header > .entry-title,
#wrap .entry-footer > span,
#wrap .entry-footer > div,
#wrap .post-meta > span,
#wrap .post-meta > div {
display: block;
float: none;
width: auto;
text-align: left;
}
#wrap .wc-shortcodes-social-icons {
text-align: center;
}
#wrap .entry-thumbnail {
float: none;
margin-top: 0;
margin-bottom: 1.5em;
}
#wrap .entry-excerpt.has-post-thumbnail {
margin-left: 0;
padding-left: 0 !important;
}
#wrap .alignleft,
#wrap .alignright,
#wrap .aligncenter,
#wrap .alignnone {
margin: 1.5em 0;
display: block;
float: none;
}
#wrap .main-navigation {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 768px) {
body .site-title {
font-size: 42px;
}
body .site-description {
font-size: 12px;
}
}
@media screen and (max-width: 991px) {
body .site-title {
font-size: 51px;
}
body .site-description {
font-size: 14px;
}
body .wc-shortcodes-one-half,
body .wc-shortcodes-one-third,
body .wc-shortcodes-two-third,
body .wc-shortcodes-three-fourth,
body .wc-shortcodes-one-fourth,
body .wc-shortcodes-one-fifth,
body .wc-shortcodes-two-fifth,
body .wc-shortcodes-three-fifth,
body .wc-shortcodes-four-fifth,
body .wc-shortcodes-one-sixth,
body .wc-shortcodes-five-sixth {
width: 100%;
float: none;
margin-left: 0;
margin-bottom: 3em;
}
.wc-shortcodes-row > .wc-shortcodes-column:last-child {
margin-bottom: 0;
}
body#wrap #page .wc-shortcodes-row {
margin-top: 3em;
margin-bottom: 3em;
}
}
@media screen and (max-width: 900px) {
.main-navigation .nav-container {
position: relative;
}
.menu-toggle {
display: block;
}
.main-navigation .menu,
.menu-toggle {
padding-left: 20px;
padding-right: 20px;
}
#wrap .main-navigation a,
#wrap .main-navigation a:hover,
#wrap .main-navigation a:visited,
#wrap .main-navigation a:focus,
#wrap .main-navigation a:active {
color: #a8a8a8; background-color: #f3f3f3; }
#wrap .main-navigation li {
padding-top: 0;
padding-left: 0;
}
body .main-navigation a {
padding-left: 0;
padding-right: 0;
white-space: normal;
}
body .main-navigation {
text-align: left;
background: none;
}
.main-navigation .menu {
position: absolute;
display: none;
left: 0;
right: 0;
z-index: 999;
margin-top: 1px;
padding-top: 10px;
padding-bottom: 90px;
margin-bottom: 20px;
box-shadow: 0px 0px 0px rgba(0,0,0,0);
background-color: #f3f3f3; }
.main-navigation.toggled .menu {
display: block;
}
body .main-navigation ul a {
padding-top: 10px;
padding-bottom: 10px;
width: auto;
}
body .main-navigation li {
display: block;
}
#wrap .main-navigation li {
border-width: 0;
}
#wrap .main-navigation li a {
border-left-width: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #dddddd; }
body .main-navigation ul ul {
display: block;
float: none;
position: relative;
z-index: auto;
left: auto;
top: auto;
right: auto;
bottom: auto;
padding-left: 20px;
}
}
@media screen and (max-width: 330px) {
body.display-sidebar .widget-area {
width: 280px;
}
}
@media screen and (max-width: 360px) {
body .footer-widget-area .widget {
width: 280px;
}
}
I’m bored. I feel bad about it, but there it is. I’m bored with Luke.
Maybe it’s because the rest of my life is so exciting, in terrifying (sometimes awful) new ways. I am a soon-to-be sophomore in college. I’ve taken my first college-level courses. I’ve made it through a hellish year of ROTC. Because of said hellish year, I’ve avoided the freshman 15 and in fact have dropped a few pounds. I’ve failed my first class in the history of ever, and still managed to keep my GPA reasonably high-ish. I’ve gotten a new job for next year during the school year. I have a full-time job for this summer. I’m a freakin’ grown-up. It sucks, but I’m there, and there’s no turning back now.
Luke is living at home, taking some computer tech classes and selling vacuum cleaners door to door. He’s grown a tiny beer gut and has the same floppy teenager hair he’s had since I’ve known him.
I try to spice things up. I introduce biting to our necking sessions. He responds by sticking his tongue in my ear and I barely manage to avoid punching him in the nose for that.
I try to think about the future. Someday when we’re both grown-ups, we can go to the World Series together. I tell him about it, in great detail. We will watch the whole season so we know every player and all his stats. We’ll take a road-trip to the chosen stadium and we’ll be in the stands– maybe the nosebleeds if we’re low on money, but we’ll go. He seems excited.
And then he fails to do his computer tech class homework and drops out. He doesn’t like selling vacuums either. “It sucks. Get it? Bwahaha.” I get it. But I don’t laugh. He quits selling vacuums.
I dump him. (Afterwards, I sit on my parents’ deck and cry so hard I shake for hours, but I never tell him that.)
He’s heartbroken, and he cries for weeks, sometimes in my presence, sometimes not. He keeps asking me why. Why, why, why over and over again. I won’t tell him.
It seems the worst kind of awful to tell him that I dumped him because I was bored.
Post navigation