/*
 Theme Name:     Penthouse Magazine
 Theme URI:      https://penthousemagazine.com
 Description:    A Place where Brand and Beauty Dance.
 Author:         WebDotCalm
 Author URI:     https://www.webdotcalm.com/
 Template:       twentyseventeen
 Version:        1.0.0
*/
/* ============== COLOR SCHEME ================ 
#222    rgb(34,34,34)		- black
#767676 rgb(118,118,118)	- dark gray
#8e8e8e rgb(142,142,142)	- light gray
#fff    rgb(255,255,255)	- white
#ca0c18 rgb(202,12,24)  	- bright red
#18ca0c rgb(24,202,12)  	- bright green
#0c18ca rgb(12,24,202)  	- bright blue
#f2f218 rgb(242,242,24)     - bright yellow
#fc0    rgb(255,204,0)      - gold
#fffff2 rgb(255,255,242)	- very pale yellow
=============================================*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,500,700&display=swap&subset=latin-ext');
/* MAIN OVERRIDES ================================================================================ */
.wrap { width: 96%; max-width: 1320px; padding: 0; }
body { font-family: "Ubuntu", Helvetica, "Myriad Pro", sans-serif; font-size: 1.2rem; line-height: 1.6; font-weight: 300; }
.site-branding-text { width:100%; text-align: center; }
.site-branding-text h1.site-title { text-align: center; font-size: 6em; margin-bottom: 25%; text-shadow: 1px 1px 3px #222; }
@media all AND (max-width:900px) {
    .has-header-image.twentyseventeen-front-page .custom-header { height: 200px; }
    .site-branding-text h1.site-title { font-size: 2.3em; text-align: center; margin: 0 auto; width:100%; }
}
.has-sidebar:not(.error404) #primary { float: left; width: 68%; }
.has-sidebar #secondary { float: right; padding-top: 0; width: 26%; }
.post-grid { overflow: hidden; width: 100%; }
.element.excerpt:after { content: " ..."; }
body.page-two-column:not(.archive) #primary .entry-content { width: 100%; }
.panel-content .wrap { padding: 0 0 2em; }
.panel-content h2 { display: none; }
iframe { width: 100%; }
 .site-navigation-fixed.navigation-top { bottom:auto;  position:fixed;  left:0;  right:0;  top:0;  width:100%;  z-index:17; }
.pt-cv-mask { z-index:16; }
/***** TYPOGRAPHY & GLOBAL =============================================================================================*/
h3 { padding: 0; font-weight:500; }
p a { color: #7991c9; }
p.footnote { font-style:italic; font-size:.8em; }
em { font-style: italic; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clear { clear: both; }
.needsFloat { float: left; }
em { font-style: italic; font-family: inherit; }
div.simple-text.phFull { padding: 0; }
div.simple-text.phFull p { padding: 0; }
img { width: 100%; height: auto; }
img.size-medium { width: 32%; height: auto; max-width: 427px; }
img.onethird { width: 33%; max-width: 380px; margin: .8em 0 0 1em; }
img.onequarter { width: 25%; max-width: 250px; margin: .8em 0 0 1em; }
img.illustration { margin-bottom: 2.5em; }
.imgLeft { float: left; margin: 0 1em .5em 0; padding: 5px 13px 0 0; }
.imgRt { float: right; margin: 0 0 1em .5em; padding: 5px 0 0 13px; }
p.quoteLeft { width: 35%; float: left; border-top: 2px solid #222; border-bottom: 2px solid #222; padding: 13px 0; margin: .5em 1em 0 0; font-size: 1.2rem; font-weight: 600; }
p.quoteRight { width: 35%; float: right; border-top: 2px solid #222; border-bottom: 2px solid #222; padding: 13px 0; margin: .5em 0 0 1em; font-size: 1.2rem; font-weight: 600; }
p.imgOne img { width: 100%; }
p.imgTwo img { width: 50%; }
p.imgThree img { width: 33.33%; }
p.imgFour img { width: 25%; }
p.imgFive img { width: 20%; }
p.imgOne a, p.imgTwo a, p.imgThree a, p.imgFour a, p.imgFive a { vertical-align: top; line-height: 0; }
p.imgOne.nomargin, p.imgTwo.nomargin, p.imgThree.nomargin, p.imgFour.nomargin, p.imgFive.nomargin { margin-bottom: 0; }
video { width: 100%; height: auto; margin-bottom: 2em; }
.single-post h1.entry-title, .page h1.entry-title { font-size: 2.125rem; padding-bottom: 0; line-height: 1; font-weight: 600; }
h2 { font-weight: 700; color: #222; font-size: 1.6rem; text-transform: uppercase; }
h2.contact { text-align: right; }
h2.currentPOM { display: block; text-align: center; }
h2.phDestinations { color: #fff; display: block; text-align: center; }
.terms h2 { padding-top: 1.8em; }
h2.petSequence { display: block; text-align: center; text-transform: uppercase; }
h2 em { text-transform:none; }
/*#main-nav a.external { color: gold !important; }*/
#main-nav a[href*="members"] { color: gold; }
#main-nav a.external[href*="legacy"], #main-nav a[href*="magazine"] { color: #8e8e8e !important; }
#main-nav a.external[href*="legacy"]:hover, #main-nav a[href*="magazine"], #main-nav li.current-menu-item a.external { color: #fff !important; }
ol { list-style: decimal; line-height: 1.8; padding: 1em 0 1.5em; font-size: 15px; margin: 0 3em; }
ol.biggerList { font-size:1.1em; }
ol.biggerList li { line-height:1.5; }
li { padding: 0 0 .3em .5em; line-height: 1.4; }
li a { text-decoration:underline; }
ul.PetsList li { list-style:none; font-size:.9em; }
ol.letters li { list-style-type: lower-latin; }
blockquote { color: #777; font-size: 1.1em !important; line-height: 1.7; width: 80%; min-width: 300px; margin: 1em auto; border-left: 2px solid #ca0c18; /*border-right: 2px solid #111;*/ padding: 0 .5em; overflow: visible; }
blockquote cite { text-align: right; font-style: italic; }
blockquote.legal { margin-top: 2em; border-left: 3px solid #8e8e8e; padding: 0 0 0 2em; font: normal 300 1.3em/1.2 'Oswald', Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; }
.indent { margin-left:4em; font-style: italic; }
.more-link { clear: both; display: block; text-align: right; }
/* FRONT PAGE ====================================================================================== */
#post-63 { display: none; }
/***** VIDEO ========================================================================================*/
.wp-video { margin: 1em 0 2em; }
/* TEMPLATES ======================================================================================= */
body.page-template-template-full-width #content #primary { max-width: 100%; }
body.page-template-template-full-width #content #primary .entry-header, body.page-template-template-full-width #content #primary .entry-content { float: none; width: 100%; }
body.page-template-template-full-width #content #primary .entry-header { margin-bottom: 4em; }
/* POSTS ========================================================================================== */
.single-post .entry-title, .page .entry-title { font-size: 2.125rem; padding-bottom: 0; line-height: 1; }
.single-featured-image-header { width: 100%; max-width: 1320px; margin: 0 auto; }
.gallery { display: flex; justify-content: space-between; margin-bottom:1.5em; }
.gallery-item { display: inherit; text-align: inherit; vertical-align: inherit; margin: 0; padding: 0; width: 50%; }
.tiled-gallery { clear: both; margin: 0 0 20px; overflow: hidden; }
.tiled-gallery::after { clear: both; }
.byline { display: none !important; }
.posted-on { font-size: 1.2em; line-height: 2; }
h2.postTitle { border-bottom: none; margin: 0 !important; }
.white.col3-3 h2 { padding: 0 0 27px 0; margin: 26px 0; }
.postPages { margin: 1.5em 0 0; }
.postPages h2.pageNumbers { padding: 0; }
.postPages h2 a { font-size: 1.1em; }
.postPages p { color: #999; }
.articleTribute { border: 8px double #c6c6c6; padding: .8em 2em .2em; }
.articleTribute h5 { font-weight: 300; }
.read-more a, .read-more a:visited { color: burlywood; }
.read-more a:hover { color: #6b5625; }
.somemoreNav { width: 40%; display: inline-block; }
h2.comments { border-bottom: none; border-top: 2px solid rgb(43,43,43); }
h3 em { font: italic 22px 'Oswald', san-serif; color: #2b2b2b; }
/* ***** SMALL CENTER IMAGE DISPLAY ***** */
.singleUnit img { width: 40%; float: right; min-width: 200px; }
/* ***** ANGIE ARTICLE DISPLAY ***** */
.magSingle .entry-content.magArticle, .magSingle .articleIntro p { width: 68%; float: right; }
.magSingle .entry-header.magHeader { text-align: right; width: 28%; float: left; padding: .5em 2% 0 0 !important; border-right: 2px solid #ca0c18; }
.magAuthor { padding: 0 0 1em 0; text-align: right; }
p.storyBreak { text-align:center; }
p.storyBreak::after { content: "* * *"; font-size:.8em; letter-spacing:2em; }
@media all AND (max-width:800px) {
	.has-sidebar #primary, .has-sidebar #secondary, .magSingle .entry-header.magHeader, .magSingle .entry-content.magArticle { width:100% !important; }	
	.entry-footer { display:none; }
}
/* ***** LEGACY ARTICLE DISPLAY ***** */
.legacyDate { display: block; font-size: 1rem; color: #8e8e8e; }
.articleIntro p { font: italic 700 1.1em/1.2 Georgia, Constantia, Times, "Times New Roman", serif; letter-spacing: 0.02em; }
.legacyHeader h1 { border-bottom: 2px solid #ca0c18; }
.legacy-content h2 { font-weight: 500; }
.legacy-content h3 { font-weight: 400; display:inline; }
.category-legacy .entry-header { width: 100%; text-align: left; border: none; }
.category-legacy .entry-content { float: none; width: 100%; }
.legacyAuthor { position: relative; bottom: 40px; color: #222; text-shadow: 0 0 1px #212121; font-size: 1.4em; }
.legacyAuthor h2 { line-height: 1; color: #acacac; margin-bottom: 3px; opacity: 0.5; text-shadow: 0 1px 2px #111; }
.category-legacy .byline { display: none; }
.category-legacy h3 { font-weight: 500; padding: 0; font-size: 1.2rem; font-stretch: semi-expanded; }
/* PETS ============================================================================================== */
header.petHeader .entry-title { color: #000; font-weight: 500; letter-spacing: .1rem;
border-bottom: 1px solid #767676; }
/*.categoryPets article.category-pets { width: 46%; float: left; padding-bottom: 0 !important; }*/
a.petLink { width: 48%; float: left; padding-bottom: 2%; }
.pets-main a.petLink:nth-child(odd) { padding-right: 1%; }
.pets-main a.petLink:nth-child(even) { padding-left: 1%; }
article.category-pets h2.entry-title { display: none; font-size: 1.2rem; font-weight: 700; }
article.category-pets .entry-meta { display: none; }
dl.siteOptions { width: 60%; margin: 2em auto; background: #fc0; padding: 1em 0 .1em 1em; }
/* ***** POST INDEX ***** */
/*.site-content-contain .page-header, .site-content-contain .entry-header.magHeader, .site-content-contain .articleIntro, .site-content-contain .articleTribute, .site-content-contain .page-links  { display: none; }
.site-content-contain .entry-content.magArticle { float: none;  width: 100%; }*/
.legacyArchive img.alignright { display:none; }
/* SIDEBAR AND WIDGETS ================================================================================= */
.tophome.promo-widgets { position: absolute; top: 0; z-index: 100; width: 100%; background: #fff; }
.widget_recent_entries li:nth-child(odd) { background: #fffff2; }
.gallery-item { display: flex; flex-direction: column; }
.widget ul li, .widget ol li { border-bottom: 1px solid #8e8e8e; border-top: 1px solid #8e8e8e; padding: .5em 0 0; }
.rpwwt-widget ul li { margin: 0 !important; }
.ajdg_grpwidgets .g-5 { margin: 0 auto !important; }
/* EVENTS ===============================================================================================*/
#eventIndex { margin: 2em 0 1.5em; }
#eventIndex h3 { text-align:center; text-transform:uppercase; background:#000; color:#fff; padding: 3px 0; position:relative; z-index:100; }
#eventIndex ol { display: flex; justify-content: space-around; list-style: none; font-family: Oswald, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; letter-spacing: .05em; }
#eventIndex li { padding: 2px 4em; background: #dedede; border-radius: 13px; margin: 0 1em; box-shadow: 0px 1px 3px #222; white-space: nowrap; }
#eventIndex li:hover { background: #aaa; box-shadow: 0px -1px 3px #222; }
#eventIndex li a { color: cornflowerblue; }
#eventIndex li a:hover { color: aqua; }
.details blockquote { width:100%; padding: 0 2em; }
.details h3 { font-weight:400; }
p.backLink { text-transform: uppercase; font-family: Oswald, "Helvetica Neue", Helvetica, Arial, "sans-serif"; letter-spacing: .1em; }
/***** Stranger Things */
#stranger { background: #000; color: #fff; font-size: 1.4em; text-align: center; padding: 2em; }
#stranger h1, #stranger h2, #stranger h3 { color: #c83f29; text-transform: uppercase; }
#stranger h1 { background: #c83f29; border-radius: 24px; color: #000; margin: 0 auto; width: 40%; }
#stranger p span.free { color: #fff; text-transform: uppercase; }
#stranger h2 { font-size: 1.4em; }
#stranger h3 { font-size: 1.4em; font-style: italic; margin: 3em auto 0; }
#stranger header { padding: 2em 2em 0; }
#stranger p.legal { font-size: .65em; width: 50%; margin: 3em auto 0; line-height: 1.3; }
#stranger p.red { color: #c83f29; width: 60%; margin: 1em auto; }
#stranger label { color: #787878; }
#stranger .mc4wp-form-fields input { width: 100%; max-width: 100%; }
#stranger .mc4wp-form-fields input[type="submit"] { font-size: 1.05em; width: 60%; max-width: 240px; background: #c83f29 !important; border-radius: 24px; text-shadow: 1px 1px 3px black; }
#stranger .mc4wp-form-fields input[type="submit"]:hover { background: #fc0 !important; color: #000 !important; text-shadow: none; font-weight: 700; }
/***** INDEX PAGINATION ===============================================================================================*/
.pagination span.current { color: #8e8e8e; font-size: 2em; padding: 0 14px; font-style: italic; }
.pagination a { margin: 0 10px; font-weight: 700; font-size: 2em; }
/***** SIDEBARS =======================================================================================================*/
#phSites { margin-bottom: 2em; }
.customWidget { background: #000; float: left; list-style: none; width: 33.33%; border-top: 1px solid #555; margin: 1.8em 0 0; padding: 1%; }
.widget_recent_entries ul { list-style: none; padding-left: 0; }
.widget_recent_entries li:before { content: '\2192'; padding-right: 7px; }
.blog-stats ul { list-style: none; padding-left: 0; }
.blog-stats li:before { content: '\2713'; padding-right: 7px; }
.comments { clear: both; }
/***** CONTACT & FORMS =================================================================================================*/
select { font-weight: 700; }
#contactUs form fieldset.teamProper { margin: 3em 0; }
#contactUs form input[type=text], #contactUs form input[type=email], #contactUs form input[type=textarea] { background: #d6d6d6; margin: .3em 0 0; border: 2px solid #555; border-radius: 3px; padding: 13px !important; }
#contactUs form input:focus { background: #d6bac5; }
#contactUs form select option:hover { background: #ac748b; }
#contactUs form select { background-color: #ccc; border: 1px solid #555; border-radius: 3px; }
#contactUs form select:focus { background-color: #d6bac5; }
#contactUs form .contactDirection { float: right; width: 240px; }
label a { font-size: .8em; }
/***** LICENSING ====================================================================================================*/
article.phLicensing h2 span { text-transform: uppercase; }
.white article.phLicensing h2 { border-bottom: none; border-top: 1px solid #555; padding: 0; margin: 1.5em 0 0; line-height: 2; text-transform: none; }
article.phLicensing h3 { line-height: 1; }
article.phLicensing img { border: 1px solid #222; }
/***** HISTORY =======================================================================================================*/
article#phHistory section { padding: 1em; background: #e1e1e1; color: #232323; }
article#phHistory section#page01 { padding: 0; margin: 0 !important; }
article#phHistory section h2 { text-align: center; color: #fff !important; background: #c20808; font-weight: 900; padding: 13px; margin: 0 0 1em; }
article#phHistory section p { font-size: 120%; }
article#phHistory section p.center { text-align: center; }
article#phHistory section p.summerLove { width: 48%; float: right; margin: 2em 0 0; }
article#phHistory section p.viva { width: 30%; float: right; clear: right; margin: 7em 0 5.5em 2%; }
article#phHistory section p.centerQuote { text-align: center; font: italic 700 1.5em/1 Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif !important; width: 80%; margin: 1.5em auto; }
article#phHistory section p.centerQuote.rabbitHunting { padding: 5%; }
article#phHistory section span.coverRight { float: right; width: 35%; }
article#phHistory section img.imgOne { width: 100%; margin: 0 0 1.5em; }
article#phHistory section img.imgLeft { float: left; width: 48%; margin: 0 2% 1.5em 0; }
article#phHistory section img.imgRt { float: right; width: 48%; margin: 0 0 1.5em 2%; }
article#phHistory section img.imgRt.special50 { width: 50%; margin: 0 0 1.5em; }
article#phHistory section img.imgCenter { width: 60%; margin: 0; }
article#phHistory section img.imgHunting { width: 20%; padding: 2em 7% 0; }
article#phHistory section .picOverlap { position: relative; margin: 0 0 1.5em; }
article#phHistory section .picOverlap img.imgTwoThirds { width: 72%; position: relative; }
article#phHistory section .picOverlap img.imgOneThird { width: 40%; position: absolute; bottom: 0; right: 2%; }
article#phHistory section img.imgTwoThirds { width: 60%; float: left; margin: 0 2% 1.5em 0; }
article#phHistory section img.imgOneThird { width: 40%; float: right; margin: 0 0 1.5em 2%; }
article#phHistory ul.historyPagination { list-style: none; margin: 0 13px 2em; padding: 1em; }
article#phHistory ul.historyPagination li { float: left; margin: 0 7px; padding: 2px 7px; }
article#phHistory ul.historyPagination li.current { background: #c20808; color: #fff; }
/***** 2020 POY Promotion =======================================================================================================*/
section#calendarPromo { max-width: 1320px; background: #fccecc; }
#calendarPromo h1 img { width: 100% }
#calendarPromo h2 { font: 700 italic 1.5em/1.1 Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; display:inline; text-transform: revert; }
	#calendarPromo article.reasons h2 span { font-size:1.7em; }
#calendarPromo p { margin-top:2em; padding: 0 1em 0 0; }
#calendarPromo article.reasons { padding: 2em 2em; }
#calendarPromo article.reasons img { width: 60%; float:right; padding: 0 0 1em 2em; margin-top:-1.5em; }
#calendarPromo .keyDivider { clear: both; text-align: center; padding: 2em 0 0; }
#calendarPromo .keyDivider img { width: 10%; max-width: 230px; }
#calendarPromo .buttonRow { clear:both; text-align:center; padding: 2em; }
#calendarPromo .button { text-align:center; width:160px; margin: 0 auto; padding:8px 13px; background:#26e6f0; border-radius:13px; box-shadow: 2px 3px 7px 0 #222; }
#calendarPromo .button a { text-decoration:none; }
#calendarPromo .button a, #calendarPromo .button a:visited { color:#222; }
#calendarPromo .button a:hover { color:#fff; }
@media all and (max-width: 800px) {
	#calendarPromo .keyDivider { padding:0; }
	#calendarPromo article.reasons { padding: 1.5em 1em 1em; }
	#calendarPromo article.reasons img { width:100%; float:none; padding:0; margin-top:1.5em; }
}
/***** MEDIA QUERIES =======================================================================================================*/
@media all and (max-width: 960px) {
header { padding: 23px; }
article#phHistory section img.imgRt { display: none; }
article#phHistory ul.historyPagination { list-style: none; margin: 0 13px 2em; padding: 2em; }
article#phHistory ul.historyPagination li { float: left; font-size: 2em; margin: 0 17px; padding: 12px 17px; font-size: 3em; }
article#phHistory ul.historyPagination li:hover { background: #c20808; color: #fff; }
article#phHistory ul.historyPagination li.current { background: #c20808; color: #fff; }
}
@media all and (max-width: 800px) {
article#phHistory section img.imgTwoThirds { width: 100%; }
}
/* MENUS AND SPECIAL LINKS ========================================================================= */
.navigation-top li.phgold a[href*="members"] { color: #fc0; text-transform: uppercase; }
.navigation-top li.phgold a:hover { color: #f2f218; text-shadow: 1px 1px 1px #8e8e8e; }
.wsm-menu-trigger { background: #222 !important; }
.wsm-spmenu { background: #222 !important; }
.wsm-spmenu-vertical a { border-bottom: 1px solid #8e8e8e !important; }
.wsm-spmenu a:hover { background: #8e8e8e !important; }
/* SPECIAL AREAS =================================================================================== */
.newspaperHeadline h2 { line-height: .1;  text-align: center;  margin: 0 auto 1.5em;  padding: 0; }
/***** NEWSLETTERS */
#primary.newsletter { width: 100% !important; }
.single-newsletter .single-featured-image-header { display: none; }
/***** SIDE NAVIGATION */
.wsm-menu-trigger-top { top: 50px !important; left: 0 }
.wsm-spmenu-left.wsm-spmenu-open { left: 0; top: 50px !important; }
/***** HOME PAGE */
.pt-cv-view .pt-cv-title a { font-weight: 400; color: #fff; font-size: 1.5em; background: #000; }
article.phSites { background: #ca0c18; padding: 2em 0 1em 1.5em; }
ul.sitesList { display: flex; flex-wrap: wrap; list-style: none; }
ul.sitesList li { width: 49%; line-height: 0; padding: 0; margin: 0; }
ul.sitesList li:nth-child(odd) { padding-right: 1%; }
ul.sitesList li:nth-child(even) { padding-left: 1%; }
/***** SUBSCRIPTIONS */
.subscriptions { width: 100%; max-width: 800px; margin: 0 auto; }
.subscriptions .pitch { font: 20px/1.4 Oswald, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #000; padding: 1em; }
.subscriptions h2 { text-align: center; font-size: 22px; font-weight: 700; line-height: 4; letter-spacing: .1em; }
.subscriptions h4 { line-height: 1; font-size: 12px; text-transform: uppercase; padding: 3em 0 0; }
.subscriptions h5 { font-size: 12px; line-height: 4; letter-spacing: .03em; }
.subscriptions h6 { line-height: 1.2; font-weight: 400; font-size: 13px; padding: 3px 0; }
.buyOptions { display: flex; align-content: center; margin: 2em 0 4em; }
.buyOptions img { max-width: 400px; }
@media all and (max-width:799px) {
.buyOptions { flex-direction: column; }
.buyOptions img { margin: 0 auto 2em; }
}
/******* LIGHTBOX */
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status, #slb_viewer_wrap .slb_theme_slb_default .slb_data_title { display: none; }
#slb_viewer_wrap .slb_theme_slb_default .slb_details { line-height: 1.4em; overflow: hidden; position: relative; display: none !important; }
/******* SURVEYS AND POLLS */
h2.voteSelection { color: blue; }
.basic-question-title { font-size: 3.0em !important; font-weight: 700 !important; }
.basic-label-media input { left: 13px; position: absolute; bottom: 13px; -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 40px 0 0 !important; }
.basic-answer .basic-text { background: transparent; padding: 0 !important; font-size: 14px; }
.basic-label:hover { cursor: pointer; }
aside.brandPoll .basic-question-title h5 { line-height: 3; padding-bottom: 2em; }
aside.brandPoll .basic-yop-poll-container a.basic-vote-button { margin-top: 3em; }
aside.brandPoll .basic-yop-poll-container ul.basic-answers { padding: 13px 69px !important; }
.bootstrap-yop { margin-bottom: 2em; }
/******* PARTNER BANNERS */
.a-single { text-align:center; }
.a-single img { width:100%; max-width:728px; margin: 0 auto; }
/* FOOTER ========================================================================================== */
#menu-legal { position: relative; display: flex; justify-content: center; list-style: none; background: #222; }
#menu-legal li { padding: 0 4em; }
#menu-legal li a { color: #fff; }