/* ================================================================================== */
/* == Normalize.css v3.02 =========================================================== */
/* ================================================================================== */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none }


/* ================================================================================== */
/* == GENERAL STYLES ================================================================ */
/* ================================================================================== */

HTML { position: relative; min-height: 100%; }
BODY { background: #EEEEEF; color: #474747; margin: 0; font-family: "SourceSansPro", Arial, sans-serif; font-weight: 400; }
.container { margin: 0 auto; max-width: 830px; padding: 0 30px; }
.container:after { content: ""; display: table; clear: both; } /* clearfix */


h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; color: #333; font-weight: 600; }
h1 { line-height: 1.15; }
p { font-size: 15px; line-height: 1.4em; margin: 0 0 15px 0; }
a { color: #2678bf; }
b, strong { font-weight: 600; }

.left { float: left; }
.right { float: right; }
.button { display: block; height: 42px; line-height: 40px; text-decoration: none; width: 100%; padding: 0; margin: 0 0 15px 0;  background: #2678bf; box-shadow: inset 0px 1px 0px #5da3df, 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1); border: 1px solid #19507f; border-top-color: #1e5d94; border-bottom-color: #15436a; border-radius: 5px; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.45); font-weight: 600; font-size: 18px; text-align: center; cursor: pointer; }
.button:hover {   background: #2065a1; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #2980cc, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1); border-color: #133d61; border-top-color: #184b77; border-bottom-color: #0f304c; }
.button.disabled { background: #ccc; box-shadow: inset 0px 1px 0px #ddd, 0px 1px 3px rgba(0,0,0,0.4); border: 1px solid #aaa; border-top-color: #bbb; border-bottom-color: #999; }

/* For Screen Reader Only */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/*H2 Byline*/
h2 .byline { display: inline; vertical-align: middle; font-size: 15px; font-weight: 400; margin-left: 5px; font-style: italic; }
@media only screen and (max-width: 700px) {
	h2 .byline { display: block; font-size: 16px; margin: 7px 0 0 0; font-style: normal; }
}

/* Checkbox */
.checkbox { position: relative; width: 16px; height: 16px; }
.checkbox > * { position: absolute; }
.checkbox-placeholder { width: 16px; height: 16px; border-radius: 4px; background: #f0f0f0; border: 1px solid #aaa; border-top-color: #999; border-bottom-color: #999; box-shadow: inset 0px -1px 2px rgba(255,255,255,0.8), inset 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px -10px 20px rgba(255, 255, 255, 0.25), inset 0px 10px 20px rgba(0, 0, 0, 0.1); }
.checkbox > input { display: block; width: 16px; height: 16px; left: 50%; top: 50%; transform: translatex(-50%) translatey(-50%); z-index: 1; opacity: 0; cursor: pointer; }
.checkbox > input:checked + .checkbox-placeholder { background: #2678bf url(../../public/pigeon/img/icon-checkbox.svg) no-repeat center 4px; border: 1px solid #19507f; border-top-color: #1e5d94; border-bottom-color: #15436a; box-shadow: inset 0px 1px 1px rgba(93, 163, 223, 0.6), inset 0px -1px 1px rgba(0, 0, 0, 0.1), inset 0px 5px 8px rgba(255, 255, 255, 0.1); }
.checkbox > input:hover + .checkbox-placeholder { border-color: #888; }
.checkbox > input:hover:checked + .checkbox-placeholder { border-color: #2678bf; }

/*Radio*/
.radio { position: relative; width: 19px; height: 19px; }
.radio > * { position: absolute; }
.radio-placeholder { width: 19px; height: 19px; background: #fefefe; border: 1px solid #cecece; border-radius: 50%; box-shadow: inset 0 0px 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 4px rgba(0,0,0,0.075); }
.radio > input { display: block; width: 19px !important; height: 19px !important; left: 50%; top: 50%; transform: translatex(-50%) translatey(-50%); z-index: 1; opacity: 0; cursor: pointer; }
.radio > input:checked + .radio-placeholder,
.radio.radio--fake .radio-placeholder { background: #2678bf url(../../public/pigeon/img/icon-checkbox.svg) no-repeat center 5px; background-size: 9px; border-color: #2678bf; box-shadow: none; }
.radio > input:hover + .radio-placeholder { border-color: #cccccc; }
.radio > input:hover:checked + .radio-placeholder { border-color: #2678bf; }
.radio > input:focus-visible + .radio-placeholder { outline: 3px solid #2678bf !important; outline-offset: 3px !important; }

/* Toggle Switch */
.toggle-switch { position: relative; width: 36px; height: 19px; }
.toggle-switch > * { position: absolute; }
.toggle-switch-placeholder { position: absolute; border-radius: 25px; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; }
.toggle-switch-placeholder:before { position: absolute; content: ""; height: 15px; width: 15px; left: 2px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; }
.toggle-switch > input { z-index: 2; width: 100% !important; height: 100% !important; top: 0; left: 0; right: 0; bottom: 0; padding: 0 !important; border: none; opacity: 0; -webkit-appearance: none; -moz-appearance:none; appearance: none; cursor: pointer; }
.toggle-switch > input:checked + .toggle-switch-placeholder { background-color: #36AF47; }
.toggle-switch > input:checked + .toggle-switch-placeholder:before { -webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px); }

/* Skip to links */
#skip-to a{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
#skip-to a:focus { top: 20px; left: 20px; width: auto; height: auto; padding: 5px 8px; background: #fff; z-index: 9999; }

/* Keyboard Focus Styles */
a:focus-visible,
button:focus-visible,
.button:focus-visible,
iframe:focus-visible,
input:focus-visible,
.checkbox > input:focus-visible + .checkbox-placeholder,
.toggle-switch > input:focus-visible + .toggle-switch-placeholder,
.vo-term-picker li input:focus-visible + label { outline: 3px solid #2678bf !important; outline-offset: 3px !important; }
a:focus-visible { border-radius: 1px; }
.button:focus-visible { border-radius: 5px; }
.vo-term-picker li input:focus-visible + label { position: relative; z-index: 1; }
/* input.error:focus-visible { outline: 3px solid #F10000 !important; } */

/* For Screen Reader Only */
.sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Not Allowed / Read Only / Preview Mode */
.not-allowed { cursor: not-allowed !important; }



/* ================================================================================== */
/* == HEADER ======================================================================== */
/* ================================================================================== */

#header { background: #fff; color: #474747; box-shadow: 0px 2px 4px rgba(0,0,0,0.15); position: relative; }
#header .container { max-width: 100%; }
#header h1,
#header #account-header { height: 80px; line-height: 80px; }
#header H1 { float: left; font-size: 30px; font-weight: 700; height: auto; margin: 0; }
#header H1 a { color: #333; text-decoration: none; }
#header .phone { }
#header #account-header { float: right; font-size: 15px; }
#header #account-header li { display: inline-block; position: relative; }
#header #account-header li:before { content: ""; width: 1px; height: 17px; background: #999; position: absolute; top: 50%; left: -1px; margin-top: -9px; }
#header #account-header a { color: #474747; text-decoration: none; padding: 5px 10px; }
#header #account-header li:first-child:before { display: none; }
#header #account-header #group-ip-access { padding: 0 10px; }

@media only screen and (min-width: 520px) {
	#header #account-header li:last-child a { padding-right: 0; }
}

#header #shopping-cart { font-size: 15px; position: relative; position: relative; display: inline-block; }
#header #shopping-cart > .cart { display: block; background: none; border: none; position: relative; cursor: pointer; }
#header #shopping-cart > .cart .checkout { background: url(../../public/pigeon/img/icon-cart.svg) no-repeat 10px center; background-size: 16px; padding-left: 31px; }
#header #shopping-cart > .cart .quantity {
	background: #7BC43C;
	color: #FFF;
	padding: 0 4px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 20px;
	height: 14px;
	text-align: center;
	line-height: 15px;
	padding: 0;
	width: 14px;
	font-size: 10px;
	font-weight: 700;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.15);
	border-radius: 15px;
	pointer-events: none;
}
#header #shopping-cart > .cart .checkout-text {
	float: left;
	width: 20px;
	line-height: 20px;
	margin-right: 5px;
}

/*Cart Popup */
#header #shopping-cart #cart-popup {
	background: #fff;
	border-radius: 10px;
	position: absolute;
	left: -178px;
	top: 42px;
	width: 250px;
	padding: 20px;
	z-index: 100000;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.15), 0px 1px 5px rgba(0,0,0,0.15);
	text-align: center;
	color: #474747;
	line-height: normal;
}
#header #shopping-cart #cart-popup:before {
	content: "";
	position: absolute;
	top: -12px;
	right: 33px;
	width: 0; 
		height: 0; 
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;	
		border-bottom: 12px solid #fff;
}
#header #shopping-cart #cart-popup h2 { font-size: 22px; font-weight: bold; }
#header #shopping-cart #cart-popup P {
	text-transform: none;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: normal;
}
#header #shopping-cart #cart-popup P:first-of-type {  }
#header #shopping-cart #cart-popup .shipping-total-not-free,
#header #shopping-cart #cart-popup .shipping-total-free { 
	display: block; background: none; border: none; text-shadow: none; color: #912a27; font-size: 15px; margin: 0; padding: 0; font-weight: bold; margin-bottom: 1em; font-style: italic;
}
#header #shopping-cart #cart-popup .shipping-total-not-free a,
#header #shopping-cart #cart-popup .shipping-total-free a {
	background: none; border: none; text-shadow: none; color: #912a27; font-size: 15px !important; margin: 0 !important; padding: 0 !important; display: block; float: none; font-weight: bold; height: auto; line-height: 1.1;
}
#header #shopping-cart #cart-popup .cart-total,
#header #shopping-cart #cart-popup .quantity {
	text-decoration: underline;
	font-style: normal;
}
#header #shopping-cart #cart-popup .cart { position: static; display: block; }
#header #shopping-cart #cart-popup .continue {
	display: block; float: none; clear: both; width: 100%; background: none; border: none; text-shadow: none; color: #7BC43C; font-size: 12px; margin: 0; padding: 15px 0 0 0 !important; font-weight: 700;
}
#header #shopping-cart #cart-popup .close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: none !important;
}
#header #shopping-cart #cart-popup .button.checkout,
#header #shopping-cart #cart-popup .button.view-cart {
	font-size: 12px;
	line-height: 34px !important;
	height: auto !important;
	padding: 0;
	cursor: pointer;
	color: #fff;
	margin: 0;
	width: 100px;
	float: left;
}
#header #shopping-cart #cart-popup .button.view-cart { margin: 0 10px 0 0 !important; }


/*Header Responsive Styles*/
@media only screen and (max-width: 520px) {
	#header { padding: 17px 0; }
	#header h1, #header #account-header { float: none; display: block; text-align: center; height: auto; line-height: normal; }
	#header #account-header { margin-top: 5px; }
}


/* Theme Options */
#header.light { color: #474747; }
#header.light H1 a { color: #333; }
#header.light #account-header a { color: #474747; }
#header.light #account-header li:before { background: #999; }
#header.light #shopping-cart > .cart a.checkout { background: url(../../public/pigeon/img/icon-cart.svg) no-repeat 10px center; background-size: 16px; padding-left: 31px; }

#header.dark { color: #fff; color: rgba(255,255,255,0.9); }
#header.dark H1 a { color: #fff; }
#header.dark #account-header a { color: #fff; color: rgba(255,255,255,0.9); }
#header.dark #account-header li:before { background: #fff; background: rgba(255,255,255,0.3); }
#header.dark #shopping-cart > .cart a.checkout { background: url(../../public/pigeon/img/icon-cart-white.svg) no-repeat 10px center; background-size: 16px; padding-left: 31px; }



/* ================================================================================== */
/* == CONTENT ======================================================================= */
/* ================================================================================== */

#content { /*This is purely a wrapper to serve as a JS hook.*/ }

.main-content { background: #fff; max-width: 740px; margin: 60px auto; position: relative; border-radius: 5px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); transition: width 0.5s linear, padding 0.5s linear, margin 0.5s linear; padding-top: 0.1px; /* This is to prevent collapsing margin on some elements */ }
.main-content:after { content: ""; display: table; clear: both; } /* clearfix */
.main-content.landing-image:empty { display: none; }

.main-content .block { border-bottom: 1px solid #d3d7de; padding: 60px 70px; transition: width 0.3s linear, padding 0.3s linear, margin 0.3s linear; }
.main-content .block:after { content: ""; display: table; clear: both; }
/*.main-content .block:last-of-type { background: rgba(100,100,200,0.1); }*/
.main-content .block p:last-child { margin-bottom: 0; }

.main-content .block.block-no-border { border: none; }
.main-content .block.block-no-side-pad { padding-right: 0; padding-left: 0; }
.main-content .block.block-no-top-pad { padding-top: 0; }
.main-content .block.block-no-bottom-pad { padding-bottom: 0; }

.main-content .block.slider { background: #f8f8f8; box-shadow: inset 0px 2px 10px rgba(0,0,0,0.07); }

.main-content .block .slider { background: #f8f8f8; padding: 60px 70px; margin: 70px -70px 10px -70px; box-shadow: inset 0px 2px 10px rgba(0,0,0,0.07); }
.main-content .block .slider .voForm { margin: 0; }
.main-content .block .slider .error-message { /*  margin-top: -60px; */ } 

@media only screen and (max-width: 780px) {
	.main-content { max-width: calc(100% - 60px); margin: 40px auto; }
	.main-content .block { padding: 60px 50px; }
	.main-content .block .slider { margin: 70px -50px 10px -50px; padding: 50px 60px; }
}
@media only screen and (max-width: 580px) {
	.main-content { max-width: calc(100% - 40px); margin: 30px auto; }
	.main-content .block { padding: 45px 30px; }
	.main-content .block .slider { margin: 70px -30px 10px -30px; padding: 30px 40px; }
}
@media only screen and (max-width: 480px) {
	body:not(#cms_static_home) { background: #fff; }
	body:not(#cms_static_home) .main-content { max-width: none; padding: 0; margin: 0; box-shadow: none; border-radius: 0; }
}

/* When in modal form */
.modal .main-content { box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 10px, rgba(0, 0, 0, 0.3) 0px 8px 30px, rgba(0, 0, 0, 0.3) 0px 8px 60px; }

/* Modal split with image */
.modal .main-content.split-modal { overflow: hidden; }
.modal .main-content.split-modal .split-image { background: #aaa; aspect-ratio: 3/1.25; }
.modal .main-content.split-modal .split-image.split-image--desktop { display: none; }
.modal .main-content.split-modal .block { }

@media only screen and (min-width: 660px) {
	.modal .main-content.split-modal { display: flex; }
	.modal .main-content.split-modal .split-image { background: #aaa; width: 50%; }
	.modal .main-content.split-modal .split-image.split-image--desktop { display: block; }
	.modal .main-content.split-modal .split-image.split-image--mobile { display: none; }
	.modal .main-content.split-modal .block { width: 50%; padding: 40px; text-align: center; }
}


/*Page Title*/
.page-title { border-bottom: 1px solid #d3d7de; padding: 50px 70px 45px 70px; transition: width 0.3s linear, padding 0.3s linear, margin 0.3s linear; }
.page-title:after { content: ""; display: table; clear: both; } /* clearfix */
.page-title h1 { float: left; font-weight: 300; font-size: 32px; line-height: 40px; margin: 0; }
.page-title .back-to-site,
.page-title .back-to-dash { float: right; display: inline-block; margin: 12px 0 0 0; position: relative; padding-right: 16px; font-size: 15px; }
.page-title .back-to-site:after,
.page-title .back-to-dash:after { content: ""; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid; position: absolute; top: 50%; margin-top: -5px; right: 0; }


@media only screen and (max-width: 780px) {
	.page-title { padding: 40px 50px 38px 50px; }
}
@media only screen and (max-width: 580px) {
	.page-title { padding: 40px 30px 38px 30px; }
	.page-title h1 { font-size: 28px; line-height: normal; }
	.page-title .back-to-site,
	.page-title .back-to-dash { margin-top: 10px; }
}
@media only screen and (max-width: 480px) {
	.page-title h1 { float: none; }
	.page-title .back-to-site,
	.page-title .back-to-dash { float: none; clear: both; display: none; }
}
@media only screen and (max-width: 400px) {
	.page-title { padding: 30px 30px 28px 30px; }
}


/* Section Title */
.section-title { padding: 60px 70px 0; transition: padding 0.3s linear; margin-bottom: -60px; }
.section-title h1 { margin: 0 0 20px 0; font-size: 31px; }
.block .section-title { padding: 0 !important; margin: 0 !important; }

@media only screen and (max-width: 780px) {
	.section-title { padding: 60px 50px 0 50px; }
}
@media only screen and (max-width: 580px) {
	.section-title { padding: 45px 30px 0 30px; margin-bottom: -45px; }
}


/*Instructions go INSIDE a div.block. Descriptions are on their own, OUTSIDE a div.block.*/
/*Description*/
.description { padding: 60px 70px 0; transition: padding 0.3s linear; font-size: 15px; margin-bottom: -5px }
.description p { font-size: 15px; }
.description p:last-child {  margin-bottom: 0; }
.description p:empty { display: none; }
.description ul { padding-left: 20px !important; }
.description ul li { list-style: disc; margin-bottom: 0.5em; }
.description ul li:last-child { margin-bottom: 0; }

@media only screen and (max-width: 780px) {
	.description { padding: 60px 50px 0 50px; }
}
@media only screen and (max-width: 580px) {
	.description { padding: 45px 30px 0 30px; }
}

/*Instructions go INSIDE a div.block. Descriptions are on their own, OUTSIDE a div.block.*/
/*Instructions*/
.instructions { margin-bottom: 54px; transition: padding 0.3s linear; }


.activate-items {  }


/*Button Footer*/
.button-footer { clear: both; overflow: hidden; border: 1px solid #e5e5e5; padding: 15px; border-radius: 5px; font-size: 14px; }
.button-footer .voForm { margin: 0 !important; float: left; }
.button-footer .voForm a { margin: 0; }
.button-footer a { margin-left: 15px; }



/* ================================================================================== */
/* == LANDING PAGE ================================================================== */
/* ================================================================================== */

.homepage .main-content { }

/*Option Heading - section headers*/
.option-heading { overflow: hidden; background: #1d1f21; padding: 15px 30px; border-radius: 5px 5px 0 0; position: relative; }
.option-heading h2 { font-size: 30px; margin: 0 15px 0px 0; color: #fff; float: left; }
.option-heading p { float: left; font-style: italic; margin: 0; margin-top: 12px; }
.option-heading p,
.option-heading p a { color: rgba(255,255,255,0.68); }
.login-close { height: 32px; width: 30px; text-indent: -9999px; background: url(../../public/pigeon/img/icon-close.png) no-repeat center; background-size: 28px; position: absolute; top: 15px; right: 20px; border: none; cursor: pointer; display: none; }
	.modal .login-close { display: block; } /*Login close button only shows in modal form.*/

/* Theme Options */
.option-heading.light { color: #474747; color: rgba(0,0,0,0.55); }
.option-heading.light h2 { color: #333; }
.option-heading.light p,
.option-heading.light p a { color: #474747; color: rgba(0,0,0,0.55); }

.option-heading.dark { color: #999; color: rgba(255,255,255,0.65); }
.option-heading.dark h2 { color: #fff; }
.option-heading.dark p,
.option-heading.dark p a { color: #999; color: rgba(255,255,255,0.68); }


/*Login*/
#login { }
#login .login-block { padding: 30px 30px 20px 30px; position: relative; }
#login .message { color: #d53353; margin: 0 0 10px; }
#login .message:empty { display: none; }
#login FORM {  }
#login FORM INPUT.input { float: left; width: 38%; height: 42px; font-size: 16px; padding: 0 0 0 10px; margin: 0 0 15px 0; border: 1px solid #ccc; border-radius: 5px; color: #474747; font-weight: 300; }
#login FORM INPUT.input.error { border-color: #F10000; box-shadow: 0 0 4px #F10000; }
#login FORM INPUT.button { width: 20%; float: left;}
#login FORM INPUT#email {  }
#login A.forgot { display: table; clear: both; font-size: 12px; color: #aaa; }
#login .waiting-for-results { background: #fff url(../../public/pigeon/img/spinner-big.gif) no-repeat center center; position: absolute; left: 5px; top: 5px; width: calc(100% - 10px); height: calc(100% - 10px); padding: 0; z-index: 3; }
#login .error-message { padding: 10px; margin: 0 0 20px 0; border-radius: 5px; }
#login .error-message a { color: #fff !important; }

#login FORM .password-field { float: left; width: 38%; margin: 0 2% 15px 2%; position: relative; }
#login FORM .password-field INPUT { float: none; width: 100%; height: 42px; margin: 0; padding-right: 42px; }
#login FORM .password-toggle { position: absolute; top: 0; right: 0; width: 42px; height: 42px; padding: 0; border: 0;
	background: transparent url(../../public/pigeon/img/icon-visibility.svg) no-repeat center; background-size: 20px;
	opacity: 0.6; border-radius: 5px; cursor: pointer; transition: .3s;
	-webkit-appearance: none; appearance: none; }
#login FORM .password-toggle.is-revealed { background-image: url(../../public/pigeon/img/icon-visibility-off.svg); }
#login FORM .password-toggle:hover { opacity: 1; }
#login FORM .password-field INPUT::-ms-reveal { display: none; } /* Edge/IE add their own reveal control — hide it to avoid two buttons */

.login-block .register-facebook, .login-block .alt-signin { padding: 30px 0 0 0; margin: 0 0 -5px 0; clear: both; }
.login-block .register-facebook:before, .login-block .alt-signin:before { width: 100%; top: 7px; bottom: auto; }
.login-block .register-facebook:after, .login-block .alt-signin:after { bottom: auto; top: -3px; }

/*Modal Login Banner Prompt*/
.login-banner-prompt { background: #f7f7f7 !important; }

/*Signup*/
.subscription-options {  }
.subscription-options .option-heading { margin-bottom: 0; }
.subscription-options .signup { padding: 30px; border-bottom: 1px solid #D3D7DE; overflow: hidden; position: relative; }
.subscription-options .signup:last-child { border: none; }
.subscription-options .signup:hover { backgr//ound: #F7F9FB; }
.subscription-options .signup .info { float: left; width: 75%; }
.subscription-options .signup .info ul { margin: 10px 0 0 0; padding-left: 20px; }
.subscription-options .signup .info ul li { margin-bottom: 2px; color: #585858; list-style: disc; }
.subscription-options .signup h3 { font-size: 24px; margin-bottom: 2px; max-width: 525px; line-height: 1.25; }
.subscription-options .signup .term { display: block; font-size: 15px; margin-top: 2px; margin-bottom: 13px; color: #898989; line-height: 1.3; }
.subscription-options .signup P { font-size: 17px; margin: 0; color: #2678bf; max-width: 525px; }
.subscription-options .signup a.button { margin: 0; float: right; width: 20%; text-align: center; color: #fff; }

.subscription-options .signup .zip-check { float: right; width:20%; }
.subscription-options .signup .zip-check h3 { text-align: center; margin: 0; line-height: 1.1; }
.subscription-options .signup .zip-check p { font-size: 13px; text-align: center; color: #898989; }
.subscription-options .signup .zip-check a.button { float: none; width: 100%; color: #fff; margin-top: 13px; }
.subscription-options .signup .zip-check .item-options { padding-top: 10px; border-top: 1px dotted #dcdcdc; }
.subscription-options .signup .zip-check .item-options:first-of-type { border: none; padding: 0; }
.subscription-options .signup .zip-check .item-options input { float: left; height: 36px; }
.subscription-options .signup .zip-check .zip { border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; font-size: 18px; height: 42px; padding: 0 10px;  width: 100%; border-radius: 3px; color: #474747; /*#888e94*/ font-weight: 300; margin: 10px 0; }
.subscription-options .signup .zip-check .no-item-matches { margin-bottom: 10px; font-size: 14px; color: #f57946; }

.subscription-options .signup .promo-banner--wrapper { clear: both; padding-top: 25px; }
.subscription-options .signup .promo-banner { display: block; background: #fcf8e3; padding: 25px; border-radius: 5px; text-align: center; color: #c09853; font-weight: 600; text-decoration: none; }
.subscription-options .signup .promo-banner:hover { text-decoration: underline; }

.subscription-options .signup--message { padding: 15px 30px; border-bottom: 1px solid #D3D7DE; overflow: hidden; }
.subscription-options .signup--message h1,
.subscription-options .signup--message h2,
.subscription-options .signup--message h3,
.subscription-options .signup--message h4 { margin: 15px 0; }
.subscription-options .signup--message p { color: inherit; font-size: 16px; max-width: none; margin: 15px 0; }
.subscription-options .signup--message ul,
.subscription-options .signup--message ol { padding-left: 20px; margin: 15px 0; }
.subscription-options .signup--message ul li { margin-bottom: 2px; list-style: disc; }
.subscription-options .signup--message ol li { margin-bottom: 2px; list-style: decimal; }

/* This is seen when previewing the landing page from the Landing Page Editor */
.homepage .plans-container .signup .preview-note {box-sizing: border-box; position: absolute; top: 5px; left: 5px; background: #F6F9FA; border: 1px solid #E6EAEE; font-size: 13px; line-height: 26px; width: 28px; height: 28px; white-space: nowrap; overflow: hidden; border-radius: 5px; transition: width 0.35s; }
.homepage .plans-container .signup .preview-note:hover { width: calc(100% - 10px); }
.homepage .plans-container .signup .preview-note:before { content: ""; float: left; width: 26px; height: 26px; background: url(../../admin/VO4/img/icon-info.svg) no-repeat center; background-size: 22px; }


/* Amplio Specific */
.subscription-options .signup--amplio { background: #fff; }
.subscription-options .signup--amplio .info { margin-bottom: 15px; }
.subscription-options .signup--amplio .amplio-offers { list-style: none; clear: both; }
.subscription-options .signup--amplio .amplio-offers .amplio-offer { float: left; width: 240px; height: 320px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 7px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; margin: 0 20px 20px 0; }
.subscription-options .signup--amplio .amplio-offers .amplio-offer:nth-child(3) { margin-right: 0; }
.subscription-options .signup--amplio .amplio-offers .amplio-all-offers { clear: both; padding-top: 10px; }
.subscription-options .signup--amplio .amplio-offers .amplio-all-offers a { display: block; text-align: center; margin-top: -10px; }

@media only screen and (max-width: 640px) {
	.subscription-options .signup--amplio .amplio-offers { margin: 0 auto; width: 240px; }
	.subscription-options .signup--amplio .amplio-offers .amplio-offer { float: none; margin: 0 0 20px 0; }
}
@media only screen and (min-width: 640px) and (max-width: 860px) {
	.subscription-options .signup--amplio .amplio-offers .amplio-all-offers { clear: none; float: left; width: 240px; height: 320px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 7px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; margin: 0 0 20px 20px; line-height: 320px; }
}
/* End Amplio Specific */

.subscription-options { color: #585858; }
.subscription-options .subscription-options { overflow: hidden; padding-bottom: 15px; }
.subscription-options .subscription-plan { overflow: hidden; color: #474747; margin-bottom: 8px; }

.pick-your-price { position: relative; padding-top: 10px; }
.pick-your-price .input-symbol span { position: absolute; top: 21px; left: 2px; color: #474747; font-weight: 300; }
.pick-your-price .text { float: left; display: none; }
.pick-your-price input { }
.pick-your-price .minimum-price { display: block; font-style: italic; font-size: 13px; color: #888; margin-top: 5px; }

.global-access-message { padding: 30px; border-bottom: 1px solid #D3D7DE; overflow: hidden; }
.global-access-message p:last-child { margin-bottom: 0; }

.modal-private-mode { padding: 30px 30px 30px 135px; background: #fff url(../../public/pigeon/img/incognito-icon2.png) no-repeat 30px center; background-size: 80px; }
.modal-private-mode h2 { line-height: 28px; }
.modal-private-mode p:last-child { margin-bottom: 0; }

@media only screen and (max-width: 480px) {
	.modal-private-mode { padding: 115px 20px 20px 20px; background: #fff url(../../public/pigeon/img/incognito-icon2.png) no-repeat center 20px; background-size: 80px; }
}

/* Alternative sign-in methods — Facebook, device sign-in (Face ID / Touch ID), and whatever
   comes next. The rule and its "OR" label belong to the CONTAINER, not to any one button, so a
   container can hold several buttons and still draw a single divider. .register-facebook is kept
   as a container class in its own right so existing templates keep working untouched. */
.register-facebook, .alt-signin { position: relative; padding-bottom: 30px; padding: 60px 70px 30px; margin-bottom: -45px; }
.register-facebook:before, .alt-signin:before { content: ""; background: #d3d7de; width: calc(100% - 140px); height: 1px; position: absolute; bottom: 11px; }
.register-facebook:after, .alt-signin:after { content: "OR"; background: #fff; z-index: 1; position: absolute; bottom: 0px; left: 50%; margin-left: -20px; width: 40px; text-align: center; font-style: italic; color: #777; }
/* Buttons stacked inside one container need their own spacing; the divider is drawn once, above. */
.alt-signin .button + .button, .register-facebook .button + .button { margin-top: 10px; }
/* Two adjacent alternative blocks would each draw an "OR". The device sign-in block is rendered
   into its own container immediately before .register-facebook — deliberately NOT inside it, so
   its visibility never depends on whether Facebook's SDK loaded (it does not, in any browser
   blocking trackers, which stranded the button in a display:none parent). Only the first block
   keeps the divider; the second drops it and the padding that made room for it. Scoped to the
   adjacent pair, so a lone .register-facebook is untouched. */
.alt-signin + .register-facebook:before, .alt-signin + .register-facebook:after { content: none; }
.alt-signin + .register-facebook { padding-top: 0; margin-top: 10px; }
#facebook-login {
  background: #4267B2;
  box-shadow: inset 0px 1px 0px #7c97cf, 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border: 1px solid #2d477a;
  border-top-color: #34518d;
  border-bottom-color: #263c68;
}
#facebook-login:hover {
  background: #385898;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #486ebb, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border-color: #243860;
  border-top-color: #2b4273;
  border-bottom-color: #1d2d4e;
}
#facebook-login:before { content: ""; width: 22px; height: 100%; vertical-align: -14px; display: inline-block; margin-right: 10px; background: url(../../public/pigeon/img/icon-facebook.svg) no-repeat center; background-size: 100% auto; }

@media only screen and (max-width: 780px) {
	.register-facebook, .alt-signin { padding: 60px 50px 30px; }
	.register-facebook:before, .alt-signin:before { width: calc(100% - 100px); }
}
@media only screen and (max-width: 580px) {
	.register-facebook, .alt-signin { padding: 45px 30px 30px; margin-bottom: -30px; }
	.register-facebook:before, .alt-signin:before { width: calc(100% - 60px); }
}


/* Don't have an account? Sign up */
.no-account-register {  position: relative; padding: 20px; margin: 20px -30px -20px; background: #f7f7f7; border-top: 1px solid #E9EBEF; border-radius: 0 0 5px 5px; }
.no-account-register p { text-align: center; margin: 0; color: #898989; }
.no-account-register a { text-decoration: none; font-weight: 600; }

@media only screen and (max-width: 580px) {
	.no-account-register { margin: 20px -20px -20px;}
}


/*Dashboard*/
ul.links { padding-left: 17px; }
ul.links li { margin-bottom: 7px; list-style: disc; }

ul.text-list { padding-left: 17px; }
ul.text-list li { margin-bottom: 7px; list-style: disc; }
ul.text-list li ul { margin: 7px 0 8px 20px; }


a.back { display: block; margin-top: 35px; text-decoration: none; }


/*Landing Page Responsive Styles*/
@media only screen and (max-width: 580px) {
	.subscription-options .signup a.button { width: 30%; }
	.option-heading { padding: 15px 18px; }
}
@media only screen and (max-width: 480px) {
	#login .login-block { padding: 21px 20px 19px 20px; }
	.homepage .main-content { margin: 20px; }
	.option-heading h2 { float: none; font-size: 24px; }
	.option-heading p { float: none; margin: 5px 0 0 0; line-height: 16px; }
	.login-close { background-size: 22px; height: 22px; width: 24px; right: 15px; }
	#login FORM INPUT.input { font-size: 16px; } /*So iOS won't zoom in*/
	#login FORM INPUT.input,
	#login FORM INPUT.button,
	#login FORM .password-field { float: none; width: 100%; }
	#login FORM .password-field { margin: 0 0 15px 0;  }
	.subscription-options .signup { padding: 20px; }
	.subscription-options .signup h3 { font-size: 22px; }
	.subscription-options .signup .info { float: none; margin-bottom: 15px; width: 100%; }
	.subscription-options .signup .zip-check { float: none; width: 100%; }
	.subscription-options .signup a.button { float: none; width: 100%; }
	.global-access-message { padding: 20px; }
}


/*Login Limit Popup*/
.ui-widget-overlay {background:rgba(0,0,0,0.62); position: fixed; top: 0; left: 0; width: 100vw; height: 100dvh; }
.ui-dialog { background: #fff; padding: 50px; font-size: 15px; line-height: 1.4em;  color: #474747; box-shadow: 0px 5px 20px rgba(0,0,0,0.25); border-radius: 8px; z-index: 9; }
.ui-dialog .archive-years {font-size: 14px;}
.ui-dialog .ui-dialog-titlebar {border-bottom: 1px solid #d3d7de; margin: -50px -50px 50px -50px; padding: 50px 50px 38px 50px; font-weight: 300; font-size: 32px; line-height: 40px; }
.ui-dialog .ui-dialog-content { height: auto !important; }
.ui-dialog .ui-dialog-buttonset { margin-top: 25px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar-close { height: 40px; width: 40px; text-indent: -9999px; background: url(../../public/pigeon/img/icon-close.png) no-repeat center; background-size: 40px; position: absolute; top: 46px; right: 50px; border: none; }
.ui-dialog .ui-dialog-titlebar-close:hover { background-size: 38px; }

.ui-dialog .ui-dialog-buttonset button { float: left; background: #2678bf url(../../public/pigeon/img/button-bg2.png) top; height: 42px; line-height: 40px; text-decoration: none; width: calc(50% - 10px); padding: 0; margin: 0 20px 15px 0; box-shadow: inset 0px 2px 0px #93acdf, 0px 1px 3px rgba(0,0,0,0.4); border: 1px solid #556ea1; border-top-color: #2678bf; border-bottom-color: #354e81; border-radius: 5px;  font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.45); font-weight: 600; font-size: 18px; cursor: pointer; }
.ui-dialog .ui-dialog-buttonset button:last-child { margin-right: 0; }
.ui-dialog .ui-dialog-buttonset button:hover { background-position: bottom; box-shadow: inset 0px -2px 0px #93acdf; }

@media only screen and (min-width: 500px) {
	.ui-dialog { min-width: 400px; }
}
@media only screen and (min-width: 700px) {
	.ui-dialog { min-width: 600px; }
}
@media only screen and (max-width: 640px) {
	.ui-dialog { width: 90% !important; max-height: 90vh !important; overflow: auto; position: fixed !important; }
}
@media only screen and (max-width: 580px) {
	.ui-dialog { padding: 30px; }
	.ui-dialog .ui-dialog-titlebar { padding: 30px; margin: -30px -30px 30px -30px; }
	.ui-dialog .ui-dialog-titlebar-close { top: 30px; right: 30px; }
}

.archive .ui-dialog{
	min-width:inherit;
	max-width:inherit;
	z-index:1000;
}

#dialog-editor .error-message { padding:10px; }

/* Close button that is not contained within the .page-title */
.close-iframe-button { height: 40px; width: 40px; text-indent: -9999px; background: url(../../public/pigeon/img/icon-close.png) no-repeat center; background-size: 40px; position: absolute; top: 46px; right: 50px; border: none; cursor: pointer; }
.close-iframe-button :hover { background-size: 38px; }
@media only screen and (max-width: 780px) {
	.close-iframe-button { top: 35px; right: 30px; }
}
@media only screen and (max-width: 400px) {
	.close-iframe-button { top: 30px; right: 25px; height: 34px; width: 34px; background-size: 100%;}
}


/* ================================================================================== */
/* == USER ACCOUNT AREA ============================================================= */
/* ================================================================================== */

h3 + table { margin-top: 50px; }

TABLE { width: 100%; text-align: left; margin: 15px 0; font-size: 14px; text-shadow: 0 1px 1px rgba(255,255,255,0.1); border-top: 1px solid #E9EBEF; }
TABLE THEAD { text-transform: uppercase; }
TABLE THEAD TH { padding: 14px 0 12px 0; }
TABLE TR { border-bottom: 1px solid #E9EBEF; }
TABLE TD, TABLE TH { padding: 18px 15px 16px 0; border: none; font-weight: normal; }
TABLE TD:last-child, TABLE TH:last-child { padding-right: 0; }
TABLE TH { font-weight: 700; }
TABLE TD .detail { display: block; color: #888; font-size: 0.93em; }

@media only screen and (max-width: 580px) {
	TABLE { font-size: 12px; }
	TABLE THEAD TH { padding: 8px 0 6px 0; font-size: 11px; }
	TABLE TD, TABLE TH { padding: 10px 8px 8px 0; }
}




/* Delivery Address */
.delivery_address { margin: 40px 0; }
.delivery_address h2 { margin: 0; }
.delivery_address p { font-style: italic; font-size: 1rem; }
.delivery_address div { margin-bottom: 1px; }
.delivery_address .vo-edit-address { display: block; margin-top: 15px; font-size: 15px; }

/* Edit Delivery Address */
.vo-delivery-address-edit { margin: 40px 0; }
.vo-delivery-address-edit .voForm { margin: 0 !important; }
.vo-delivery-address-edit .button { float: left; width: calc(50% - 10px); margin-bottom: 40px;  }
.vo-delivery-address-edit .button.vo-cancel-edit { margin-right: 20px; backgr/ound: #f8f8f8; }



.user ul.account-details { margin-bottom: 35px; }



/* Individual or Bundle Switcher */
.vo-plan-bundle-switcher { overflow: hidden; margin: 0 auto 45px auto; max-wi//dth: 400px; }
.vo-plan-bundle-switcher li { float: left; width: 50%; text-align: center; font-size: 18px; font-weight: 600; height: 48px; line-height: 48px; padding: 0 10px; transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out; cursor: pointer; background: #f0f0f0; border: 1px solid #aaa; border-top-color: #999; border-bottom-color: #999; box-shadow: inset 0px -1px 2px rgba(255,255,255,0.8), inset 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px -10px 20px rgba(255, 255, 255, 0.25), inset 0px 10px 20px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.4); }
.vo-plan-bundle-switcher li:first-child { border-radius: 3px 0 0 3px; }
.vo-plan-bundle-switcher li:last-child { border-radius: 0 3px 3px 0; border-left: none; }
.vo-plan-bundle-switcher li.open { color: #fff; background: #2678bf; border: 1px solid #19507f; border-top-color: #1e5d94; border-bottom-color: #15436a; box-shadow: inset 0px 1px 0px #5da3df, 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1); }

@media only screen and (max-width: 580px) {
	.vo-plan-bundle-switcher { margin: 10px auto 35px; }
}


/* Extend Subscription */
.choose-renewals { padding: 25px 40px; border: 1px solid #E9EBEE; border-radius: 5px; box-shadow: 0px 2px 12px rgba(0,0,0,0.025); background: #fefefe; }
.choose-renewals ul.vo-extend-options { margin: 10px -8px 0 -8px !important;  color: #585858; }
.choose-renewals ul.vo-extend-options li { margin-bottom: 15px; line-height: 20px; list-style: none; padding: 6px 7px; border-radius: 4px; }
.choose-renewals ul.vo-extend-options li:last-child { margin-bottom: 0; }
.choose-renewals ul.vo-extend-options li .title { margin: 1px 0 0 0; font-size: 15px; font-weight: 600; }
.choose-renewals ul.vo-extend-options li .option-details { float: left; }
.choose-renewals ul.vo-extend-options li .term-detail { display: block; margin-top: 5px; }
.choose-renewals ul.vo-extend-options li:not(:only-child).selected { background: #2678bf; color: rgba(255,255,255,0.85); }
.choose-renewals ul.vo-extend-options li:not(:only-child).selected .title { color: #fff; }




/*Account enabled/disabled indicator*/
p.subscription-enabled { background: url(../../public/pigeon/img/icon-sub-enabled.svg) no-repeat left top; background-size: 28px; min-height: 28px; padding: 5px 0 0 37px; }
p.subscription-disabled { background: url(../../public/pigeon/img/icon-sub-disabled.svg) no-repeat left top; background-size: 28px; min-height: 28px; padding: 5px 0 0 37px; }
p.subscription-temporary { background: url(../../public/pigeon/img/icon-sub-temporary.svg) no-repeat left top; background-size: 28px; min-height: 28px; padding: 5px 0 0 37px; }
p.credits-left { background: url(../../public/pigeon/img/icon-credits.svg) no-repeat left top; background-size: 28px; min-height: 28px; padding: 5px 0 0 37px; }

/*Change User Address, Password, .etc Pages*/
.user .voForm > ul > li { margin-bottom: 15px; }
.user.change-payment-method ul#account-details { margin-bottom: 50px; }

/* Addresses ===== */
/* /user/addresses */
.address-list { }
.address-list .item-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.address-list .item-list > li { flex: 0 48%; margin-bottom: 4%; padding: 20px 20px 40px 20px; border: 1px solid #E9EBEE; border-radius: 5px; box-shadow: 0px 2px 12px rgba(0,0,0,0.025); background: #fefefe; position: relative; font-size: 14px; }
.address-list .item-list > li .toolbar { display: block !important; position: absolute; left: 0; bottom: 0; font-size: 13px; width: 100%; padding: 10px 20px; }
.address-list .item-list > li .toolbar span { float: left; margin-right: 10px; padding-left: 10px; position: relative; color: #888; color: #2678bf; cursor: pointer; }
.address-list .item-list > li .toolbar span:before { content:""; position: absolute; left: 0px; top: 4px; width: 1px; height: 10px; background: #e3e3e3;}
.address-list .item-list > li .toolbar span:first-child { padding-left: 0; }
.address-list .item-list > li .toolbar span:first-child:before { display: none; }
.address-list .item-list > li .vo-default-address { border-bot//tom: 1px solid #E9EBEE; padding: 7px 20px; margin: -20px -20px 20px -20px; background: #f7f7f7; color: #2678bf; font-weight: 600; font-size: 14px; background: #2678bf; color: #fff; border-radius: 5px 5px 0 0; }
.address-list .item-list > li .address { position: relative; }
.address-list .item-list > li.validated .address:after { content: "Verified"; position: absolute; top: 0px; right: 0; background: #7BC43C url(../../public/pigeon/img/icon-check-white.svg) no-repeat 3px center; background-size: 11px; color: #fff; padding: 1px 5px 1px 16px; font-size: 11px; line-height: 1.5; border-radius: 3px; vertical-align: 1px; margin-left: 10px; }
.address-list .item-list > li.validated .address.default:after { top: 6px; }
.address-list .item-list > li .address div { line-height: 1.3; }
.address-list .item-list > li .address div[data-field-name="alias"] { font-weight: 600; }
.address-list .item-list > li .vo-address-used-by { margin-top: 20px; font-style: italic; color: #888; }
.address-list .item-list > li input.error { border-color: #F10000 !important; box-shadow: 0 0 4px #F10000; }
.address-list .item-list .error-message { padding: 10px 12px; margin: 0 0 15px 0; font-size: 14px; }

.address-list li.edit-mode { padding: 20px; border: 1px solid #E9EBEE; border-radius: 5px; box-shadow: 0px 2px 12px rgba(0,0,0,0.025); background: #fefefe; position: relative; font-size: 14px; }
.address-list li.edit-mode .form-list > li { margin-bottom: 10px; }
.address-list li.edit-mode .form-list > li label { display: block; font-weight: 600; margin-bottom: 2px; }
.address-list li.edit-mode .form-list > li input { border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; height: 28px; padding: 0 7px; width: 100%; border-radius: 3px; }
.address-list li.edit-mode .form-list > li .bootstrap-select { height: 28px; }
.address-list li.edit-mode .form-list > li .bootstrap-select > .dropdown-toggle { height: 28px !important; line-height: 28px !important; padding: 0 7px !important; font-weight: 400 !important; font-size: 14px !important; }
.address-list li.edit-mode .form-list > li .bootstrap-select > .dropdown-toggle .filter-option { left: 7px; }
.address-list li.edit-mode .new { overflow: hidden; }
.address-list li.edit-mode .button { font-size: 14px; height: 32px; line-height: 32px; float: right; width: calc(50% - 7px); margin: 5px 0 0 0; }
.address-list li.edit-mode .button.cancel { float: left; }
.address-list .bootstrap-select .dropdown-menu li.disabled { display: none; } /* hide states or provinces that don't apply to the selected country */

.address-list .add-new-item { display: block; width: 48%; padding: 80px 0 30px 0; font-weight: 600; font-size: 17px; text-align: center; border: 1px solid #E9EBEE; border-radius: 5px; box-shadow: 0px 2px 12px rgba(0,0,0,0.025); background: #fefefe; background: url(../../public/pigeon/img/icon-add-blue.svg) no-repeat center 30px; background-size: 40px; cursor: pointer; }
.address-list .add-new-item:hover { border-color: #2678bf; box-shadow: 0px 2px 12px rgba(0,0,0,0.05), 0px 1px 3px rgba(0,0,0,0.05); }

/*Manage Members*/
.manage-members {  }
.cnd-members {  }
.cnd-members td { padding: 11px 0 9px 0; }
.cnd-members td.action { min-width: 24%; position: relative; }
.cnd-members td.display_name { width: 31%; }
.cnd-members button.action { font-size: 10px; font-weight: 400; padding: 4px; background: #2678bf; color: #fff; color: rgba(255,255,255,0.85); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); border: none; border-radius: 2px; box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5), inset 0px -1px 3px rgba(0,0,0,0.2); }
.cnd-members button.action:hover { background: #216098; }
.cnd-members button.status { width: 48px; }
.cnd-members button.status.disabled { background: #fe5140; }
.cnd-members #cnd-search .show-bounces { font-size: 12px; padding: 5px 7px 4px; }
.cnd-members #cnd-search INPUT.placeholder { color: #A9A9A9; }
.cnd-members .toolbar { overflow: hidden; height: 28px; }
.cnd-members .cnd-pagination { font-size: 12px; float: right; margin-top: 9px; height: 18px; line-height: 18px; }
.cnd-members .cnd-pagination .next, .cnd-members .cnd-pagination .previous { text-indent: -9999px; padding: 0; width: 20px; height: 18px; border: none; background: none; position: relative; }
.cnd-members .cnd-pagination .next:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #bcbcbc; position: absolute; top: 5px; left: 5px;}
.cnd-members .cnd-pagination .previous:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #bcbcbc; position: absolute; top: 5px; right: 5px;}
.cnd-members .cnd-pagination .next:hover:after { border-left: 10px solid #216098; }
.cnd-members .cnd-pagination .previous:hover:after { border-right: 10px solid #216098; }

/* Member Status */
.cnd-members tr { position: relative; }
.cnd-members tr td:first-child { padding-left:18px; }
.cnd-members tr:before { content: ""; position: absolute; top: 0; left: 0px; height: 100%; width: 3px; }
.cnd-members tr.enabled:before { background: #7BC43C; }
.cnd-members tr.disabled:before { background: #fe5140; }
.cnd-members tr.admin td:first-child:after { content: "Admin"; background: #DA932C; color: #fff; padding: 1px 5px; font-size: 11px; border-radius: 3px; vertical-align: 2px; margin-left: 5px; }
.cnd-members tr .status { color: #888; font-size: 13px; vertical-align: 1px; }
/* .cnd-members tr.enabled .status { color: #36AF47; }
.cnd-members tr.disabled .status { color: #D45245; } */


.cnd-members .cnd-no-results { margin-top: 15px; border: 1px solid #ccc; padding: 8px 8px 6px; font-size: 14px; }

.cnd-members .add-members-block { margin-bottom: 15px; }
.cnd-members .add-members-block .action { font-size: 13px; padding: 7px 10px 5px; border-radius: 3px; }
.cnd-members .add-members-block .action.add-members { width: 105px; }
.cnd-members .add-members-block .action.add-members.disabled { background: #ccc; col/or: #878787; text-shadow: 0px -1px 1px rgba(0,0,0,0.25), 0px 0px 2px rgba(0,0,0,0.15); }
.cnd-members .add-members-block .member-limit { font-size: 14px; margin-left: 4px; }
.cnd-members .add-members-block .add-member { background: #eee; border: 1px solid #ccc; padding: 15px; margin-top: 15px; font-size: 14px; }
.cnd-members .add-members-block .add-member input { padding: 7px; margin-right: 2px; width: calc(48% - 90px); }
.cnd-members .add-members-block .add-member span { display: inline-block; width: 90px; }
.cnd-members .add-members-block .add-member span input { width: 15px; }
.cnd-members .add-members-block .add-member .action { width: 95px; }
.cnd-members .add-members-block .error-message { margin: 0; padding: 7px 10px; margin-bottom: 15px; font-size: 14px; }
.cnd-members .add-members-block .error-message div { margin: 0; }
.cnd-members .add-members-block .success-message { margin: 0; padding: 7px 10px; margin-bottom: 15px; font-size: 14px; background: #2678bf; color: #fff; text-shadow: none; }

/* This wildcard selector will apply these styles to anything that starts with .cnd- */
div[class^="cnd-"] .toolbar { overflow: hidden; height: 28px; }
div[class^="cnd-"] .cnd-pagination { font-size: 12px; float: right; margin-top: 9px; height: 18px; line-height: 18px; color: #959595; }
div[class^="cnd-"] .cnd-pagination .next, div[class^="cnd-"] .cnd-pagination .previous { text-indent: -9999px; padding: 0; width: 20px; height: 18px; border: none; background: none; position: relative; }
div[class^="cnd-"] .cnd-pagination .next:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #bcbcbc; position: absolute; top: 3px; left: 5px;}
div[class^="cnd-"] .cnd-pagination .previous:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #bcbcbc; position: absolute; top: 3px; right: 5px;}
div[class^="cnd-"] .cnd-pagination .next:hover:after { border-left: 10px solid #216098; }
div[class^="cnd-"] .cnd-pagination .previous:hover:after { border-right: 10px solid #216098; }
div[class^="cnd-"] #bottom-bar { display: none; } /*Hiding the bottom pagination. Not sure if this is a good idea.*/

/*Order History*/
.cnd-user-orders {  }
.cnd-user-orders h3 {  }
.cnd-user-orders #order-detail .name {color: #2678bf; cursor: pointer; }
.cnd-user-orders #order-detail .name:hover { text-decoration: underline; }
.cnd-user-orders .toolbar { margin: 25px 0 -5px 0 !important; height: auto !important; clear: both; }
.cnd-user-orders .cnd-pagination { margin: 0 !important; }


/* Manage Payment Methods */
.cnd-user-payment-methods {  }
.cnd-user-payment-methods span.name { font-weight: 600; }
.cnd-user-payment-methods .summary { margin-top: 5px; }
.cnd-user-payment-methods .summary span.last-four { margin-right: 60px; font-weight: 600; }
.cnd-user-payment-methods button.action { font-size: 10px; padding: 4px; background: #5D8BB2; color: #fff !important; color: rgba(255,255,255,0.85); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); border: none; border-radius: 2px; box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5), inset 0px -1px 3px rgba(0,0,0,0.2); }
.cnd-user-payment-methods button.action:hover { background: #216098; }


/* Manage Content */
body.manage-content { }
.vo-preferences-content-category { }
.vo-preferences-content-category .voListParentChildSelector { margin-bottom: 10px; }
.vo-preferences-content-category .voListParentChildSelector li .checkbox { float: left; margin: 3px 7px 0 0; }


/*Manage Credits*/
#multi-allocate * {	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#multi-allocate .toolbar { color: #959595; }
#multi-allocate .toolbar:after { content: ""; display: table; clear: both; } /*clearfix*/
#multi-allocate .toolbar .open-allocator,
#multi-allocate .toolbar .download,
#multi-allocate .toolbar .available-credits-to-allocate { float: left; margin-right: 10px; }
#multi-allocate .toolbar .bootstrap-select { float: right; width: auto; height: auto; }
#multi-allocate .toolbar .available-credits-to-allocate { font-size: 12px; line-height: 22px; }
#multi-allocate .toolbar .open-allocator { }
#multi-allocate .toolbar .dropdown-toggle {
  height: 22px;
  padding: 0 7px;
  font-size: 10px;
  box-shadow: none;
  color: #a09f9f;
  border: 1px solid #cacaca; background: #e3e3e3;
  width: 130px; }
#multi-allocate .toolbar .dropdown-toggle .pull-left { font-size: 10px; line-height: 20px; text-transform: uppercase; font-weight: bold; color: #585858 !important; left: 5px;}
#multi-allocate .toolbar .dropdown-toggle .caret {
  margin-right: 1px;
  border-top: 4px solid #a09f9f;
  border-right: 3px solid transparent;
  border-bottom: 0 dotted;
  border-left: 3px solid transparent;
  border-top-color: #a09f9f;}

#multi-allocate .toolbar button { display: block; border: 1px solid #cacaca; background: #e3e3e3; border-radius: 3px; padding: 4px 5px; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #585858 !important; cursor: pointer; }
#multi-allocate .toolbar button:hover { background: #d9d9d9; }
#multi-allocate .toolbar .cnd-pagination { margin-top: 0; margin-bottom: 10px; }


#multi-allocate .add-anon-accounts { background: #f7f7f7; border: 1px solid #e3e3e3; padding: 10px; overflow: hidden; width: 100%; clear: both; margin-top: 20px; }
#multi-allocate .add-anon-accounts input { font-size: 13px; padding: 4px 7px; border-radius: 5px; border: 1px solid #dcdcdc; width: 38%; margin-right: 1%; }
#multi-allocate .add-anon-accounts .action { float: right; color: #fff !important; font-size: 13px; text-transform: none; font-weight: normal; padding: 4px 0; width: 20%; }
#multi-allocate .add-anon-accounts .success-message { background: #65a716; color: #fff; margin: 0 0 10px 0; border-radius: 4px; padding: 10px; text-shadow: none; font-size: 13px; line-height: normal; }
#multi-allocate .add-anon-accounts .error-message { color: #fff; margin: 0 0 10px 0; border-radius: 4px; padding: 10px; text-shadow: none; font-size: 13px; line-height: normal; }


#multi-allocate td.action { width: 15%; }
#multi-allocate button.action { font-size: 10px; padding: 4px; background: #5D8BB2; color: #fff !important; color: rgba(255,255,255,0.85); text-shadow: 0px -1px 0px rgba(0,0,0,0.25); border: none; border-radius: 2px; box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5), inset 0px -1px 3px rgba(0,0,0,0.2); }
#multi-allocate button.action:hover { background: #216098; }
#multi-allocate button.status { width: 44px; }
#multi-allocate button.status.disabled { background: #fe5140; }


#multi-allocate .cnd-pagination { font-size: 12px; float: right; margin-top: 9px; height: 18px; line-height: 18px; }
#multi-allocate .cnd-pagination .next, #multi-allocate .cnd-pagination .previous { text-indent: -9999px; padding: 0; width: 20px; height: 18px; border: none; background: none; position: relative; }
#multi-allocate .cnd-pagination .next:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #bcbcbc; position: absolute; top: 4px; left: 5px;}
#multi-allocate .cnd-pagination .previous:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #bcbcbc; position: absolute; top: 4px; right: 5px;}
#multi-allocate .cnd-pagination .next:hover:after { border-left: 10px solid #216098; }
#multi-allocate .cnd-pagination .previous:hover:after { border-right: 10px solid #216098; }


.voucher-select { margin-bottom: 20px; }
.voucher-select label { display: block; margin-bottom: 5px; }

.cnd-claimed {  }
.cnd-claimed .cnd-no-results,
#multi-allocate .cnd-no-results { margin-top: 15px; border: 1px solid #ccc; padding: 8px 8px 6px; font-size: 14px;  }


#cnd-search,
.cnd-search { float: left; margin-bottom: 10px; width: 257px; position: relative;}
#cnd-search img,
.cnd-search img { position: absolute; width: 16px; top: 7px; left: 8px; }
#cnd-search INPUT,
.cnd-search INPUT { border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; font-size: 13px; height: 28px; padding: 0 10px 0 27px;  width: 100%; border-radius: 20px; color: #474747; /*#888e94*/ font-weight: 300; }


/* ================================================================================== */
/* == FOOTER ======================================================================== */
/* ================================================================================== */

#footer { background: #1d1f21; text-align: center; color: rgba(255,255,255,0.65);  height: 50px; width: 100%; overflow: hidden; }
#footer .container { max-width: 100%; }
#footer A { color: inherit; }
#footer A:hover { text-decoration: underline; }
#footer P { margin: 0; line-height: 50px; font-size: 13px; }

@media only screen and (max-width: 580px) {
	#footer { height: 64px; padding-top: 10px; }
	#footer p { float: none; line-height: 21px; font-size: 12px; }
}

/* Sticky Footer */
BODY { min-height: 100dvh; display: flex; flex-direction: column; }
#content { flex-grow: 1; }


/* Theme Options */
#footer.light { color: #474747; color: rgba(0,0,0,0.55); }
#footer.light a { color: #474747; color: rgba(0,0,0,0.55); }

#footer.dark { color: #999; color: rgba(255,255,255,0.65); }
#footer.dark a { color: #999; color: rgba(255,255,255,0.65); }



/* ================================================================================== */
/* == SUBSCRIBE SCREENS ============================================================= */
/* ================================================================================== */

#new-subscriptions {  }
.option.voForm UL { text-align: left; padding: 0 0 0 30px; margin-bottom: 20px; list-style: disc; }
.option UL li { margin-bottom: 6px; }
.option h4 { color: #707a8c; }
#choice2 { float: left; width: 40%; }
#choice3 { float: right; width: 40%; }

#availability {  }
#availability input.zip { width: 30%; float: left; height: 42px; font-size: 14px; padding: 0 0 0 10px; margin: 0 0 15px 0; border: 1px solid #ccc; border-radius: 5px; }
#availability button { width: 65%; float: right; }
#availability button#online-paper { width: 100%; float: none; }
#availability #not-available p { clear: both; font-size: 14px; color: #d53353; padding: 8px 5px;  background: #fbeaed; }

#availability #not-available p { color: #fff; background: #f57946; text-shadow: 0px 1px 0px rgba(0,0,0,0.3); font-weight: 300; border-radius: 4px; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.25); }

/* Offline Paper - Search for your current print subscription address*/
.search-print-address { }
.search-print-address p.new { font-style: italic; margin-top: -15px; }
.search-print-address #ind-bus { font-weight: 600; margin: 30px 0 10px 0; }
.search-print-address #herald-search-results #is-address,
.search-print-address #herald-search-results li,
.search-print-address #no-herald-results-message p,
.search-print-address #herald-error-message { margin-top: 15px; }


/* Manage Subscription */
.manage-subscription .voForm { margin-top: 60px; }
.manage-subscription .button-footer { margin-top: 25px; }
.manage-subscription .discount-codes { border-top: 1px solid #d3d7de; padding-top: 60px; }
.manage-subscription .vo-payment-method { border-top: 1px solid #d3d7de; padding-left: 0; padding-right: 0; border-bottom: none; }
.manage-subscription .payment.slider,
.manage-subscription .change-subscription.slider { margin-bottom: -60px !important; }
@media only screen and (max-width: 700px) {
	.manage-subscription .ui-dialog .ui-dialog-buttonset button { float: none; width: 100%; }
}
@media only screen and (min-width: 700px) {
	.manage-subscription .ui-dialog .ui-dialog-buttonset button { line-height: 1.3; height: auto; padding: 10px; }
}


ul.vo-subscription-plan { color: #888; }
ul.vo-subscription-plan li { margin-bottom: 35px; }
ul.vo-subscription-plan li:last-child { margin-bottom: 0; }
ul.vo-subscription-plan .subscription-plans { overflow: hidden; }
ul.vo-subscription-plan .subscription-plan-title { overflow: hidden; color: #474747; margin-bottom: 8px;}
ul.vo-subscription-plan .subscription-term-detail::before { content: " - ";}
ul.vo-subscription-plan .subscription-plans .detail { font-size: 14px; }
ul.vo-subscription-plan .radio { float: left; margin: 4px 16px 0 0; }
ul.vo-subscription-plan .radio { width: 22px; height: 22px; }
ul.vo-subscription-plan .radio-placeholder { width: 22px; height: 22px; }
ul.vo-subscription-plan .radio > input { width: 22px !important; height: 22px !important; }
ul.vo-subscription-plan .radio > input:checked + .radio-placeholder,
ul.vo-subscription-plan .radio.radio--fake .radio-placeholder { background-position-y: 6px; background-size: 11px; }



ul.product { color: #888; }
ul.product li { margin-bottom: 35px; }
ul.product li:last-child { margin-bottom: 0; }
ul.product .item { overflow: hidden; }
ul.product .title { overflow: hidden; color: #474747; margin-bottom: 8px;}
ul.product .radio { float: left; margin: 0 10px 0 0; }

.activate-items li { clear: both; margin-bottom: 20px; }
.activate-items input.radio { height: 20px; width: 20px; float: left; margin: -2px 10px 0 0; }

.plan-detail { margin-bottom: 35px; }

/*Choose a plan on the gift page*/
.choose-plans .plan-detail {  margin-bottom: 40px; }
.choose-plans .plan-detail .plan-info { }
.choose-plans .plan-detail .plan-info h2 { margin-bottom: 0.6em; line-height: 1.2; }
.choose-plans .plan-detail .plan-info h2 + p { margin-top: -0.4em; }
.choose-plans .plan-detail .plan-info h2 + ul { margin-top: -0.4em; }
.choose-plans .plan-detail .plan-info p { margin-bottom: 1.2em; }
.choose-plans .plan-detail .plan-info p + ul { margin-top: -0.4em; }
.choose-plans .plan-detail .plan-info ul { margin-left: 20px; margin-bottom: 1.2em; color: #585858; }
.choose-plans .plan-detail .plan-info ul li { list-style: disc; margin-bottom: 0.4em; font-size: 15px; line-height: 1.3; cursor: pointer; }
.choose-plans .plan-detail .plan-info ul li:last-child { margin-bottom: 0; }
.choose-plans .plan-detail ul.vo-subscription-plan { margin: 0; }
.choose-plans .plan-detail ul.vo-subscription-plan li { margin: 0 0 15px 0; line-height: 20px; list-style: none; padding: 20px; border: 1px solid #E9EBEE; border-radius: 4px; background: #fff; position: relative; }
.choose-plans .plan-detail ul.vo-subscription-plan li:last-child { margin-bottom: 0; }
.choose-plans .plan-detail ul.vo-subscription-plan .subscription-plan-title { margin: 0; font-size: 15px; font-weight: 600; }
/* .choose-plans .plan-detail ul.vo-subscription-plan li.selected { backgr/ound: #e0edf7; backgrou/nd: #ecf4fb; bor/der: 1px solid #2678bf; box-sh/adow: 0 0 0 3px #bed7ec; outline: 1px solid #2678bf; outline-offset: 2px } */
.choose-plans .plan-detail ul.vo-subscription-plan li.selected { background: #e0edf7; background: #e7f0f9; border: 1px solid #2678bf; box-shadow: 0 0 0 3px #bed7ec; box-shadow: 0 0 0 1px #2678bf; }
.choose-plans .plan-detail ul.vo-subscription-plan li.selected .subscription-plan-title { }
.choose-plans .plan-detail ul.vo-subscription-plan li.selected .minimum-price { }
.choose-plans .plan-detail:last-child { margin: 0; }
.choose-plans .plan-detail:hover { }
.choose-plans .plan-detail.selected { }
.choose-plans .plan-detail .current-plan { background: #2678bf; posi/tion: absolute; top: 0; left: 0; color: #fff; font-size: 14px; padding: 5px 10px; margin: -20px -20px 20px -20px; border-radius: 4px 4px 0 0; }

/*If there is only one plan available*/
/* .choose-plans.one-plan .plan-detail { border: none; padding: 0; margin-bottom: 0; box-shadow: none; } */

/*If there are exactly two plans available*/
@media only screen and (min-width: 700px) {
	.choose-plans.two-plans { display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.choose-plans.two-plans .plan-detail { width: 47%; margin: 0; padding: 30px !important; }
	.choose-plans.two-plans .plan-detail:last-child { margin-left: auto; }
	.choose-plans.two-plans .plan-detail ul.vo-subscription-plan li { padding: 10px; }
}

.choose-plans.two-plans .plan-detail,
.choose-plans.multiple-plans .plan-detail { padding: 40px; border: 1px solid #E9EBEE; border-radius: 5px; box-shadow: 0px 2px 12px rgba(0,0,0,0.025); background: #fefefe; margin-bottom: 40px; }
.choose-plans.two-plans .plan-detail.selected,
.choose-plans.multiple-plans .plan-detail.selected { border: 1px solid #c3d0e4; outline: 1px solid #e9ebee; outline-offset: 2px; box-shadow:  0 0 0 3px #fff, 0px 2px 10px rgba(0,0,0,0.075); }
/* .choose-plans.two-plans .plan-detail.selected, .choose-plans.multiple-plans .plan-detail.selected { box-shadow:  inset 0 0 0 2px #fff, inset 0 0 0 3px #c3d0e4, 0px 2px 10px rgba(0,0,0,0.075); } */
/* .choose-plans.two-plans .plan-detail.selected, .choose-plans.multiple-plans .plan-detail.selected { border: 1px solid #c3d0e4; outline: 2px solid #e9ebee; outline-offset: 3px; box-shadow:  0 0 0 1px #c3d0e4, 0 0 0 3px #fff, 0px 2px 10px rgba(0,0,0,0.075); } */
/* .choose-plans.two-plans .plan-detail.selected, .choose-plans.multiple-plans .plan-detail.selected { border: 1px solid #e9ebee; outline: 2px solid #c3d0e4; outline-offset: 3px; box-shadow:  0 0 0 1px #e9ebee, 0 0 0 3px #fff, 0px 2px 10px rgba(0,0,0,0.075); } */

/*COMBO brand rules - the chooser, the "showing X" summary, and the demoted group
  These shipped in #2525 but their only copy lived in theme/public/pigeon/ui/css/subscribe.css,
  which nothing links - so none of it has ever applied. Ported here, where the page loads its CSS.
  Without the summary rules in particular, "Showing <brand>" and its change link ran together as
  one sentence with no spacing and no underline, which read as plain text rather than a control.*/
.main-content .block.vo-combo-brand-chooser { padding-top: 20px; padding-bottom: 20px; } /* a question, not a section */
.vo-combo-brand-chooser { margin-bottom: 30px; }
.vo-combo-brand-chooser .vo-brand-list { margin: 20px 0 0 0; } /* clear of the question above it */
.vo-combo-brand-chooser .vo-brand-list li { list-style: none; margin: 0; }
.vo-combo-brand-chooser .vo-brand-skip { display: inline-block; font-size: 15px; text-decoration: underline; }

/* Which Shape Is Live */
/* The editor renders both, so the gear can switch between them without fetching the page again;
   the attribute on the wrapper says which one a reader would see, and these two rules hide the
   other. A reader's page only ever carries one, so neither rule has anything to hide there. */
.vo-combo-brand-chooser[data-chooser-style="buttons"] .vo-brand-shape--grid,
.vo-combo-brand-chooser[data-chooser-style="grid"] .vo-brand-shape--buttons { display: none; }

/* A name the reader will not see. The tile keeps it either way so the publisher can tell the
   tiles apart and knows which one they are giving a picture to — vo-editor-chrome.css marks it
   instead of hiding it, and that file only reaches the editor. */
.vo-combo-brand-chooser.vo-brand-names-off .vo-brand-tile-name { display: none; }

/* Titles As A Grid */
/* A tile is the title's picture with its name under it — and the name alone until a picture is
   put behind it, so switching to the grid never shows a page of blanks. auto-fit rather than a
   fixed count because a bundle may hold two titles or six. */
.vo-combo-brand-chooser .vo-brand-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin: 20px 0; }
.vo-combo-brand-chooser .vo-brand-grid li { list-style: none; margin: 0; }
.vo-combo-brand-chooser .vo-brand-tile { display: block; border: 1px solid #d3d7de; border-radius: 5px; padding: 12px; text-align: center; text-decoration: none; color: var(--text-darkest); transition: border-color .15s ease-out, box-shadow .15s ease-out; }
.vo-combo-brand-chooser .vo-brand-tile:hover { border-color: #2678bf; box-shadow: 0 2px 6px rgba(0,0,0,0.12); }
/* A fixed box per tile, so a grid of pictures a publisher uploaded at four different sizes is
   still a grid. 3:2 is the shape most mastheads and photographs arrive in; object-fit crops to
   it rather than distorting, and the empty state keeps the same box so switching a picture on
   does not move every tile below it. */
.vo-combo-brand-chooser .vo-brand-tile-image { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 3px; background: #f0f0f0; }
.vo-combo-brand-chooser .vo-brand-tile-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
	.vo-combo-brand-chooser .vo-brand-tile-image:not(.vo-block-image-slot--filled) { border: 1px dashed #c3c9d4; display: flex; align-items: center; justify-content: center; } /* an empty tile still reads as a place for a picture */
	.vo-combo-brand-chooser .vo-brand-tile-image .instruction-text { font-size: 12px; color: #777; text-align: center; padding: 0 8px; }
	.vo-combo-brand-chooser .vo-block-image-slot--filled .instruction-text { display: none; } /* the picture speaks for itself */
@supports not (aspect-ratio: 3 / 2) {
	.vo-combo-brand-chooser .vo-brand-tile-image { height: 120px; }
}
.vo-combo-brand-chooser .vo-brand-tile-name { display: block; font-size: 15px; font-weight: 600; }
	.vo-combo-brand-chooser .vo-block-image-slot--filled + .vo-brand-tile-name { margin-top: 10px; } /* only once there is a picture above it */
/*Deliberately quiet - a statement of what you are looking at with a way back, not a call to
  action competing with the plans below. The change link still has to read as a link: the pick
  decides which title anchors the sale, and renewal price is locked to it at purchase.*/
.vo-combo-brand-summary { clear: both; margin: 0; padding: 20px 70px; font-size: 15px; color: #585858; }
.vo-combo-brand-summary .vo-brand-change { margin-left: 10px; text-decoration: underline; }
@media only screen and (max-width: 780px) {
	.vo-combo-brand-summary { padding: 18px 50px; }
}
@media only screen and (max-width: 580px) {
	.vo-combo-brand-summary { padding: 15px 30px; }
}
/*The builder's own demoted group, for a reader who arrived from a recognised brand*/
.vo-combo-more-brands { clear: both; margin: 30px 0 10px 0; padding-top: 20px; border-top: 1px solid #E9EBEE; }
.vo-combo-more-brands h3 { margin: 0; font-size: 15px; font-weight: 600; color: #585858; }
.vo-package-option.vo-option-secondary .option-detail h2 { font-size: 17px; }
.vo-package-option.vo-option-secondary .option-detail p { margin-bottom: 6px; }

/*COMBO INTRO PRICING - the promotional offer block
  An intro offer replaces the plan builder, so this block is the whole of what the reader picks
  from: which term, and a list of what the bundle includes. Borrows the card, selected state and
  bullet treatment from .vo-subscription-plan above so an offer page reads as the same product.*/
.vo-combo-intro .vo-intro-terms { margin: 0 0 30px 0; }
.vo-combo-intro .vo-intro-terms > li { list-style: none; margin: 0 0 15px 0; }
.vo-combo-intro .vo-intro-terms > li:last-child { margin-bottom: 0; }
/*The whole row is the label, so the radio is incidental rather than a small thing to hit.*/
.vo-combo-intro .vo-intro-term > label { display: block; position: relative; padding: 20px 20px 20px 50px; border: 1px solid #E9EBEE; border-radius: 4px; background: #fff; cursor: pointer; }
.vo-combo-intro .vo-intro-term > label:hover { border-color: #c3d0e4; }
.vo-combo-intro .vo-intro-term-choice { position: absolute; top: 50%; left: 20px; margin: -7px 0 0 0; }
/*Selected card. The radio is always visible and always checked, so that stays the cue that has to
  work; this only strengthens it where :has() is available.*/
.vo-combo-intro .vo-intro-term > label:has(.vo-intro-term-choice:checked) { background: #e7f0f9; border: 1px solid #2678bf; box-shadow: 0 0 0 1px #2678bf; }
.vo-combo-intro .vo-intro-price { display: block; font-size: 24px; font-weight: 600; line-height: 1.2; }
.vo-combo-intro .vo-intro-detail { display: block; font-size: 15px; line-height: 1.3; color: #585858; }

/*What the intro includes - stands in for the builder's own description of each title*/
.vo-combo-intro .vo-intro-includes { margin: 0; }
.vo-combo-intro .vo-intro-includes > li { list-style: none; margin: 0 0 25px 0; }
.vo-combo-intro .vo-intro-includes > li:last-child { margin-bottom: 0; }
.vo-combo-intro .vo-intro-include-name { margin: 0 0 0.3em 0; font-size: 18px; font-weight: 600; line-height: 1.2; }
.vo-combo-intro .vo-intro-include-byline { margin: 0 0 0.6em 0; }
/*Only the outer list is reset above; bullets nested inside an entry keep their markers.*/
.vo-combo-intro .vo-intro-include .vo-option-detail-points { margin: 0 0 0 20px; }
.vo-combo-intro .vo-intro-include .vo-option-detail-points li { list-style: disc; margin-bottom: 0.4em; font-size: 15px; line-height: 1.3; color: #585858; }
/*Anything from outside the reader's own title is an add-on, so it is set quieter and separated.
  Selector carries the li to outrank the ".vo-intro-includes > li" margin above.*/
.vo-combo-intro .vo-intro-includes > li.vo-intro-includes-heading { margin: 35px 0 20px 0; padding-top: 25px; border-top: 1px solid #E9EBEE; }
.vo-combo-intro .vo-intro-includes-heading h3 { margin: 0; font-size: 15px; font-weight: 600; color: #585858; }
.vo-combo-intro .vo-intro-include-secondary .vo-intro-include-name { font-size: 16px; }

/*The reveal toggle for a collapsed add-on. Shared with the builder's own secondary options, whose
  copy of these rules only ever lived in theme/public/pigeon/ui/css/subscribe.css - a file nothing
  links, so they have never applied. Defined here, where the page actually loads its CSS.*/
a.vo-option-more-info { display: inline-block; margin: 0 0 0.6em 0; font-size: 14px; font-weight: 600; cursor: pointer; }
a.vo-option-more-info:after { content: " \25be"; }
a.vo-option-more-info.vo-expanded:after { content: " \25b4"; }

/*Enter gift code*/
fieldset.gift-claim { margin-bottom: 40px; }
fieldset.gift-claim label { display: block; font-weight: 600; margin: 0 0 10px 0; font-size: 18px; }
fieldset.gift-claim input {  border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; font-size: 18px; height: 42px; padding: 0 10px;  width: 100%; border-radius: 3px; color: #474747; /*#888e94*/ font-weight: 300; }


/*Order Summary - identical to below Commerce Summary*/
.vo-form-subscription-summary { padding: 40px; border: 1px solid #d3d7de; border-radius: 5px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); background: #fefefe; margin-bottom: 70px; }
.vo-form-subscription-summary .vo-total,
.vo-form-subscription-summary .vo-plan-price,
.vo-form-subscription-summary .vo-subtotal,
.vo-form-subscription-summary .vo-plan-savings,
.vo-form-subscription-summary .vo-prorated,
.vo-form-subscription-summary .vo-credit,
.vo-form-subscription-summary .vo-tax { padding: 15px 15px 13px 15px; }
.vo-form-subscription-summary .vo-total span,
.vo-form-subscription-summary .vo-plan-price span,
.vo-form-subscription-summary .vo-subtotal span,
.vo-form-subscription-summary .vo-plan-savings span,
.vo-form-subscription-summary .vo-prorated span,
.vo-form-subscription-summary .vo-credit span,
.vo-form-subscription-summary .vo-tax span { float: right; font-weight: 600; }
.vo-form-subscription-summary .vo-plan-price { border-top: 1px solid #E9EBEF; padding-bottom: 0;}
.vo-form-subscription-summary .vo-subtotal { border-top: 1px solid #E9EBEF; padding-bottom: 0;}
.vo-form-subscription-summary .vo-plan-savings { padding-bottom: 0; }
.vo-form-subscription-summary .vo-prorated { padding-bottom: 0; }
.vo-form-subscription-summary .vo-credit { padding-top: 0; }
.vo-form-subscription-summary .vo-plan-savings span,
.vo-form-subscription-summary .vo-prorated span,
.vo-form-subscription-summary .vo-credit span { color: #888; }
.vo-form-subscription-summary .vo-total { background: #f7f7f7; border-top: 1px solid #E9EBEF; border-bottom: 1px solid #E9EBEF; }
.vo-form-subscription-summary .vo-term-phrase { color: #888; font-style: italic; text-align: right; margin: 15px 10px 0 0; line-height: 1.35; font-size: 0.95em; }

/*Commerce Summary - identical to above Order Summary*/
.vo-commerce-summary { padding: 40px; border: 1px solid #d3d7de; border-radius: 5px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); background: #fefefe; margin-bottom: 0px !important; }
.vo-commerce-summary .vo-total,
.vo-commerce-summary .vo-subtotal,
.vo-commerce-summary .vo-tax { padding: 15px 15px 13px 15px; }
.vo-commerce-summary .vo-total span,
.vo-commerce-summary .vo-subtotal span,
.vo-commerce-summary .vo-tax span { float: right; font-weight: 600; }
.vo-commerce-summary .vo-subtotal { border-top: 1px solid #E9EBEF; padding-bottom: 0;}
.vo-commerce-summary .vo-total { background: #f7f7f7; border-top: 1px solid #E9EBEF; border-bottom: 1px solid #E9EBEF; }
.vo-commerce-summary .vo-term-phrase { color: #888; font-style: italic; text-align: right; margin: 15px 10px 0 0; line-height: 1.35; font-size: 0.95em; }

@media only screen and (max-width: 580px) {
	.vo-form-subscription-summary,
	.vo-commerce-summary { padding: 30px; margin-bottom: 40px; }
}

/* Change Summary */
.change-summary { margin-top: 25px; }
.change-summary .option { margin: 0 0 15px 0; line-height: 20px; list-style: none; padding: 20px; border: 1px solid #E9EBEE; border-radius: 4px; background: #fff;  }
.change-summary .option .radio { float: left; width: 22px; height: 22px;margin: 4px 16px 0 0; }
.change-summary .option .option-title { margin: 0; font-size: 15px; font-weight: 600; color: #474747 }
.change-summary .option.selected { background: #e0edf7; background: #e7f0f9; border: 1px solid #2678bf; box-shadow: 0 0 0 3px #bed7ec; box-shadow: 0 0 0 1px #2678bf; }
.change-summary .option .option-details { font-size: 14px; color: #888; overflow: hidden;  }
.change-summary .vo-plan-price { margin-top: 30px; }
.change-summary .vo-subtotal { border: none; }
.change-summary .changed-plan-will-be { margin-top: 30px; border: 1px solid #d3d7de; border-radius: 5px; padding: 20px; }
.change-summary .changed-plan-will-be p { display: inline; color: #888; font-weight: 600; font-style: italic; }
.change-summary .changed-plan-will-be .vo-term-phrase { text-align: left; display: inline; font-size: 15px; }
.change-subscription .vo-current-charge { font-size: 15px; }


/*Commerce Block*/
.commerce-block .logged-in-as li { margin-bottom: 10px; }


/* Landing Blocks */
/* The optional blocks of a registration layout. Image & Text reuses the .block--image-text /
   .block--text-image pair below, so only what it adds is here. */

.vo-block-image-slot img { display: block; max-width: 100%; height: auto; }
.vo-block-image-slot:empty { display: none; } /* No image chosen: no empty grey box on the public page. */

/* A chosen image sizes the column it sits in. */
/* The 170px further down on .block--image-text .image is a placeholder height, for the
   hand-authored blocks that carry the class with no image in them at all. Left applying here it
   cropped the column at 170px while the image kept its own height, so a tall photo hung out
   below the bottom of the block.
   Both classes are named on the element deliberately: the slot IS the .image, so a two-class
   selector would tie with the placeholder rule and lose to it on source order alone — this rule
   has to win wherever it sits in the file. Only the slot is overridden, so the blocks with no
   image keep their placeholder. */
.block--image-text .image.vo-block-image-slot,
.block--text-image .image.vo-block-image-slot { height: auto; background: none; }

/* Text */
/* Full width, one rich field. Carries .block--text for the heading and list styling that block
   pattern already defines. */
.vo-block-text {}
.vo-block-text .option-body > .vo-block-rich > *:last-child { margin-bottom: 0; }

.vo-block-image {}
.vo-block-image .image--full { width: 100%; height: auto; background: none; }
.vo-block-image .caption { margin-top: 8px; font-size: 13px; color: #767676; }
.vo-block-image .caption:empty { display: none; }

.vo-block-testimonial { overflow: hidden; }
.vo-block-testimonial .image--portrait { float: left; width: 80px; height: 80px; margin-right: 20px; border-radius: 50%; overflow: hidden; background: none; }
.vo-block-testimonial .image--portrait img { width: 80px; height: 80px; object-fit: cover; }
.vo-block-testimonial blockquote { margin: 0; overflow: hidden; }
.vo-block-testimonial blockquote p { font-size: 17px; font-style: italic; line-height: 1.45; }
.vo-block-testimonial blockquote cite { display: block; margin-top: 10px; font-size: 14px; font-style: normal; color: #767676; }

.vo-block-faq {}
.vo-block-faq dl { margin: 0; }
.vo-block-faq .vo-faq-pair { margin-bottom: 18px; }
.vo-block-faq .vo-faq-pair:last-child { margin-bottom: 0; }
.vo-block-faq dt { font-weight: 600; font-size: 16px; margin-bottom: 4px; }
.vo-block-faq dd { margin: 0; font-size: 15px; line-height: 1.5; }
.vo-block-faq dt:empty,
.vo-block-faq dd:empty { display: none; }

/* Sign In */
/* A setting, not a block, and rendered above the page's card — its own .main-content, the way
   the offers page stacks the login. Inside the card it was a .block, so it took a section's
   60px/70px on top of the login's own padding and drew a card inside a card. Outside the form
   as well: a real <form> nested in a .voForm had its submit forwarded to
   #register-new-subscriber, and the reader asking to sign in was told their card number was
   incomplete.
   The login wrapper inside carries .vo-login from pigeon-login.tpl, which is deliberate here:
   voShowLogin() fades it in on a jumpTo:'login', so a paywall's Sign In opens this. */
.vo-sign-in-prompt { max-width: 740px; margin: 40px auto 0 auto; text-align: center; }
.vo-sign-in-prompt .vo-sign-in-toggle { margin: 0; }
.vo-sign-in-prompt .vo-sign-in-toggle a { font-size: 15px; text-decoration: underline; }
.vo-sign-in-prompt .vo-login { margin-top: 20px; text-align: left; } /* closer than a card's own 60px */
	/* Collapsed it is one 21px line, and the page's own card follows with a 60px top margin —
	   which left a lonely sentence adrift in a 140px band. Opened, the login IS a card, so the
	   two cards take the page's normal rhythm back. */
	.vo-sign-in-prompt + .main-content { margin-top: 20px; }
	.vo-sign-in-prompt--open + .main-content { margin-top: 60px; }

/* The withheld block. Renders nothing; the wrapper still comes from the renderer so a layout
   saved with it keeps its section count. */
.vo-block-sign-in {}


/* Combo Options */
.block--text {}
.block--text h2 + h3 { margin-top: -0.9em; }

.block--image-text {}
.block--image-text .image { float: left; width: calc(50% - 20px); height: 170px; background: #eee; }
.block--image-text .text { float: right; width: calc(50% - 20px); }

.block--text-image {}
.block--text-image .text { float: left; width: calc(50% - 20px); }
.block--text-image .image {float: right; width: calc(50% - 20px); height: 170px; background: #eee; }

.block--text h2,
.block--image-text h2,
.block--text-image h2 { line-height: 1.25; }

.block--text,
.block--image-text,
.block--text-image {}
.block--text ul li,
.block--image-text ul li,
.block--text-image ul li { list-style: disc; margin-left: 20px; margin-bottom: 5px; font-size: 15px }
.block--text ul li:last-child,
.block--image-text ul li:last-child,
.block--text-image ul li:last-child { margin-bottom: 0; }

.block--text .button,
.block--image-text .button,
.block--text-image .button { color: #fff; }

.block--text p + .button,
.block--image-text p + .button,
.block--text-image p + .button,
.block--text ul + .button,
.block--image-text ul + .button,
.block--text-image ul + .button { margin-top: 27px; margin-bottom: 0; }

.vo-combo-options {}
.vo-combo-options .vo-term-picker { overflow: hidden; margin: -6px auto 34px auto; max-width: 412px; padding: 6px; }
.vo-combo-options .vo-term-picker li { float: left; width: 50%; text-align: center; }
.vo-combo-options .vo-term-picker li input {  width: 0; height: 0; position: absolute; left: -9999px; }
.vo-combo-options .vo-term-picker li label { display: block; font-size: 16px; height: 42px; line-height: 42px; padding: 0 10px; width: 100%; transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out; cursor: pointer; }
.vo-combo-options .vo-term-picker li:first-child label { border-radius: 3px 0 0 3px; }
.vo-combo-options .vo-term-picker li:last-child label { border-radius: 0 3px 3px 0; border-left: none; }
.vo-combo-options .vo-term-picker li label { background: #f0f0f0; border: 1px solid #aaa; border-top-color: #999; border-bottom-color: #999; box-shadow: inset 0px -1px 2px rgba(255,255,255,0.8), inset 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px -10px 20px rgba(255, 255, 255, 0.25), inset 0px 10px 20px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.4); }
.vo-combo-options .vo-term-picker li input:checked + label { color: #fff; background: #2678bf; border: 1px solid #19507f; border-top-color: #1e5d94; border-bottom-color: #15436a; box-shadow: inset 0px 1px 0px #5da3df, 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1); }

.vo-combo-options .option { overflow: hidden; border: 1px solid #d3d7de; border-radius: 5px; padding: 15px 20px; margin-bottom: 20px; }
.vo-combo-options .option:last-of-type { margin-bottom: 0; }
.vo-combo-options .option h2 { margin-bottom: 0; }
.vo-combo-options .option li { font-size: 15px; }
.vo-combo-options .option ul li { list-style: disc; margin-left: 20px; }
.vo-combo-options .option .option-detail { float: left; width: calc(100% - 138px); }
.vo-combo-options .option .option-selection { float: right; width: 100px; text-align: right; }
.vo-combo-options .option .option-selection .vo-price { display: block }
.vo-combo-options .option .option-selection .vo-original { display: block; text-decoration: line-through; color: #898989; font-size: 14px; margin-top:-3px; font-style: italic; }
.vo-combo-options .option .option-selection .toggle-switch { float: right; width: 50px }
.vo-combo-options .option .option-selection .toggle-switch .toggle-switch-placeholder:after { content:"NO"; font-size: 11px; position: absolute; top: 2px; right: 10px; font-weight: 600; opacity: 0.95; }
.vo-combo-options .option .option-selection .toggle-switch > input:checked + .toggle-switch-placeholder:before { -webkit-transform: translateX(31px); -ms-transform: translateX(31px); transform: translateX(31px); }
.vo-combo-options .option .option-selection .toggle-switch > input:checked + .toggle-switch-placeholder:after { content:"YES"; right: auto; left: 9px; color: #fff; opacity: 0.95; }


/* Currency Switcher */
/* The switcher is a selectpicker like every other select on these screens, but the theme's
   default .bootstrap-select is width:100%/height:40px - too big for a 3-letter currency code. */
.vo-currency-picker { text-align: right; }

/* Currency Picker With The Plans */
/* It sits directly above the block holding the titles it prices, and that block owns its own
   60px/70px — so this carries the same horizontal inset to line up with the prices underneath,
   and its own top padding so it is not jammed into the card's corner. The negative bottom
   margin closes the gap to the block below: the two read as one thing, which is the point of
   having moved it here.
   Centred on a narrow screen, where a control pinned to one edge reads as unrelated to the
   list it belongs to — and the negative margin goes with it, since the stack needs the room. */
.vo-currency-picker--in-options { padding: 25px 70px 0 70px; margin: 0 0 -20px 0; }
@media only screen and (max-width: 780px) {
	.vo-currency-picker--in-options { padding: 22px 50px 0 50px; }
}
@media only screen and (max-width: 580px) {
	.vo-currency-picker--in-options { padding: 20px 30px 0 30px; text-align: center; margin: 0; }
}
/* A direct child of the card is the page-level strip the combo page renders — the header
   position, which the modal has no header for. Nested ones sit inside a block that has its
   own padding already. */
.main-content > .vo-currency-picker { padding: 18px 70px 0 70px; }
@media only screen and (max-width: 780px) {
	.main-content > .vo-currency-picker { padding: 16px 50px 0 50px; }
}
@media only screen and (max-width: 580px) {
	.main-content > .vo-currency-picker { padding: 14px 30px 0 30px; }
}
.vo-currency-picker label { display: inline-block; margin: 0 8px 0 0; vertical-align: middle; }
.vo-currency-picker .bootstrap-select { width: auto; min-width: 110px; height: auto; vertical-align: middle; text-align: left; }
.vo-currency-picker .bootstrap-select > .dropdown-toggle { width: 100%; }
.vo-currency-picker .currency-locked { display: inline-block; vertical-align: middle; font-weight: 600; }

/* Email Notification List */
.email-notification-list {}
.email-notification-list .checkbox { float: left; margin: 2px 7px 0 0 }
.email-notification-list .checkbox input { height: initial; }


/* Preview-only banner */
.preview-readonly { display: block; background: #a9a9a9; box-shadow: inset 0px -1px 4px rgba(0,0,0,0.05); text-align: center; font-size: 14.5px; padding: 20px; color: #656565; }
.preview-readonly strong { color: #474747; }
.preview-readonly div { background: #fff; display: inline-block; box-shadow: 0px 1px 2px rgba(0,0,0,0.25), 0px 5px 15px rgba(0,0,0,0.15); padding: 9px 15px; border-radius: 4px; }

/* This is shown when previewing plans. Issue #2250 */
body.page-readonly { pointer-events: none; }

/* This is shown when viewing profile as user. Issue #2509 */
body.readonly { padding-top: 100px; } 
body.readonly .preview-readonly { position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 9999; }



/* ================================================================================== */
/* == Paginated Views - special styles for the paginated view ======================= */
/* ================================================================================== */

.vo-page .vo-plan-options.block,
.vo-page .vo-register.block { border: none; }

.vo-page .vo-register.block h2 { font-size: 1.85rem; margin-bottom: 45px; }


/* Page Title for the paginated view template */
/* .vo-page .page-title { padding-bottom: 0; border: none; } */
.vo-page .page-title h1 { font-size: 1.85rem; font-weight: 600; line-height: 1.25; }


/* Page Buttons */
.page-buttons { padding: 0 70px 60px 70px; padding-top: 0;  transition: padding 0.3s linear; }
.page-buttons .button { margin: 0; }
.button span.next { opacity: 0.75; }
.page-buttons .vo-back { display: block; text-align: center; margin: 10px 0 -22px 0; }

@media only screen and (max-width: 780px) {
	.page-buttons { padding: 0 50px 60px 50px; }
}
@media only screen and (max-width: 580px) {
	.page-buttons { padding: 0 30px 45px 30px; }
}



/* ================================================================================== */
/* == CATALOG PAGE ================================================================== */
/* ================================================================================== */

#cmc_catalog_default_catalog {  }
#cmc_catalog_default_catalog .cnd-sort { margin-bottom: 60px; }
#cmc_catalog_default_catalog #sidebar { display: none; }
#cmc_catalog_default_catalog .catalog-container {  }
#cmc_catalog_default_catalog .product-array ul { border-top: 1px solid #d3d7de; }
#cmc_catalog_default_catalog .product-array li { overflow: hidden; padding: 35px 0; border-bottom: 1px solid #d3d7de;display: flex; }
#cmc_catalog_default_catalog .product-array li .thumbnail { display: none; }
#cmc_catalog_default_catalog .product-array li.has-thumbnail .text { width: calc(100% - 150px); float: right; padding: 10px 0 10px 25px;}
#cmc_catalog_default_catalog .product-array li.has-thumbnail .thumbnail { display: block !important; float: left; width: 150px; border: 1px solid #cdcdcd; padding: 4px; background: #fff; align-self: start; }
#cmc_catalog_default_catalog .product-array li a.image { display: block; position: relative; overflow: hidden; }
#cmc_catalog_default_catalog .product-array li a.image img { display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#cmc_catalog_default_catalog .product-array li a.image .ratio { padding-top: 80%; }
#cmc_catalog_default_catalog .product-array li .name { display: block; font-size: 18px; color: #333; font-weight: 600; text-decoration: none; margin-bottom: 10px; }
#cmc_catalog_default_catalog .product-array li .text { display: flex; flex-direction: column; }
#cmc_catalog_default_catalog .product-array li .price { flex: 1; font-size: 18px; margin-bottom: 25px; }
#cmc_catalog_default_catalog .product-array li .price .requires-subscription { color: #898989; font-size: 13px; margin-left: 3px; font-style: italic; vertical-align: 1.5px; }
#cmc_catalog_default_catalog .product-array li .cart { display: block; }

/*Catalog with filters sidebar*/
#cmc_catalog_default_catalog.catalog-show-filters #sidebar { display: block; float: left; width: 310px; border-right: 1px solid #d3d7de; margin: -60px 0px -60px -70px; padding: 60px 40px; }
#cmc_catalog_default_catalog.catalog-show-filters .catalog-container { float: left; width: 100%; padding-left: 70px; /*border-left: 1px solid #d3d7de;*/ }
#cmc_catalog_default_product.catalog-show-filters .main-content,
#cmc_catalog_default_package.catalog-show-filters .main-content,
#cmc_catalog_default_catalog.catalog-show-filters .main-content { width: 1000px; max-width: calc(100% - 120px); }
#cmc_catalog_default_catalog.catalog-show-filters .block { display: flex; }

#cmc_catalog_default_product .detail ul,
#cmc_catalog_default_package .detail ul { margin-left: 20px !important; color: #585858; }
#cmc_catalog_default_product .detail ul li,
#cmc_catalog_default_package .detail ul li { margin-bottom: 1em; list-style: disc; line-height: 1.4em; }

@media only screen and (max-width: 780px) {
	#cmc_catalog_default_product.catalog-show-filters .main-content,
	#cmc_catalog_default_package.catalog-show-filters .main-content,
	#cmc_catalog_default_catalog.catalog-show-filters .main-content { width: auto; max-width: calc(100% - 60px); margin: 40px auto; }
	#cmc_catalog_default_catalog.catalog-show-filters #sidebar { margin: -60px 0 -60px -50px; padding: 60px 35px; }
	#cmc_catalog_default_catalog.catalog-show-filters .catalog-container { padding-left: 50px; }
}
@media only screen and (max-width: 580px) {
	#cmc_catalog_default_product.catalog-show-filters .main-content,
	#cmc_catalog_default_package.catalog-show-filters .main-content,
	#cmc_catalog_default_catalog.catalog-show-filters .main-content { max-width: calc(100% - 40px); margin: 30px auto; }
}
@media only screen and (max-width: 640px) {
	#cmc_catalog_default_catalog.catalog-show-filters #sidebar { display: none; }
	#cmc_catalog_default_catalog.catalog-show-filters .catalog-container { float: none; width: 100%; padding: 0; }
}
@media only screen and (max-width: 480px) {
	#cmc_catalog_default_product.catalog-show-filters .main-content,
	#cmc_catalog_default_package.catalog-show-filters .main-content,
	#cmc_catalog_default_catalog.catalog-show-filters .main-content { max-width: none; margin: 0; }
}


/*Catalog Sidebar Filters*/
#cmc_catalog_default_catalog #sidebar .block { margin-bottom: 10px; }
#cmc_catalog_default_catalog #sidebar ul { clear: both;}
#cmc_catalog_default_catalog #sidebar ul li { margin-bottom: 5px; }
#cmc_catalog_default_catalog #sidebar .cnd-header { padding: 20px 0; position: relative; border-top: 1px solid #d3d7de; }
#cmc_catalog_default_catalog #sidebar .cnd-header h3 { margin-bottom: 5px; font-size: 18px; }
#cmc_catalog_default_catalog #sidebar .cnd-header .collapse { display: block !important; width: 14px; height: 14px; float: right; }
#cmc_catalog_default_catalog #sidebar .cnd-header .collapse .ui-icon-triangle-1-e { display: block; width: 100%; height: 100%; background: url(../../public/pigeon/img/icon-arrow-down.svg) center; background-size: 21px; }
#cmc_catalog_default_catalog #sidebar .cnd-header .collapse .ui-icon-triangle-1-s { display: block; width: 100%; height: 100%; background: url(../../public/pigeon/img/icon-arrow-up.svg) center; background-size: 21px; }
#cmc_catalog_default_catalog #sidebar .cnd-header .cancel { float: right; height: 14px; width: 14px; cursor: pointer; background: url(../../public/pigeon/img/icon-cancel.svg) center; background-size: 14px; margin-right: 3px; }

#cmc_catalog_default_catalog #sidebar #cnd-category.cnd-header { border: none; padding: 0 0 10px 0; }

#cmc_catalog_default_catalog #sidebar ul.cnd-list { max-height: 150px; overflow-y: scroll; position: relative; }
#cmc_catalog_default_catalog #sidebar .cnd-header.fade:after { content: ""; width: 100%; height: 20px; position: absolute; bottom: 15px; pointer-events: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ }
#cmc_catalog_default_catalog #sidebar ul.cnd-list > ul { padding: 0 0 0 70px !important; font-weight: bold; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list li { margin: 10px 0; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list > ul li:before { content: "- "; color: #393d45; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list > li:last-child { margin-bot/tom: 0; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list span { cursor: pointer; display: block;}

#cmc_catalog_default_catalog #sidebar ul.cnd-list > li > span { position: relative; padding-left: 20px; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list > li > span:before { content: ""; position: absolute; left: 0; top: 2px; width: 10px; height: 10px; background: #474747; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list > li.ui-has-child.ui-state-disabled > span:before { background: #393d45; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list > li > span.ui-state-active:before { background: #F57946; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list li.ui-state-active { list-style-type: none; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list li ul { margin-left: 21px; color: #393d45; font-size: 15px; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list li ul li span:before { content: "- "; color: #393d45; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list li ul li.ui-state-active { color: #F57946; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list li ul li.ui-state-active:before,
#cmc_catalog_default_catalog #sidebar ul.cnd-list li ul li.ui-state-active span:before { color: #F57946; }
#cmc_catalog_default_catalog #sidebar ul.cnd-list li.ui-state-active ul {  }
#cmc_catalog_default_catalog #sidebar ul.cnd-list li.ui-state-disabled,
#cmc_catalog_default_catalog #sidebar ul.cnd-list li.ui-state-disabled span { opacity: 0.6; cursor: default; }



/*Catalog Pagination*/
.catalog-container #pagination-top { overflow: hidden; margin: -20px 0 9px 0; }
.catalog-container #pagination-bottom { overflow: hidden; margin: 9px 0 0 0; }
.catalog-container .cnd-pagination { font-size: 12px; float: right; height: 18px; line-height: 18px; }
.catalog-container .cnd-pagination .next, .catalog-container .cnd-pagination .previous { text-indent: -9999px; padding: 0; width: 20px; height: 18px; border: none; background: none; position: relative; }
.catalog-container .cnd-pagination .next:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #bcbcbc; position: absolute; top: 5px; left: 5px;}
.catalog-container .cnd-pagination .previous:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #bcbcbc; position: absolute; top: 5px; right: 5px;}
.catalog-container .cnd-pagination .next:hover:after { border-left: 10px solid #216098; }
.catalog-container .cnd-pagination .previous:hover:after { border-right: 10px solid #216098; }


/*Shopping Cart Pop-up*/
.cart-block.dialog {  }
.cart-block.dialog .close { display: none; }

.cart-block.dialog .cart.list th { min-width: 74px; }
.cart-block.dialog .cart.list .preview { width: 74px; }
.cart-block.dialog .cart.list .preview img { display: block; }
.cart-block.dialog .cart.list .quantity { width: 65px; }
.cart-block.dialog .cart.list td.subtotal .original { text-decoration: line-through; color: #898989; font-size: 13px; margin-left: 3px; font-style: italic; }

.cart-block.dialog .cart.list .quantity input {	width: 55px; height: 36px; text-align: center; }
.cart-block.dialog .totals { text-align: right; font-size: 18px; margin: 20px 0 17px 0; }
.cart-block.dialog .totals span { line-height: 1.4em; }
.cart-block.dialog .totals .shipping-total { float: right; }
.cart-block.dialog .totals .shipping-total-not-free { margin-right: 10px; font-style: italic; }
.cart-block.dialog .totals .shipping-total-free { margin-right: 10px; font-style: italic; }

.cart-block.dialog .buttons { overflow: hidden; }
.cart-block.dialog .buttons .button { margin: 0; width: calc(50% - 10px); }
.cart-block.dialog .buttons .continue { float: left; background: none; color: #333 !important; box-shadow: none; text-shadow: none; }
.cart-block.dialog .buttons .checkout { float: right; }



/* ================================================================================== */
/* == Catalog Single Product Page =================================================== */
/* ================================================================================== */

#catalog-show-filters
#product-display .product-feature { margin-bottom: 35px; display: flex; }
#product-display .product-feature:after { content: ""; display: table; clear: both; }

#product-display .product-gallery { float: left; width: 50%; position: relative; display: flex; }
#product-display .product-gallery ul { margin: 0; }
#product-display .product-gallery li { list-style: none; padding: 0; margin: 0; }
#product-display .product-gallery .big-view { width: 100%; position: relative; border: 1px solid #d3d7de; background: #f7f7f7; }
#product-display .product-gallery .big-view li.view {  }
#product-display .product-gallery .big-view img { display: block; max-width: 100%; margin: 0 auto;position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; padding: 10px; }
#product-display .product-gallery .view-strip { overflow: hidden; width: 100%; position: absolute; bottom: 1px; left: 1px; }
#product-display .product-gallery .view-strip li li { border: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.5); float: left; padding: 7px; height: 50px; width: 50px; cursor: pointer; }
#product-display .product-gallery .view-strip li li img { margin: 0 auto; display: block; max-width: 100%; max-height: 100%; }
#product-display .product-gallery .view-strip li li:hover { border: 1px solid #fff; background:rgba(255,255,255,0.9);}

#product-display { }

.product-information { clear: both; line-height: 1.4; }


/*Product - Add to Cart*/
#product-actions { padding: 0 0 0 25px; float: right; width: 50%; font-size: 18px; line-height: 1.3; }
#product-actions-box {  }
#product-actions-box h3 { margin: 0 0 20px 0; font-size: 20px; line-height: 1.1;  }
#product-actions-box .numbers {	font-size: 26px; font-weight: 700; color: #333; }
#product-actions-box .numbers .requires-subscription { display: block; font-weight: 400; color: #898989; font-size: 13px; font-style: italic; }
#product-actions-box .item-name { display: block; margin: 20px 0; }
#product-actions-box .bootstrap-select { margin-bottom: 16px; }
#product-actions-box .quantity { overflow: hidden; }
#product-actions-box .quantity label { display: block; float: left; font-size: 16px; text-align: left; height: 32px; line-height: 32px; width: 70px; }
#product-actions-box .quantity input { float: right; text-align: center; display: block; width: 90px; height: 32px; }
#product-actions-box .button { display: block; width: 100%; margin-top: 15px; }

.product-information .breadcrumb { margin-top: 40px; }
.product-information .breadcrumb h2 { font-size: 18px; margin-bottom: 5px; }
.product-information .breadcrumb ol li,
.product-information ol.category-breadcrumb li { display: inline-block; margin-right: 5px; margin-bottom: 0; }
.product-information .breadcrumb ol li:after,
.product-information ol.category-breadcrumb li:after { content: ">"; margin-left: 7px; font-size: 16px; vertical-align: 1px; }
.product-information .breadcrumb ol li:last-child:after,
.product-information ol.category-breadcrumb li:last-child:after { display: none;}


@media only screen and (max-width: 580px) { 
	#product-display .product-feature { display: block; }
	#product-display .product-gallery,
	#product-actions { float: none; width: 100%; }
	#product-display .product-gallery { margin-bottom: 40px; }
	#product-display #product-actions { padding: 0; }
	#product-display .product-gallery .big-view img {display: block; position: static; top: 0; left: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); max-height: 220px; }
}



/* ================================================================================== */
/* == Catalog Package Page ========================================================== */
/* ================================================================================== */

.catalog.package #product-display .product-gallery { float: left; width: 50%; margin-bottom: 25px; }
.catalog.package #product-display .product-gallery .big-view { height: auto !important; }
.catalog.package #product-display .product-gallery .big-view img { width: 100%; height: auto; max-height: none; position: static; top: 0; left: 0; transform: none; }

.catalog.package .product-information {  }
.catalog.package .product-information .price-total { font-size: 36px; margin-top: -20px; }

.vo-package-builder .vo-package-option { margin-bottom: 25px; }
.vo-package-builder .vo-package-option .option-title { overflow: hidden; margin: 0 0 10px 0; }
.vo-package-builder .vo-package-option h2 { float: left; font-size: 18px; margin: 0; }
.vo-package-builder .vo-package-option .vo-package-option-choice,
.vo-package-builder .vo-package-option .vo-package-option-choice-hover { float: left; font-size: 18px; margin-left: 5px; }

.vo-package-builder .vo-package-option.vo_4 { overflow: hidden; }
.vo-package-builder .vo-package-option.vo_4 li {  width: 33.33%; height: 90px; float: left; padding: 4px; cursor: pointer; border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; }
.vo-package-builder .vo-package-option.vo_4 li:first-child { border-radius: 5px 0 0 5px; }
.vo-package-builder .vo-package-option.vo_4 li:last-child { bor///der-right: 2px solid #e3e3e3; border-radius: 0 5px 5px 0; }
.vo-package-builder .vo-package-option.vo_4 li .image { width:100%; height:100%; }
.vo-package-builder .vo-package-option.vo_4 li.vo-selected { border: 2px solid #2678bf; background: #a2bcd5; }

.vo-package-builder .bootstrap-select { height: 90px; }
.vo-package-builder .bootstrap-select .dropdown-toggle { height: 90px; line-height: 90px;}
.vo-package-builder .bootstrap-select li { height: 90px; overflow: hidden; border-bottom: 1px solid #eee; }
.vo-package-builder .bootstrap-select li a { displayay: inline-block; line-height: 90px; width: 100%; height: 90px; }
.vo-package-builder .bootstrap-select img { max-width: 90px; max-height: 90px; vertical-align: middle; margin-right: 8px; }

.catalog.package #product-display .quantity { clear: both; overflow: hidden; margin: 25px 0; }
.catalog.package #product-display .quantity label { display: block; float: left; font-size: 18px; font-weight: 600; text-align: left; height: 42px; line-height: 42px; width: 70px; }
.catalog.package #product-display .quantity input { float: left; text-align: center; display: block; width: 90px; margin-left: 7px; }
.catalog.package #product-display .quantity input { border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; font-size: 18px; height: 42px; padding: 0 10px; border-radius: 3px; color: #474747; font-weight: 300; }

@media only screen and (max-width: 760px) {
	.catalog.package #product-display .product-gallery,
	.catalog.package #product-display #product-actions { float: none; width: 100%; padding-left: 0; }
}



/* ================================================================================== */
/* == REGISTRATION FORMS ============================================================ */
/* ================================================================================== */

.voForm FIELDSET { border: none; padding: 0; margin: 0; }
.voForm FIELDSET legend { display: none; font-size: 0px; height: 0px; }
.voForm UL { list-style: none; margin: 0; padding: 0; }
.voForm UL:after { content: ""; display: table; clear: both; }
.voForm LI.input { margin: 0 0 15px 0; position: relative; min-height: 42px; }
/*.voForm LI.input label { display: none; }*/
.voForm LI INPUT { border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; font-size: 18px; height: 42px; padding: 0 10px;  width: 100%; border-radius: 3px; color: #474747; /*#888e94*/ font-weight: 300; }
.voForm LI textarea { border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; font-size: 18px; padding: 8px 10px; width: 100%; border-radius: 3px; color: #474747; font-weight: 300; }
.voForm LI INPUT.error { border-color: #F10000; box-shadow: 0 0 4px #F10000; }
.voForm LI INPUT.placeholder { color: #A9A9A9; }
.voForm LI INPUT.radio { width: 20px; height: 20px; float: left; margin-right: 10px; border: none; padding: 0; cursor: pointer; }
.voForm LI INPUT.checkbox { width: 20px; height: 20px; float: left; margin-right: 10px; border: none; padding: 0; }
.voForm LI.input select { height: 42px; background: #fff !important; border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; color: #474747; /*#888e94*/ font-weight: 300; }
	.lt-ie9 .voForm LI.input select { display: block !important; width: 100% !important; } /*Bootstrap select menus no longer work in IE8, this hopefully will fix the standard select menus. Keep an eye on this that it does not break anything.*/
.voForm LI.input.country { width: 48.5%; float: left; }
.voForm LI.input.state { width: 48.5%; float: right; }
.voForm LI.input.city { width: 70%; float: left; }
.voForm LI.input.zip { width: 27%; float: right; }
.voForm LI.input.title { clear: both; }
.voForm LI.input.phone { clear: both; }
.voForm LI.input.dob { width: 48.5%; float: right; }
.voForm LI.input.sex { width: 48.5%; float: left; }
.voForm LI.vo_user_extend { clear: both; }
/* An address block always starts its own row. Without this the first address field sits beside a
   half-width float above it (sex/dob) and, being later in the source, paints over that float and
   swallows clicks on its dropdown — a site that un-floats only one of the sex/dob pair in its
   custom CSS leaves a lone float here and the gender menu stops opening. */
.voForm LI.section,
.voForm LI.input.address1 { clear: both; }
.voForm LI:last-child { margin-bottom: 0; }
.voForm LI.option-recurring { height: auto; }
.voForm LI.vo-account-yes-no { margin-bottom: 15px; }

.lt-ie9 .voForm input { line-height: 38px; }
.lt-ie9 .voForm input.placeholder { color: #A9A9A9; }
.voForm LI label { display: block; font-weight: 600; margin: 10px 0; }
.voForm LI label.checkbox { display: list-item; padding-top:3px; margin: 10px 0; }
.voForm .note { color: #898989; font-size: 14px; font-style: italic; }
.voForm input.media-upload-button { padding: 0; border: none; font-size: inherit; height: auto; }

/* Reveal password toggle */
.voForm LI.password-field { position: relative; }
.voForm LI.password-field .password-toggle { position: absolute; top: 0; right: 0; width: 42px; height: 42px; padding: 0; border: 0;
	background: url(../../public/pigeon/img/icon-visibility.svg) no-repeat center; background-size: 20px;
	opacity: 0.6; border-radius: 5px; cursor: pointer; transition: .3s; }
.voForm LI.password-field .password-toggle.is-revealed { background: url(../../public/pigeon/img/icon-visibility-off.svg) no-repeat center; background-size: 20px; }
.voForm LI.password-field .password-toggle:hover { opacity: 1; }
.voForm LI.password-field input#password::-ms-reveal { display: none; } /* Edge/IE add their own reveal control — hide it to avoid two buttons */

.delivery-same-as-billing { float: right;font-size: 15px }
.delivery-same-as-billing .checkbox { display: inline-block; vertical-align: middle; margin-left: 5px; }
.delivery-same-as-billing + .vo-address-billing { clear: both; margin-top: 50px; }
@media only screen and (max-width: 360px) {
	.delivery-same-as-billing { margin-top: 10px; }
	.delivery-same-as-billing + .vo-address-billing { margin-top: 70px; }
}

#e-edition LI { margin-bottom: 30px; }
#e-edition LI:last-child { margin-bottom: 0; }

p.statement { margin: 0 0 25px 0; }
fieldset + p.statement { margin: 30px 0 25px 0; }

div.statement { margin: 0 0 25px 0; }
fieldset + div.statement { margin: 30px 0 25px 0; }

/* Editable Statement */
/* The agreement's statement is a rich field now, so a plain p inside .vo-block-rich stands
   where p.statement used to, inheriting none of its 25px. Scoped to the agreement: .option-body
   is the wrapper every rich field gets. */
.vo-agreement .option-body + fieldset { margin-top: 25px; }
	.vo-agreement fieldset + .option-body { margin-top: 30px; } /* fieldset-then-statement order, as above */

.agreement { font-style: italic; color: #2678bf; margin: 0 0 30px 0; }
.agreement .checkbox { float: left; width: 20px; height: 20px; margin: 0 5px 15px 0; }
.agreement .checkbox .checkbox-placeholder { width: 20px; height: 20px; }
.agreement .checkbox >input:checked + .checkbox-placeholder { background-size: 10px; background-position: center 5px; }


/* Stripe Payment Input */
.StripeElement { background: #ffff; border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; height: 42px; padding: 10px; width: 100%; border-radius: 3px; color: #474747; font-family: "SourceSansPro", Arial, sans-serif !important; font-weight: 300 !important; }
.StripeElement--focus { outline: 3px solid #2678bf; outline-offset: 3px; position: relative; z-index: 3; }
.StripeElement--invalid { border-color: #F10000; }


/* AlignPay Payment Inputs */
.alignpay-card-element iframe { border: none; height: 42px; }

@media only screen and (max-width: 500px) {
	.alignpay-card-element iframe { height: 100px; }
}


/* Braintree Payment Inputs */
.braintree-card-element { overflow: hidden; margin-bottom: 15px; }
.braintree-card-element .input { float: left; width: 85px; background: #ffff; border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; height: 42px; padding: 10px; border-radius: 3px; color: #474747; margin-left: 15px; }
.braintree-card-element .input.braintree-hosted-fields-focused { outline: none; border: 1px solid #2678bf !important; box-shadow: inset 0px 0px 3px rgba(38, 120, 191, .25); }
.braintree-card-element .input.braintree-hosted-fields-invalid { border-color: #F10000 !important; }
.braintree-card-element .vo-card-number { width: calc(100% - 200px); margin: 0; }

@media only screen and (max-width: 400px) {
	.braintree-card-element .input { width: calc(50% - 8px); }
	.braintree-card-element .input.vo-card-number { margin-bottom: 15px; width: 100%; float: none; }
	.braintree-card-element .input.vo-expiration-date { margin: 0; }
}


/* Braintree Drop-In Element */
.braintree-dropin-element {  }
.braintree-dropin { font-family: "SourceSansPro", Arial, sans-serif; color: #474747; }
.braintree-dropin-element .braintree-heading { color: #474747; }
.braintree-dropin-element .braintree-options-list { box-shadow: 0px 3px 10px rgba(0,0,0,0.1); padding: 0; }
.braintree-dropin-element .braintree-option { background: #fff; border-color: #d3d7de; font-family: "SourceSansPro", Arial, sans-serif; }
.braintree-dropin-element .braintree-option:hover { background: #f7f7f7; }
.braintree-dropin-element .braintree-option .braintree-option__label { color: #474747; }
.braintree-dropin-element .braintree-option:hover .braintree-option__label { font-weight: 400; color: #333; }
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field { border-radius: 5px; border-color: #d3d7de; }
.braintree-dropin-element .braintree-sheet { box-shadow: 0px 3px 10px rgba(0,0,0,0.1); }
.braintree-dropin-element .braintree-sheet,
.braintree-dropin-element .braintree-sheet__header { border-color: #d3d7de; font-weight: 600; }
.braintree-dropin-element .braintree-sheet__header .braintree-sheet__text,
.braintree-dropin-element .braintree-sheet__header .braintree-sheet__label { font-size: 17px; }
.braintree-dropin-element .braintree-large-button { background: #f7f7f7; border: 1px solid #d3d7de; color: #474747; padding: 14px; background: none; border: none; padding: 8px 0 0 0; }
.braintree-dropin-element .braintree-large-butt//on span { border: none; padding: 0; }
.braintree-dropin-element .gpay-button { width: 100% !important; }
.braintree-dropin-element .apple-pay-button { height: 40px; width: 100%; }

.vo-payment-offline-required,
.vo-payment-method-not-required { padding: 40px; border: 1px solid #d3d7de; border-radius: 5px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); background: #fefefe; }


/*Payment Details/Subscription Options*/
.accepted-cards-image { display: block; float: right; }
.accepted-cards-image img { display: block; }
h2 .accepted-cards-image { margin-top: 3px; }
h3 .accepted-cards-image { margin-top: -2px; }
ul#credit-card { }
ul#credit-card li#expiration { float: left; width: 53%; }
ul#credit-card li#expiration .bootstrap-select { float: left; width: 47%; }
ul#credit-card li#expiration .bootstrap-select:last-child { float: right; }
ul#credit-card li#code { overflow: hidden; width: 44%; float: right; }
ul#credit-card li#code input { width: 60%; float: left; }
ul#credit-card li#code #card-code-click, ul#credit-card li#code .card-code-click { float: left; margin: 11px 0 0 11px; cursor: pointer; }
#card-code-explain, .card-code-explain { clear: both; background: #eee; padding: 35px 35px 0 35px; border-radius: 4px; border: 1px solid #d2d2d2; overflow: hidden; margin-bottom: 15px; }
#card-code-explain div, .card-code-explain div { overflow: hidden; margin-bottom: 35px; }
#card-code-explain img, .card-code-explain img { float: left; width: 30%; }
#card-code-explain p, .card-code-explain p { float: right; width: 65%; margin: 20px 0 0 0; font-size: 14px; }

@media only screen and (max-width: 780px) {
	ul#credit-card li#expiration,
	ul#credit-card li#code { width: 100%; float: none; }
	ul#credit-card li#expiration .bootstrap-select { width: 48%; }
	ul#credit-card li#code input { width: 48%; }
	#card-code-explain, .card-code-explain { margin-top: 15px; }
	#card-code-explain p, .card-code-explain p { margin: 0; }
}
@media only screen and (max-width: 480px) {
	h2 .accepted-cards-image { float: none; margin-top: 9px; }
	h3 .accepted-cards-image { float: none; margin-top: 12px; }
	#card-code-explain, .card-code-explain { padding: 15px 15px 0 15px; }
	#card-code-explain div, .card-code-explain div { margin-bottom: 15px; }
}
@media only screen and (max-width: 360px) {
	ul#credit-card li#expiration,
	ul#credit-card li#code,
	ul#credit-card li#expiration .bootstrap-select,
	ul#credit-card li#code input,
	ul#credit-card li#code #card-code-click,
	ul#credit-card li#code .card-code-click { float: none !important; width: 100%; clear: both; height: auto; min-height: 42px; margin-bottom: 15px; }
	ul#credit-card li#expiration { margin-bottom: 0; }
	ul#credit-card li#code #card-code-click,
	ul#credit-card li#code .card-code-click { margin-left: 0; margin-bottom: 0; }
	
	.voForm LI.input.country,
	.voForm LI.input.state,
	.voForm LI.input.city,
	.voForm LI.input.zip { width: 100%; float: right; }
}


/*Pay with PayPal*/
.paypal-button { position: relative; text-align: center; }
.paypal-button:after { content: ""; width: 100%; height: 1px; background: #d3d7de; position: absolute; top: 17px; left: 0; z-index: 1; }
.paypal-button .or-use-paypal { display: inline-block; padding: 10px 10px 20px 10px; color: #888; font-style: italic; background: #fff; position: relative; z-index: 2; }
	.slider .paypal-button .or-use-paypal { background: #f8f8f8; }
.vo-paying-with-paypal {  }

/* Apple Pay and Google Pay Buttons */
.vo-payment-request-button { text-align: center; position: relative; }
.vo-payment-request-button:after { content: ""; width: 100%; height: 1px; background: #d3d7de; position: absolute; top: 30px; left: 0; z-index: 1; }
.vo-payment-request-button .StripeElement { border: none; padding: 0; margin: 0; height: auto; }
.vo-payment-request-button .or-use-wallet { display: inline-block; padding: 20px 10px; color: #888; font-style: italic; font-weight: normal; background: #fff; position: relative; z-index: 2; }
	.slider .vo-payment-request-button .or-use-wallet { background: #f8f8f8; }

/*Email Delivery Preferences*/
.subscribe-message-list { }
.subscribe-message-list li { line-height: 30px; overflow: hidden; }
.subscribe-message-list li:last-child { margin-bottom: 0 !important; }
.subscribe-message-list li .checkbox { float: left; margin: 7px 7px 0 0; }
.subscribe-message-list li label { margin: 0; }
.subscribe-message-list li .children li { margin-left: 20px; }
.subscribe-message-list .submit { margin: 50px 0 0 0; }


/*Error*/
.error-message {  padding: 70px; font-size: 16px; line-height: 1.5em; color: #fff; background: #f57946; text-shadow: 0px 1px 0px rgba(0,0,0,0.3); font-weight: 300; }
.error-message a { color: #fff !important; }
.error-message DIV { margin-bottom: 20px; }
.error-message DIV:last-of-type { margin-bottom: 0 !important; }
.block .error-message { padding: 30px; border-radius: 5px; margin-bottom: 55px; } /*If inside a block, style a bit differently*/

.success-message,
.notification { padding: 60px 70px; background: #fcf8e3; font-size: 16px; line-height: 1.5em; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom: 1px solid #fbeed5; }
.success-message a,
.notification a { color: #c09853; }
.success-message p:last-child,
.notification p:last-child { margin-bottom: 0; }
.block .success-message,
.block .notification { padding: 30px; border-radius: 5px; margin-bottom: 55px; } /*If inside a block, style a bit differently*/

@media only screen and (max-width: 780px) {
	.success-message,
	.notification { padding: 60px 50px; }
}
@media only screen and (max-width: 580px) {
	.success-message,
	.notification { padding: 45px 30px; }
}

.credit-balance-message { background: #fcf8e3; padding: 20px; font-size: 16px; line-height: 1.5em; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-radius: 5px; }
.credit-balance-message p:last-child { margin-bottom: 0; }

.alert-message { margin-bottom: 3em; padding: 20px; background: #fcf8e3; font-size: 16px; line-height: 1.5em; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 1px solid #fbeed5; }
.alert-message a{ color: #c09853; }

.hide { display: none; }
#gateway-processing-message { text-align: center; padding: 50px; }
#gateway-processing-message img { display: inline-block; margin-right: 10px; vertical-align: middle;}
#gateway-processing-message h4 { display: inline-block; height: 42px; line-height: 42px; margin: 0; vertical-align: middle; }

.waiting-for-results { background: #fff url(../../public/pigeon/img/spinner-big.gif) no-repeat center center; height: 80px; text-align: center; }
.waiting-for-gateway { padding: 7px 0; color: #787878; font-style: italic; }
.waiting-for-body { text-align: center; padding: 50px; }

.cnd-waiting-for-results { background: #fff url(../../public/pigeon/img/spinner-big.gif) no-repeat center center; background-size: 24px; height: 40px; text-align: center; }




/* ================================================================================== */
/* == Select Dropdown Menus ========================================================= */
/* ================================================================================== */

.bootstrap-select, .bootstrap-select *, .bootstrap-select *:before, .bootstrap-select *:after { }

.bs-select-hidden { display: none; } .selectpicker { display: none; }

.dropdown-toggle {
  display: inline-block;
  padding: 0 10px !important;
  height: 42px;
  margin-bottom: 0;
  margin-top: 0 !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  text-transform: none !important; 
  text-shadow: none !important;
  line-height: 42px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; border-radius: 3px; color: #474747; /*#888e94*/
  font-weight: 300;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
}

/*.select-small .dropdown-toggle {
  height: 22px;
  padding: 0 7px;
  font-size: 10px;
  border: 1px solid #dfdfdf;
  box-shadow: none;
  color: #a09f9f;
}*/

/*.select-gray .dropdown-toggle { border: 1px solid #DFDFDF; background: #ECECEC; box-shadow: none; color: #a09f9f; }*/ 
		
.dropdown-toggle:focus {
  outline: none;
}
		
.dropdown-toggle:hover,
.dropdown-toggle:focus { text-decoration: none; }
		
.dropdown-toggle:active,
.dropdown-toggle.active { outline: 0; }
		
		

.dropdown-toggle .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px; margin-right: 10px;
  vertical-align: middle;
  border-top: 7px solid #BCBEC1;
  border-right: 6px solid transparent;
  border-bottom: 0 dotted;
  border-left: 6px solid transparent;
  content: "";
}
.dropdown-toggle span.bs-caret { height: calc(100% - 6px); width: 50px; position: absolute; right: 0; top: 3px;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%); }

/*.select-small .dropdown-toggle .caret {
  margin-right: 1px;
  border-top: 4px solid #BCBEC1;
  border-right: 3px solid transparent;
  border-bottom: 0 dotted;
  border-left: 3px solid transparent;
}

.select-gray .dropdown-toggle .caret {
  border-top-color: #a09f9f;
}*/



.dropdown { position: relative; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 160px;
  margin: 2px 0 0;
  font-size: 12px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 11px;
  clear: both;
  font-weight: normal;
  line-height: 1.43;
  color: #333333 !important;
  white-space: nowrap;
  cursor: pointer;
}
		
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  col///or: #ffffff;
  text-decoration: none;
  background-color: #f2f2f2;
  outline: none;
}
		
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #2678bf !important;
  outline: 0;
}

.dropdown-menu > li.selected { background: url(../../public/pigeon/img/icon-checkmark.png) no-repeat right; background-size: 35px 12px; }
.dropdown-menu > li.selected > a:hover { background: #f2f2f2 url(../../public/pigeon/img/icon-checkmark.png) no-repeat right; background-size: 35px 12px; }
.dropdown-menu > li.selected > a { background: url(../../public/pigeon/img/icon-checkmark.png) no-repeat right; background-size: 35px 12px; 
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }

.dropdown-menu > li > a i { display: none; }
.dropdown-menu > li > dt { display: none; }

.dropdown-menu > .no-results { padding: 5px 11px 7px; }
		
.open > .dropdown-menu { display: block;}
.open > a { outline: 0;}		
.bootstrap-select { position: relative; display: inline-block; vertical-align: top; }
.bootstrap-select > .dropdown-toggle { position: relative; fl///oat: left;}	
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active,
.bootstrap-select > .dropdown-toggle.active { z-index: 2; }
.bootstrap-select > .dropdown-toggle:focus { outline: none;}
.bootstrap-select > .dropdown-toggle:last-child:not(:first-child),
.bootstrap-select > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0;}
.bootstrap-select .dropdown-toggle:active, .bootstrap-select.open .dropdown-toggle { outline: 0;}

.bootstrap-select, .bootstrap-select[class*="span"] { display: inline-block; margin: 0; width: 100%; height: 40px;}

/*.bootstrap-select.select-small { width: 100px; height: 22px; }*/

.bootstrap-select > .dropdown-toggle { width: 100%}
.dropdown-menu {z-index: 2000}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {z-index: 2051}

/* .bootstrap-select .dropdown-toggle:focus { outline: none; border: 1px solid #2678bf !important; box-shadow: inset 0px 0px 3px rgba(38, 120, 191, .25); } */

.bootstrap-select .dropdown-toggle .filter-option {
	overflow: hidden;
	position: absolute;
	left: 10px;
	right: 19px;
	text-align: left; height: 100%;
}
.bootstrap-select .dropdown-toggle.bs-placeholder .filter-option { color: #757575; }

/*.select-small.bootstrap-select .dropdown-toggle .filter-option { 
	left: 7px;
	right: 7px;
	line-height: 20px;
}*/
.bootstrap-select .dropdown-toggle .caret {
	position: absolute;
	top: 50%;
	right: 7px;
	margin-top: -2px;
	vertical-align: middle
}

.bootstrap-select >.disabled, .bootstrap-select .dropdown-menu li.disabled > a { cursor: not-allowed}
.bootstrap-select > .disabled:focus {outline: none !important}
.bootstrap-select[class*="span"] .dropdown-toggle {width: 100%}
.bootstrap-select .dropdown-menu {
	max-h///eight: 200px !important;
	min-width: 100%;
	max-width: 100%; overflow: hidden; 
	font-size: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.bootstrap-select .dropdown-menu.inner {
	position: static;
	border: 0;
	padding: 0;
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.bootstrap-select .popover-title { padding: 5px 11px; border-bottom: 1px solid #e5e5e5; font-style: italic; color: #898989; }
.bootstrap-select .popover-title button { display: none; }
.bootstrap-select .dropdown-header { display: none; }
.bootstrap-select .bs-searchbox { padding: 7px; }
.bootstrap-select .bs-searchbox input { height: 30px; font-size: inherit; }
.bootstrap-select li.hidden { display: none; }




.btn-group { position: relative; display: inline-block; vertical-align: middle; }
.btn-group > .btn { position: relative; float: left; }
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active { z-index: 2; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group { margin-left: -1px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
.btn-group > .btn:first-child { margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn-group > .btn-group { float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle { outline: 0; }
.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; }
.btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; }
.btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-group.open .dropdown-toggle.btn-link { box-shadow: none; }
.btn .caret { margin-left: 5px; }
.btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; }
.dropup .btn-lg .caret { border-width: 0 5px 5px; }
.btn-group > .btn + .dropdown-toggle .caret { margin: 0; }
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* More button */
.btn-more { position: absolute; right: 20px; top: 20px; }
.btn-more .dropdown-toggle { background: #FFF url(../../public/pigeon/img/icon-more.svg) no-repeat center !important; border: 1px solid #e9ebef; width: 26px; height: 26px; border-radius: 50%; text-indent: -9999px; padding: 0; }
.btn-more .dropdown-menu { left: auto; right: 0; padding: 0; font-size: 13px; background: #fff; min-width: 100px; }
.btn-more li { padding: 8px 10px; border-bottom: 1px solid #e9ebef; margin: 0; cursor: pointer; }
.btn-more li:last-child { border: none; }

/* More button in tables */
.btn-table-more { position: absolute; right: 0; top: 50%; margin-top: -13px; }
.btn-table-more .dropdown-toggle { background: #FFF url(../../public/pigeon/img/icon-more.svg) no-repeat center !important; border: 1px solid #e9ebef; width: 26px; height: 26px !important; border-radius: 50%; text-indent: -9999px; padding: 0; }
.btn-table-more .dropdown-menu { left: auto; right: 0; padding: 0; font-size: 13px; background: #fff; min-width: 100px; }
.btn-table-more li { padding: 8px 10px; border-bottom: 1px solid #e9ebef; margin: 0; cursor: pointer; }
.btn-table-more li:last-child { border: none; }




/* ================================================================================== */
/* == Tabs ========================================================================== */
/* ================================================================================== */

.ui-tabs-nav { height: 31px; border-bottom: 1px solid #DDDDDD; margin: 0 0 40px 0; padding: 0; }
.ui-tabs-nav li { margin-right: 20px; float: left; list-style: none;  }
.ui-tabs-nav li a { color: #ADADAD; text-transform: uppercase; padding: 0 2px 15px 2px; display: block; text-decoration: none; outline: none; }
.ui-tabs-nav li.ui-tabs-active a { color: #393d45; border-color: transparent; border-bottom: 1px solid #2678bf; box-shadow: inset 0px -1px 0px #3DA88E, 0px 1px 0px #2678bf; mar/gin-bottom: -1px; }
.ui-tabs-nav li a:hover { color: #393d45; }



/* ================================================================================== */
/* == Checkout Page ================================================================= */
/* ================================================================================== */

.checkout-one {}
.checkout-one .main-content .container { padding: 0; } /*This .container must only exist for Vigo & Alessi. Pigeon itself has no need for this .main-content .container to exist.*/
.checkout-one .main-content .container:after { content: ""; display: table; clear: both; } /* clearfix */

.checkout-one .main-content .cart-block { padding: 40px 30px 16px 30px; margin: 50px 50px 0 50px; border: 1px solid #d3d7de; border-radius: 5px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); background: #fff; }
.checkout-one .main-content .cart-block h3 { font-size: 1.5em; margin-bottom: 1em; }
.checkout-one .main-content .cart-block .cart.list { width: 100% !important; margin-top: 30px; }
.checkout-one .main-content .cart-block .cart.list { width: 100%; }
.checkout-one .main-content .cart-block .cart.list th,
.checkout-one .main-content .cart-block .cart.list td { text-align: left; }
.checkout-one .main-content .cart-block .cart.list td.quantity input { width: 100%; text-align: center; height: 36px; }
.checkout-one .main-content .cart-block .cart.list td { width: calc(40% / 3); }
.checkout-one .main-content .cart-block .cart.list td:first-child { width: 60%; }
.checkout-one .main-content .cart-block .cart.list td.subtotal .original { text-decoration: line-through; color: #898989; font-size: 13px; margin-left: 3px; font-style: italic; }
.checkout-one .main-content .cart-block .totals { text-align: right; font-size: 20px; margin: 20px 28px 0 0; }
.checkout-one .main-content .cart-block .totals div { font-size: 14px; color: #898989; margin-bottom: 4px; }
.checkout-one .main-content .cart-block .totals .grand-total { font-size: 20px; color: #474747; display: block !important; margin-top: 10px; }
.checkout-one .main-content .cart-block .totals .savings-total { font-style: italic; }
.cart-block .cart.list .delete { color: #c91f1a; font-size: 11px;  cursor: pointer; vertical-align: 1px; margin-left: 3px; }
.cart-block .no-cart-results { margin-bottom: 20px; }
.cart-block .cart.list td.last { width: 55px; }

@media only screen and (max-width: 580px) {
	.checkout-one .main-content .cart-block { margin: 30px 30px 0 30px; }
}
@media only screen and (max-width: 480px) {
	.checkout-one .main-content .cart-block { margin: 30px 15px 0 15px; }
	.cart-block .cart.list th:nth-child(2),
	.cart-block .cart.list td:nth-child(2) { display: none; }
	.checkout-one .main-content .cart-block .cart.list td { width: calc(40% / 2); }
	.checkout-one .main-content .cart-block .cart.list td:first-child { width: 60%; }
}
@media only screen and (max-width: 380px) {
	.checkout-one .main-content .cart-block { padding: 20px 17px; margin: 30px 7px 0 7px; }
	.checkout-one .main-content .cart-block h3 { margin-bottom: 0; }
	.checkout-one .main-content .cart-block .cart.list { margin-top: 15px; }
}

.discount-codes .error-message { margin: 10px 0; padding: 7px 12px; }
.discount-codes { margin-top: 40px; }
.discount-codes h3 { font-size: 18px !important; margin-bottom: 10px !important; }
.discount-codes li { float: left; width: 50%; }
.discount-codes li:first-child { width: calc(100% - 120px); }
.discount-codes li:last-child { float: right; width: 110px; }
.discount-codes input { height: 36px !important; font-size: 14px !important; }
.discount-codes .button { font-size: 13px !important; height: 36px !important; line-height: 34px !important; }

.discount-codes .applied-discounts li { float: none; width: 100%; }
.discount-codes .applied-discounts div {  padding: 10px; background: #FCF8E3; border-left: 5px solid #FAEBCC; color: #8B6F3E; float: left; width: calc(100% - 85px); }
.discount-codes .applied-discounts span { display: inline-block;  }
.discount-codes .applied-discounts span.discount-code { font-weight: 600; }
.discount-codes .applied-discounts .button { float: right; width: 75px; }

@media only screen and (max-width: 400px) {
	.discount-codes li { float: none; width: 100% !important; margin-top: 10px !important;}
}
@media only screen and (max-width: 450px) {
	.discount-codes .applied-discounts div,
	.discount-codes .applied-discounts .button { float: none; width: 100% !important; margin-top: 10px !important;}
}

.checkout-one .main-content .fb-profile { overflow: hidden;  }
.checkout-one .main-content .fb-profile .picture { float: left; margin-right: 10px; }
.checkout-one .main-content .fb-profile .picture img { width: 40px; }
.checkout-one .main-content .fb-profile li { margin-bottom: 5px; }

.checkout-one .main-content #address { }
.checkout-one .main-content #address:after { content: ""; display: table; clear: both; }
.checkout-one .main-content #address li { float: left; width: 50%; line-height: 1.2em; }
.checkout-one .main-content #address h2 { margin-bottom: 0.5em; }

.checkout-one .gift-message {  }
.checkout-one .gift-message input { width: 30px; float: left; }
.checkout-one .gift-message .boolean-copy {  }
.checkout-one .gift-message label { display: block; margin: 40px 0 15px 0; font-weight: 600; }
.checkout-one .gift-message textarea { width: 100%; height: 100px; border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada;  padding: 8px 10px; width: 100%; border-radius: 3px; color: #474747; font-weight: 300; margin: 0 0 10px 0;}
.checkout-one .gift-message .character-count { color: #898989; font-size: 14px; }

.payment-details-default { }
.payment-details-default .card-type img { height: 20px; width: 30px; vertical-align: -4px; margin: 0 5px; }
.payment-details-default li { margin-bottom: 10px !important; }

/*Global Credit Card Mockup*/
.credit-card-mockup { background-color: #21D4FD; background-image: linear-gradient(16deg, #485C99 10%, #F86B67 100%); color: #fff; display: inline-block; border-radius: 5px; text-shadow: 0 1px 1px rgba(0,0,0,0.25); min-width: 15.5em; padding: 0.7em 1em; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.15); font-size: 15px; position: relative; }
.credit-card-mockup .card-type { text-align: right; }
.credit-card-mockup .last-four { line-height: 2em; height: 2em; margin: 1.4em 0 1em 0; text-align: center; font-size: 1.25em; }
.credit-card-mockup .last-four:before { content: "**** **** **** "; font-size: 1.5em; vertical-align: -.3em; letter-spacing: 0.055em; }
.credit-card-mockup .name { float: left; margin-right: 1.4em; font-size: 0.9em; }
.credit-card-mockup .expiration { float: right; font-size: 0.9em; }
.credit-card-mockup .code { float: right; font-size: 0.9em; }
.credit-card-mockup .label { display: block; text-transform: uppercase; font-weight: 400; font-size: .6em; color: rgba(255,255,255,0.75); margin-bottom: 1px; }
.credit-card-mockup .last-four .label { display: none; }

.checkout-one .main-content .payment-block { margin-bottom: 30px; }
.checkout-one .main-content .payment-details {  }

/*.checkout-one .main-content .card-code-explain { border: 1px solid #dcdcdc;	background: #f7f7f7; padding: 20px;	border-radius: 3px;	overflow: hidden; }
.checkout-one .main-content .card-code-explain img { float: left; width: 140px; margin-right: 13px; }
.checkout-one .main-content .card-code-explain div { overflow: hidden; }
.checkout-one .main-content .card-code-explain div:last-child {	margin-top: 20px; }
.checkout-one .main-content .card-code-explain p { width: 280px; float: left; margin-top: 17px; color: #585858; }
.checkout-one .main-content .card-code-explain p:before { content: "Visa and Mastercard"; display: block; font-weight: bold; color: #474747; margin-bottom: 4px; }
.checkout-one .main-content .card-code-explain div:last-child p:before { content: "American Express"; }*/

.checkout-one .main-content .edit { display: block; margin-top: 15px; font-weight: 700; text-transform: uppercase; font-size: 12px; text-decoration: none; color: #fe5140; }

/*Address Modal*/
#dialog-address-book { height: 593px !important; margin: -20px -20px -50px -20px; }
#dialog-address-book * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#dialog-address-book .voForm { width: 100%; }
.address-book {  }
.address-book .block { margin-bottom: 0; }
.address-book .left-column { float: left; width: 57%; }
.address-book .right-column { float: right; width: 40.5%; }
.address-book #recent-addresses { }
.address-book #recent-addresses .button-footer { overflow: hidden; padding: 11px 0 0 0; border: none; margin: 0; }
.address-book #recent-addresses .button-footer button { float: left; margin-right: 10px; font-size: 11px; }
.address-book #recent-addresses .button-footer button.click-address-delete { float: right; margin: 0; color: #fe5140 !important; }
.address-book #recent-addresses .button-footer button.click-address-edit { border-left: 1px solid #e3e3e3; padding-left: 10px; }
.address-book #recent-addresses .button-footer button { border: none; background: none; color: #008bce !important; padding: 0;}

.address-book .addresses-container { margin: -20px; overflow-y: auto; max-height: 511px; }
.address-book .addresses-container .click-address-new { display: block; border: 1px solid #cacaca; background: #e3e3e3; border-radius: 3px; padding: 4px 5px; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #585858 !important; cursor: pointer; 
margin: 15px; width: calc(100% - 30px); line-height: 1.5; }
.address-book .addresses-container .click-address-new:hover { background: #d9d9d9; }
.address-book .addresses { font-size: 13px; border-top: 1px solid #e3e3e3; }
.address-book .addresses li { border-bottom: 1px solid #e3e3e3; padding: 15px; }
.address-book .addresses li .alias { font-weight: 700; color: #424a4c; }
.address-book .addresses li div { line-height: 16px; }
.address-book .addresses li.vo-open { border-left: 4px solid #2678bf; padding-left: 11px; }
.address-book ul { padding: 0; }
.address-book .left-column .voForm > ul { margin-bottom: 10px; }
.address-book .left-column .voForm > ul > li { margin-bottom: 10px; clear: both; height: 30px; overflow: visible; }
.address-book .left-column .voForm > ul > li.country,
.address-book .left-column .voForm > ul > li.state { width: 100%; float: none; }
.address-book li .bootstrap-select,
.address-book li .bootstrap-select button { height: 30px; line-height: 30px; vertical-align: top; }
.address-book li .bootstrap-select .dropdown-toggle { background: #fff !important; border: 1px solid #CDCDCD !important; color: #424a4c; font-size: 13px !important; border-radius: 3px; }
.address-book li .bootstrap-select .pull-left { left: 8px !important; }
.address-book li .bootstrap-select .caret { right: 0; 
  border-top: 5px solid #bcbcbc;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;}
.address-book li .bootstrap-select .dropdown-menu { max-height: 150px !important; }
.address-book li label { float: left; width: 20%; text-align: right; padding-right: 12px; color: #424a4c; font-weight: 700; font-size: 12px; line-height: 30px; margin: 0; }
.address-book li input,
.address-book li .bootstrap-select { float: right; width: 80%; height: 100%; font-size: 13px; }
/* .address-book li .bootstrap-select .dropdown-toggle:focus { border-color: #008bce !important; box-shadow: 0px 0px 2px rgba(0,139,206,0.5) !important; outline: none !important; } */
.address-book li .bootstrap-select .dropdown-toggle:hover { color: #424a4c !important; }
#dialog-address-book .dropdown-header {	display: none !important; }

.address-book .button-footer { clear: both; border: none; border-radius: 0; border-top: 1px solid #e5e5e5; margin: 20px -20px -20px -20px; padding: 20px 20px 0 20px; }
.address-book .button-footer .submit { float: left; }
.address-book .button-footer .make-default { float: left; width: 150px; padding: 8px 0 0 10px; }
.address-book .button-footer .make-default input { width: 20px; display: inline-block; }
.address-book .button-footer .make-default label { display: inline-block; }



/*Block styles*/
#dialog-address-book .block { border: 1px solid #e3e3e3; border-radius: 5px; padding: 20px; margin-bottom: 30px;
transition-property: height, opacity, visibility;
transition-duration: 1s, 1s, 1s;
transition-timing-function: ease-in-out, ease-in-out, linear; opacity: 1; height: auto;}
#dialog-address-book .block:after { content: ""; display: table; clear: both; }
#dialog-address-book .block h2 { border-bottom: 1px solid #e3e3e3; color: #424a4c; background: #F6F6F6; margin: -20px -20px 20px -20px !important; padding: 0 20px; border-radius: 5px 5px 0 0; font-family: "Arial", sans-serif; font-size: 16px; line-height: 46px; }
#dialog-address-book .block h3 { color: #424a4c; margin-bottom: 5px; }

#dialog-address-book .button-footer .action { display: block; background: #2678bf url(../../public/pigeon/img/button-bg2.png) top; height: 36px; line-height: 34px; text-decoration: none; padding: 0 20px; margin: 0 0 15px 0; box-shadow: inset 0px 2px 0px #93acdf, 0px 1px 3px rgba(0,0,0,0.4); border: 1px solid #556ea1; border-top-color: #2678bf; border-bottom-color: #354e81; border-radius: 5px; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.45); font-weight: 600; font-size: 14px;  cursor: pointer; }
#dialog-address-book .button-footer .action:hover { background-position: bottom; box-shadow: inset 0px -2px 0px #93acdf; }
#dialog-address-book .button-footer .action.disabled { background: #ccc; box-shadow: inset 0px 2px 0px #ddd, 0px 1px 3px rgba(0,0,0,0.4); border: 1px solid #aaa; border-top-color: #bbb; border-bottom-color: #999; }



/* ================================================================================== */
/* == Order Detail Page ============================================================= */
/* ================================================================================== */

.order-detail .main-content .block { transition: none !important; } /* This only here because a Chrome bug. Having a transition messes up the printed page. Perhaps this can be removed someday. Just make sure invoices print nicely. */

.order-container {  }
.order-container .order-title { overflow: hidden; border-bottom: 1px solid #d3d7de; margin-bottom: 40px; padding-bottom: 15px; }
.order-container .order-title h1 { float: left; margin: 0; }
.order-container .order-title .date { float: right; margin-top: 7px; }
.order-container .addresses { overflow: hidden; }
.order-container .addresses .address { float: left; margin-right: 50px; }

.order-container #items { }
.order-container #items h2 { display: none; }
.order-container #item-list { margin: 0; }
.order-container #item-list td,
.order-container #item-list th { border-right: none; border-left: none; }
.order-container #item-list .item-photo { max-width: 42px; display: block; }
.order-container #item-list td.preview { padding-left: 0; }
.order-container #item-list td.quantity,
.order-container #item-list .th-quantity { text-align: center;  min-width: 80px; padding-right: 0; }
.order-container #item-list td.price,
.order-container #item-list .th-price { text-align: right;  min-width: 80px; padding-right: 0; }
.order-container #item-list td.total,
.order-container #item-list .th-total { text-align: right;  min-width: 50px;}
.order-container #item-list td.title h3 { margin: 0; line-height: normal; }

/*.order-container #item-list { padding: 0; list-style: none; margin: 0; border-top: 1px solid #d3d7de; }
.order-container #item-list li { border-bottom: 1px solid #d3d7de; padding: 20px 0; line-height: 40px; overflow: hidden; }
.order-container #item-list li .price-original { text-decoration: line-through; color: #898989; font-size: 13px; margin-left: 3px; font-style: italic; }
.order-container #item-list li .item-photo { float: left; height: 40px; margin-right: 12px; }
.order-container #item-list li h3 { float: left; margin: 0 20px 0 0; }
.order-container #item-list li .price { float: right; }
.order-container #item-list li .quantity { float: left; }*/

.order-container #address-billing { margin-bottom: 40px; }
.order-container address { line-height: 1.25em; }

.order-container #gift-details { margin: 40px 0; }
.order-container #totals h2 { display: none; }
.order-container #totals div,
.order-container #gift-details div { line-height: 1.4em; }
.order-container #totals #grand-total { border-top: 1px solid #d3d7de; border-bottom: 1px solid #d3d7de; overflow: hidden; height: 70px; line-height: 70px; font-weight: 700; margin-top: -1px;}
.order-container #totals #grand-total strong { float: left; }
.order-container #totals #grand-total .cart-grand-total { font-size: 40px; float: right; margin-top: 2px; }
.order-container #gift-details .gift-message { font-style: italic; margin-top: 1em; }
.order-container #totals .subtotal-item { line-height: 25px; text-align: right;}
.order-container #totals .subtotal-item:first-of-type {  margin-top: 15px;}
.order-container #totals .subtotal-item:last-of-type { margin-bottom: 15px;}



/* ================================================================================== */
/* == Activate Trial Page =========================================================== */
/* ================================================================================== */
/*user/activate-trial*/
.activate-trial .info {  }
.activate-trial .info ul { margin-left: 20px !important; color: #585858; }
.activate-trial .info ul li { list-style: disc; margin-bottom: 0.4em; font-size: 14px; }
.activate-trial .info .other-terms { margin: 30px -8px 0 -8px !important; }
.activate-trial .info .other-terms li { margin: 10px 0; line-height: 20px; list-style: none; padding: 6px 7px; border-radius: 4px; }
.activate-trial .info .other-terms li:last-child { margin-bottom: 0; }
.activate-trial .info .other-terms .plan-title { margin: 1px 0 0 0; font-size: 15px; font-weight: 600; }
.activate-trial .info .other-terms li.selected { /*color: #2678bf; text-decoration: underline;*/ background: #2678bf; color: rgba(255,255,255,0.85); }
.activate-trial .info .other-terms li.selected .plan-title { color: #fff; }
.activate-trial .info .other-terms li.selected .terms { color: rgba(255,255,255,0.85) !important; }
.activate-trial .info .other-terms li:last-child { margin: 0; }
.activate-trial .info .other-terms li .radio { margin: 0 10px 0 0; float: left; width: 20px; height: 20px; }
.activate-trial .info .other-terms .plan-terms { overflow: hidden; }


.vo-click-for-other { color: #2678bf; text-decoration: underline; cursor: pointer; margin-top: 25px;}


.activate-trial .subscription-options { font-size: 15px; margin-top: 20px; margin-bottom: 30px; }
.activate-trial .subscription-options:last-child { margin-bottom: 0; }
.activate-trial .subscription-options li { margin-bottom: 25px; }
.activate-trial .subscription-options li:last-child { margin: 0; }
.activate-trial .subscription-options .subscription-plan { font-weight: 600; }
.activate-trial .subscription-options a {display: block; margin: 10px 0 0 0;}



/* ================================================================================== */
/* == Terms of Service and Privacy ================================================== */
/* ================================================================================== */

.privacy-policy .main-content ul,
.terms-of-service .main-content ul { padding-left: 1.5em; }
.privacy-policy .main-content ul li,
.terms-of-service .main-content ul li { margin-bottom: 1em; list-style: disc; line-height: 1.4em; }

.privacy-policy .main-content ol,
.terms-of-service .main-content ol { padding-left: 1.5em; }
.privacy-policy .main-content ol li,
.terms-of-service .main-content ol li { margin-bottom: 1em; list-style: decimal; line-height: 1.4em; }



/* ================================================================================== */
/* == On-Demand Modal =============================================================== */
/* ================================================================================== */

.modal-on-demand {  }
.modal-on-demand .signup { }
.modal-on-demand .subscription-options .signup:hover { background: #FFF; }

.modal-on-demand .article-preview { padding: 30px; border-bottom: 1px solid #D3D7DE; overflow: hidden; text-align: center; background: #f7f7f7; background: #F7F9FB; }
.modal-on-demand .article-preview .content-title { font-size: 28px; font-style: italic; margin: 20px 0 3px 0; }
.modal-on-demand .article-preview .content-value { font-size: 22px;  color: #2678bf; }
.modal-on-demand .article-preview .preview-cta { font-size: 17px; margin-top: 20px; }



/* ================================================================================== */
/* == One Trust Modal =============================================================== */
/* ================================================================================== */

#pigeon-access-limited-one-trust { width: 100vw; min-height: 100dvh; display: flex; align-items: center; justify-content: center; }
#pigeon-access-limited-one-trust .close-iframe { display: none; } 
#pigeon-access-limited-one-trust .main-content { flex-basis: 740px; padding-top: 0; margin: 20px 0 }

.modal-one-trust { margin: 0; line-height: 1.25; }

.modal-one-trust .modal-header { padding: 20px 30px; border-bottom: 1px solid #D3D7DE; }
.modal-one-trust h2 { margin: 0; }

.modal-one-trust .modal-body { padding: 30px; overflow: hidden; position: relative; }
.modal-one-trust h3 { font-size: 20px; }
.modal-one-trust p { font-size: 16px; }
.modal-one-trust a { text-decoration: none; }
.modal-one-trust .small { font-size: 13px; margin: 0; color: #888; }

.modal-one-trust .modal-footer { padding: 20px 30px; font-size: 14px; color: #888; border-top: 1px solid #D3D7DE; }

@media only screen and (min-width: 600px) {
	.modal-one-trust .modal-body:after { content: ""; background:#D3D7DE; width: 1px; height: calc(100% - 60px); position: absolute; left: 50%; }
	.modal-one-trust .column-left { float: left; width: calc(50% - 30px); }
	.modal-one-trust .column-right { float: right; width: calc(50% - 31px); }
}
@media only screen and (max-width: 600px) {
	.modal-one-trust .column-right { border-top: 1px solid #D3D7DE; padding-top: 30px; margin-top: 30px;; }
}



/* ================================================================================== */
/* == Blog ========================================================================== */
/* ================================================================================== */

/*Breadcrumbs*/
ol.category-breadcrumb { margin-bottom: 5px; font-size: 14px; }
ol.category-breadcrumb:last-of-type { margin-bottom: 20px; }
ol.category-breadcrumb li { display: inline-block; margin-right: 5px; margin-bottom: 0; color: #858689; }
ol.category-breadcrumb li:after { content: ">"; margin-left: 7px; vertical-align: 1px; }
ol.category-breadcrumb li:last-child { background: none; }
ol.category-breadcrumb li:last-child:after { display: none; }

/*Article*/
#post-content { font-size: 16px; line-height: 1.4; }
#post-content p { font-size: 16px; margin-bottom: 1em; }
#post-content h1,
#post-content h2,
#post-content h3,
#post-content h4,
#post-content h5,
#post-content h6,
#post-content pre { margin: 0 0 1em 0; color: #333; }
#post-content h1,
#post-content h2,
#post-content h3,
#post-content h4,
#post-content h5,
#post-content h6 { line-height: 1.3; }
#post-content h1 { line-height: 1.25; }
#post-content p + h2,
#post-content p + h3,
#post-content p + h4 { margin-top: 1.5em;}
#post-content ul,
#post-content ol { margin-left: 2em; margin-bottom: 1em; }
#post-content ul li { list-style: disc; }
#post-content ol li { list-style: decimal; }
#post-content ul li,
#post-content ol li { margin-bottom: .5em; }
#post-content ul li:last-child,
#post-content ol li:last-child { margin: 0; }
#post-content ol li { list-style: decimal; }
#post-content ul ul,
#post-content ol ol { margin-top: .5em; }
#post-content dl dt { font-weight: 700; }
#post-content dl dd { margin-bottom: 1em; }
#post-content blockquote { font-style: italic; border-left: 3px solid #d3d7de; padding-left: 20px; }
#post-content table { width: 100%; font-size: 0.9rem; border-spacing: 0; }
#post-content table td { padding: 4px 0 1px 0; }
#post-content .voImage { margin-bottom: 0.5em; }
#post-content .voImage img { display: block; max-width: 100% !important; height: auto; margin: 0 auto; }
#post-content .voImage.left { float: left; margin-right: 1.25em; }
#post-content .voImage.right { float: right; margin-left: 1.25em; }
#post-content .voImage.center { margin: 1.5em auto; }
#post-content .voImage.fill { width: 100% !important; max-width: none !important; margin-bottom: 15px; }
#post-content .voImage.fill img { display: block; width: 100% !important; max-width: none !important; height: auto; margin: 0 auto; }
#post-content .voImage .caption { background: #F7f7f7; padding: 1em; font-size: .8rem; line-height: 1.45; }
#post-content iframe { width: 100% !important; border: none; }


#cms_blog_default_search {  }
#cms_blog_default_search .cnd-sort { margin-bottom: 60px; }
#cms_blog_default_search #sidebar { display: none; }
#cms_blog_default_search .blog-container {  }
#cms_blog_default_search .post-array ul { border-top: 1px solid #d3d7de; }
#cms_blog_default_search .post-array li { overflow: hidden; padding: 35px 0; border-bottom: 1px solid #d3d7de; display: flex; }
#cms_blog_default_search .post-array li .thumbnail { display: none; }
#cms_blog_default_search .post-array li.has-thumbnail .text { width: calc(100% - 150px); float: right; padding: 0 0 0 25px;}
#cms_blog_default_search .post-array li.has-thumbnail .thumbnail { display: block !important; float: left; width: 150px; border: 1px solid #cdcdcd; padding: 4px; background: #fff; align-self: start; }
#cms_blog_default_search .post-array li a.image { display: block; position: relative; overflow: hidden; }
#cms_blog_default_search .post-array li a.image img { display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#cms_blog_default_search .post-array li a.image .ratio { padding-top: 80%; }
#cms_blog_default_search .post-array li .name { display: block; font-size: 18px; color: #333; font-weight: 600; text-decoration: none; margin-bottom: 10px; }
#cms_blog_default_search .post-array li .text { display: flex; flex-direction: column; line-height: 1.35; }
#cms_blog_default_search .post-array li .price { flex: 1; font-size: 18px; margin-bottom: 25px; }
#cms_blog_default_search .post-array li .price .requires-subscription { color: #898989; font-size: 13px; margin-left: 3px; font-style: italic; vertical-align: 1.5px; }
#cms_blog_default_search .post-array li .cart { display: block; }

/*Blog with filters sidebar*/
#cms_blog_default_search.blog-show-filters #sidebar { display: block; float: left; width: 310px; border-right: 1px solid #d3d7de; margin: -60px 0px -60px -70px; padding: 60px 40px; }
#cms_blog_default_search.blog-show-filters .blog-container { float: left; width: 100%; padding-left: 70px; /*border-left: 1px solid #d3d7de;*/ }
#cms_blog_default_search.blog-show-filters .main-content { width: 1000px; max-width: calc(100% - 120px); }
#cms_blog_default_search.blog-show-filters .block { display: flex; }

@media only screen and (max-width: 780px) {
	#cms_blog_default_search.blog-show-filters .main-content { width: auto; max-width: calc(100% - 60px); margin: 40px auto; }
	#cms_blog_default_search.blog-show-filters #sidebar { margin: -60px 0 -60px -50px; padding: 60px 35px; }
	#cms_blog_default_search.blog-show-filters .blog-container { padding-left: 50px; }
}
@media only screen and (max-width: 580px) {
	#cms_blog_default_search.blog-show-filters .main-content { max-width: calc(100% - 40px); margin: 30px auto; }
}
@media only screen and (max-width: 640px) {
	#cms_blog_default_search.blog-show-filters #sidebar { display: none; }
	#cms_blog_default_search.blog-show-filters .blog-container { float: none; width: 100%; padding: 0; }
}
@media only screen and (max-width: 480px) {
	#cms_blog_default_search.blog-show-filters .main-content { max-width: none; margin: 0; }
}


/*Catalog Sidebar Filters*/
#cms_blog_default_search #sidebar .block { margin-bottom: 10px; }
#cms_blog_default_search #sidebar #cnd-search { float: none; width: 100%; height: 40px; font-size: 14px; padding: 0 0 0 10px; margin: 0 0 15px 0; border: 1px solid #ccc; border-radius: 5px; color: #474747; font-weight: 300;}
#cms_blog_default_search #sidebar #cnd-search img { position: absolute; width: 16px; top: 7px; left: 8px; }
#cms_blog_default_search #sidebar #cnd-search INPUT { border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; font-size: 13px; height: 28px; padding: 0 10px 0 27px;  width: 100%; border-radius: 20px; color: #474747; font-weight: 300; }
#cms_blog_default_search #sidebar .search-wrapper { position: relative; }
#cms_blog_default_search #sidebar .search-wrapper .remove-search-filter { position: absolute; top: 13px; right: 11px; height: 14px; width: 14px; cursor: pointer; background: url(../../public/pigeon/img/icon-cancel.svg) center; background-size: 14px; border: none; text-indent: -9999px; }


#cms_blog_default_search #sidebar ul { clear: both;}
#cms_blog_default_search #sidebar ul li { margin-bottom: 5px; }
#cms_blog_default_search #sidebar .cnd-header { padding: 20px 0; position: relative; border-top: 1px solid #d3d7de; }
#cms_blog_default_search #sidebar .cnd-header h3 { margin-bottom: 5px; font-size: 18px; }
#cms_blog_default_search #sidebar .cnd-header .collapse { display: block !important; width: 14px; height: 14px; float: right; margin-top: 6px; }
#cms_blog_default_search #sidebar .cnd-header .collapse .ui-icon-triangle-1-e { display: block; width: 100%; height: 100%; background: url(../../public/pigeon/img/icon-arrow-down.svg) center; background-size: 21px; }
#cms_blog_default_search #sidebar .cnd-header .collapse .ui-icon-triangle-1-s { display: block; width: 100%; height: 100%; background: url(../../public/pigeon/img/icon-arrow-up.svg) center; background-size: 21px; }
#cms_blog_default_search #sidebar .cnd-header .cancel { float: right; height: 14px; width: 14px; cursor: pointer; background: url(../../public/pigeon/img/icon-cancel.svg) center; background-size: 14px; margin-right: 3px; margin-top: 6px; }

#cms_blog_default_search #sidebar #cnd-category.cnd-header { border: none; padding: 0 0 10px 0; }

/* Nick: Turned off max-height for now */
#cms_blog_default_search #sidebar ul.cnd-list { max-hei/ght: 150px; overflow-y: scroll; position: relative; }
#cms_blog_default_search #sidebar .cnd-header.fade:after { content: ""; width: 100%; height: 20px; position: absolute; bottom: 15px; pointer-events: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ }
#cms_blog_default_search #sidebar ul.cnd-list > ul { padding: 0 0 0 70px !important; font-weight: bold; }
#cms_blog_default_search #sidebar ul.cnd-list li { margin: 10px 0; }
#cms_blog_default_search #sidebar ul.cnd-list > ul li:before { content: "- "; color: #393d45; }
#cms_blog_default_search #sidebar ul.cnd-list > li:last-child { margin-bot/tom: 0; }
#cms_blog_default_search #sidebar ul.cnd-list span { cursor: pointer; display: block;}

#cms_blog_default_search #sidebar ul.cnd-list > li > span { position: relative; padding-left: 20px; }
#cms_blog_default_search #sidebar ul.cnd-list > li > span:before { content: ""; position: absolute; left: 0; top: 6px; width: 10px; height: 10px; background: #474747; }
#cms_blog_default_search #sidebar ul.cnd-list > li.ui-has-child.ui-state-disabled > span:before { background: #393d45; }
#cms_blog_default_search #sidebar ul.cnd-list > li > span.ui-state-active:before { background: #F57946; }
#cms_blog_default_search #sidebar ul.cnd-list li.ui-state-active { list-style-type: none; }
#cms_blog_default_search #sidebar ul.cnd-list li ul { margin-left: 21px; color: #393d45; font-size: 15px; }
#cms_blog_default_search #sidebar ul.cnd-list li ul li span:before { content: "- "; color: #393d45; }
#cms_blog_default_search #sidebar ul.cnd-list li ul li.ui-state-active { color: #F57946; }
#cms_blog_default_search #sidebar ul.cnd-list li ul li.ui-state-active:before,
#cms_blog_default_search #sidebar ul.cnd-list li ul li.ui-state-active span:before { color: #F57946; }
#cms_blog_default_search #sidebar ul.cnd-list li.ui-state-active ul {  }
#cms_blog_default_search #sidebar ul.cnd-list li.ui-state-disabled,
#cms_blog_default_search #sidebar ul.cnd-list li.ui-state-disabled span { opacity: 0.6; cursor: default; }



/*Blog Pagination*/
#archive-pagination-top { overflow: hidden; margin: -20px 0 9px 0; }
#archive-pagination-bottom { overflow: hidden; margin: 9px 0 0 0; }
#cms_blog_default_search .cnd-pagination { font-size: 12px; float: right; height: 18px; line-height: 18px; }
#cms_blog_default_search .cnd-pagination .next, #cms_blog_default_search .cnd-pagination .previous { text-indent: -9999px; padding: 0; width: 20px; height: 18px; border: none; background: none; position: relative; }
#cms_blog_default_search .cnd-pagination .next:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #bcbcbc; position: absolute; top: 5px; left: 5px;}
#cms_blog_default_search .cnd-pagination .previous:after { content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #bcbcbc; position: absolute; top: 5px; right: 5px;}
#cms_blog_default_search .cnd-pagination .next:hover:after { border-left: 10px solid #216098; }
#cms_blog_default_search .cnd-pagination .previous:hover:after { border-right: 10px solid #216098; }



/* ================================================================================== */
/* == Self Install ================================================================== */
/* ================================================================================== */

.vo-pigeon-install { }
.vo-pigeon-install h2 { margin-bottom: 5px; }
.vo-pigeon-install li.vo-username { height: auto; min-height: 42px; }
.vo-pigeon-install .vo-username-feedback { font-size: 15px; margin-top: 15px; font-style: italic; color: #898989; }
.vo-pigeon-install .vo-username-feedback.success { color: #36AF47; }
.vo-pigeon-install .vo-username-feedback.error { color: #D45245; }

/* Self Install loader */
.vo-waiting-for-install { text-align: center; }
.vo-waiting-for-install img { display: block; max-width: 170px; position: relative; transition: all 0.7s; }
.vo-waiting-for-install p { padding: 30px 0 40px 0; font-style: italic; }
.vo-waiting-for-install .progress-bar { height: 2px; margin: -2px; width: 0px; background:#9baaaa; position: relative; border-radius: 8px; }


/* ================================================================================== */
/* == Captcha ======================================================================= */
/* ================================================================================== */

.g-recaptcha { margin-bottom: 25px; }
/*Trying in vain to make recaptcha 100% width*/
/*.g-recaptcha > div:first-of-type { width: 100% !important; }
.g-recaptcha iframe { width: 100% !important; }
div.rc-anchor-normal { width: calc(100% - 2px) !important; }
div.rc-anchor-normal-footer { float: right; margin-right: 9px; }*/
@media only screen and (max-width: 350px) {
	/*To shrink it to fit on small screens*/
	.g-recaptcha { transform: scale(0.85); transform-origin: 0 0; }
}




/** NICK ADDED THESE **/

.input-symbol{
  position: relative;
  text-align: left;
}
.input-symbol span{
  position: absolute;
  transform: translate(0,-50%);
  top: 50%;
  pointer-events: none;
  margin-left: 10px; /* adjust as appropriate */
}
.input-symbol input{
  text-indent: 12px; /* adjust as appropriate */
}


/* Nick added start */
/* jquery ui slider */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.4em; height: 0.8em; cursor: pointer; outline: none; box-shadow: inset 0px 2px 6px rgba(255,255,255,0.21), inset 0px -2px 5px rgba(0,0,0,0.3), inset 0px 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(0,0,0,0.2), 0px 1px 3px rgba(0,0,0,0.3) ;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
	.touch .ui-slider .ui-slider-handle { width: 0.8em; }

.ui-slider-horizontal { height: .3em; margin-top: 10px; border-radius: 2px; background-color: #474747; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.05), inset 0px -1px 3px rgba(255,255,255,0.05); }
.ui-slider-horizontal .ui-slider-handle { top: -.25em; /*margin-left: -.6em;*/ background-color: #F57946; border-radius: 2px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background:url("start/images/ui-bg_flat_55_999999_40x100.png") repeat-x scroll 50% 50% #e7e7e7 }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.cnd-header label {	overflow: hidden; display: block; /*background: url(../../img/time-divider.png) no-repeat center;*/ }
span.ui-range-start { float: left; }
span.ui-range-divider { display: none; }
span.ui-range-end { float: right; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; z-index: 100; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }
/* Nick added end */



/* ================================================================================== */
/* == Newsletter Opt-In Page ======================================================== */
/* ================================================================================== */

.opt-in .opt-in { }
.opt-in .opt-in li { line-height: 30px; overflow: hidden; margin-bottom: 15px; }
.opt-in .opt-in li:last-child { margin-bottom: 0 !important; }
.opt-in .opt-in li ul.newsletter-list { margin: 8px 0; }
.opt-in .opt-in li .checkbox { float: left; margin: 7px 7px 0 0; }
.opt-in .opt-in li .text { float: left; width: calc(100% - 23px); }
.opt-in .opt-in li h3 { margin: 0; }
.opt-in .opt-in li p:empty { display: none; }



/* ================================================================================== */
/* == Landing Page ================================================================== */
/* ================================================================================== */

.landing-page { background: #fff; }
.landing-page .box { background: #fff; border-radius: 5px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); padding: 40px; }


/* Sections */
.landing-page .section { border-bottom: 1px solid #dcdcdc; }
.landing-page .section:after { content: ""; display: table; clear: both; }
.landing-page .section-container { max-width: 1200px; margin: 0 auto; padding: 60px 70px; }
.landing-page .section-container:after { content: ""; display: table; clear: both; } /* clearfix */
.landing-page .section-title { padding: 0; margin: 0 0 60px 0; } /* Reset from the global section titles */

.landing-page .section .button { display: table; width: auto; padding-left: 20px; padding-right: 20px; }


/* Image and Text */
.landing-page .section--image-text {  }
.landing-page .section--image-text .image { float: left; width: 50%; }
.landing-page .section--image-text .image img { display: block; width: 100%; }
.landing-page .section--image-text .image img.border { border: 1px solid #dcdcdc; padding: 8px; background: #fff; }
.landing-page .section--image-text .text { float: right; width: 50%; padding: 0 0 0 60px; }
.landing-page .section--image-text .text h2 { margin-bottom: 15px; }
.landing-page .section--image-text .text h3 { margin-top: -15px; margin-bottom: 15px; }
.landing-page .section--image-text .text ul,
.landing-page .section--image-text .text ol { padding-left: 20px; }
.landing-page .section--image-text .text ul li { list-style: disc; }
.landing-page .section--image-text .text ol li { list-style: decimal; }
.landing-page .section--image-text .text .button { margin-top: 15px; }

.landing-page .section--image-text.section--image-text-reverse {}
.landing-page .section--image-text.section--image-text-reverse .image { float: right;  }
.landing-page .section--image-text.section--image-text-reverse .text { float: left; padding: 0 60px 0 0;  }


/* Hero */
.landing-page .section--hero { text-align: center; }
.landing-page .section--hero .section-container { max-width: 850px; }
.landing-page .section--hero img { display: block; width: 100%; margin-bottom: 50px; }
.landing-page .section--hero h2 { font-size: 2.5rem; }
.landing-page .section--hero .button { display: inline-block; margin: 0 5px; }


/* Headline */
.landing-page .section--headline { text-align: center; background: #333; padding: 50px 0; }
.landing-page .section--headline h2 { font-size: 2.5rem; color: #fff; }
.landing-page .section--headline .button { margin: 0 auto; }


/* Full Image */
.landing-page .section--image { background: #fff; }
.landing-page .section--image img { display: block; margin: 0 auto; max-width: 100%;  }


/* Full Image */
.landing-page .section--image-full {  }
.landing-page .section--image-full img { display: block; width: 100%; }


/* Features 1 */
.landing-page .section--features1 {  }
.landing-page .section--features1 .section-container {  }
.landing-page .section--features1 .section-title { text-align: center; }
.landing-page .section--features1 h2 { font-size: 2.5rem; }
.landing-page .section--features1 ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -3%; }
.landing-page .section--features1 ul li { flex: 0 23%; margin-bottom: 3%; }


/* FAQ 1 */
.landing-page .section--faq1 .section-container { max-width: 850px; }
.landing-page .section--faq1 h2 { font-size: 2.5rem; text-align: center; }
.landing-page .section--faq1 .faq-list { border-top: 2px solid rgba(0,0,0,0.1); margin-bottom: 20px; }
.landing-page .section--faq1 .faq-list li { border-bottom: 2px solid rgba(0,0,0,0.1); padding: 24px 0 10px 0; }
.landing-page .section--faq1 .faq-list .faq-q { font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 10px; background: url(../../public/pigeon/img/icon-arrow-down.svg) no-repeat right center; background-size: 28px; padding-right: 40px; }
.landing-page .section--faq1 .faq-list .faq-a { display: none; }
.landing-page .section--faq1 .faq-list .open .faq-q { background: url(../../public/pigeon/img/icon-arrow-up.svg) no-repeat right center; background-size: 28px; }
.landing-page .section--faq1 .faq-list .open .faq-a { display: block }


/* FAQ 2 */
.landing-page .section--faq2 h2 { font-size: 2.5rem; border-bottom:2px solid rgba(0,0,0,0.1); padding-bottom: 15px; margin-bottom: 35px; }
.landing-page .section--faq2 .faq-list {  }
.landing-page .section--faq2 .faq-list li { display: inline-block; width: calc(50% - 2px); vertical-align: top; padding: 0 25px 20px 0; }
.landing-page .section--faq2 .faq-list li:nth-child(even) { padding: 0 0 20px 25px; }
.landing-page .section--faq2 .faq-list .faq-q { font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 10px; }


/* Login */
.landing-page .section--login .section-container { max-width: 620px; }
.landing-page .section--login h2 { font-size: 2.5rem; text-align: center; margin: 0; }
.landing-page .section--login p { text-align: center; margin-bottom: 2em;}
.landing-page .section--login .box { margin-bottom: 20px; }

.landing-page .section--login .message { color: #d53353; margin: 0 0 10px; }
.landing-page .section--login .message:empty { display: none; }
.landing-page .section--login .error-message { padding: 10px; margin: 0 0 20px 0; border-radius: 5px; }
.landing-page .section--login .error-message a { color: #fff !important; }
.landing-page .section--login .waiting-for-results { background: #fff url(../../public/pigeon/img/spinner-big.gif) no-repeat center center; position: absolute; left: 5px; top: 5px; width: calc(100% - 10px); height: calc(100% - 10px); padding: 0; }

.landing-page .section--login label { display: block; margin-bottom: 5px; font-weight: 600; }
.landing-page .section--login input { width: 100%; height: 40px; font-size: 14px; padding: 0 0 0 10px; margin: 0 0 15px 0; border: 1px solid #ccc; border-radius: 5px; color: #474747; }
.landing-page .section--login button { width: 100% !important; }
.landing-page .section--login a.forgot-password { display: block; font-size: 14px; color: #aaa; margin-bottom: 15px; }

.landing-page .section--login .register-facebook { padding: 35px 0 0 0; margin: 20px 0 -5px 0; }
.landing-page .section--login .register-facebook:before { width: 100%; top: 7px; bottom: auto; }
.landing-page .section--login .register-facebook:after { content: "Or continue with"; width: 130px; bottom: auto; top: -3px; margin-left: -65px; }


/* Message */
.landing-page .section--message1 { }
.landing-page .section--message1 .section-container { position: relative; z-index: 1; }
.landing-page .section--message1 .message { font-family: monospace; }
.landing-page .section--message1 .message h2 { font-family: monospace; font-weight: bold; font-size: 1.4rem; }
.landing-page .section--message1 .message p:last-child { margin: 0; }

.landing-page .section--message1 .message {
  background: #F8F5EB;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  padding: 60px;
  position: relative;
  max-width: 750px;
  margin: 0 auto;
}
.landing-page .section--message1 .message:before,
.landing-page .section--message1 .message:after {
  content: "";
  height: 98%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.landing-page .section--message1 .message:before {
  background: #F5F1E5;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  left: -5px;
  top: 4px;
  transform: rotate(-2.5deg);
}
.landing-page .section--message1 .message:after {
  background: #F2EDDF;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  right: -3px;
  top: 1px;
  transform: rotate(1.4deg);
}
	
@media only screen and (max-width: 520px) { 
	.landing-page .section--message1 .message { padding: 30px; }
	.landing-page .section--message1 .message p { font-size: 13px; }
	.landing-page .section--message1 .message h2 { font-size: 18px; }
}


/* Pricing 1 */
.landing-page .section--pricing1 {  }
.landing-page .section--pricing1 .section-container {  }
.landing-page .section--pricing1 .section-title { text-align: center; }
.landing-page .section--pricing1 .section-title h2 { font-size: 2.5rem; }
.landing-page .section--pricing1 p { font-size: 16px; }

.landing-page .section--pricing1 .grid-container { display: grid; grid-template-columns: auto auto auto auto; grid-template-rows: auto auto auto; column-gap: 30px; }
.landing-page .section--pricing1 .grid-container div { border: 1px solid rgba(0,0,0,0.25); padding: 20px; }
.landing-page .section--pricing1 .grid-container .description { border-bottom: none;  border-radius: 5px 5px 0 0; }
.landing-page .section--pricing1 .grid-container .price-box { border-top: none; border-bottom: none; ali///gn-self: end; }
.landing-page .section--pricing1 .grid-container .included { }

.landing-page .section--pricing1 .grid-container .price { font-weight: 700; font-size: 2rem; }
.landing-page .section--pricing1 .grid-container .time { opacity: 0.75; }
.landing-page .section--pricing1 .grid-container .button { display: block; }
.landing-page .section--pricing1 .grid-container .included { border-top: 1px solid rgba(0,0,0,0.25); }
.landing-page .section--pricing1 .grid-container .included ul { margin-left: 20px;}
.landing-page .section--pricing1 .grid-container .included li { list-style: disc; }