html, body, div, span, object, iframe, h1, h2, .blog article h1:not(.title), h3, h4, h5, h6, h6, p, blockquote, pre, a, abbr, address, big, cite, code, img, q, s, small, strike, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, embed, figure, figcaption, footer, header, nav, output, section, summary, time, mark, audio, video {
  border: 0;
  font: inherit;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 10px; /* sets base for REM units */
}
body {
    background-color: #ffffff;
    color: #666666;
    font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    /*font-size: 0.8rem;*/ /* 12.8px previous default */
    font-size: 1.4rem; /* 14px new default */
    font-weight: 300;
    height: 100%;
    line-height: 1.42857; /* 20px for font-size 14px */
    margin: 0;
    padding: 0;
    width: 100%;
}
body.fixed_body {
    position: fixed !important;
}
textarea, select {
    font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    font-weight: 300;   
    font-size: 1.4rem;
}
select {
    height: 38px;
    border: solid 1px #d4e6e8;
    border-radius: 5px;
    margin: 0 0 10px 0;
}
select:focus {
    /* Source: https://www.carnival.com/bundles/desktop/styles */
    outline: 3px solid #AAAAAA !important;
    outline-offset: 0 !important;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
    color: #3a7c81;
    text-transform: none;
}
h1, .h1 {
    font-size: 2.2rem;
    font-weight: 200;
    letter-spacing: -0.05rem;
}
h2, .h2 {
    font-size: 1.6rem;
    text-transform: uppercase;
}
h2 a,
.h2 a {
	text-decoration: none;
	color: inherit;
}
h2 a:hover,
.h2 a:hover {
	text-decoration: underline;
}
h3, .h3 {
    margin-bottom: 0.5em;
    font-size: 1.6rem;
}
h4, .h4 {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 0.25em;
}
p {
    margin-top: 0;
}
strong {
    font-weight: 500;
}
header {
    /* For interior pages desktop display min-width 801px wide */
    /* Default color: Can override for Site Branding in CMS */
    background-color: transparent;
    /* Default HMW image: Can override for Site Branding in CMS */
    background-image: url('../redesign/hw_logo.png');
    background-position: center 34px;
    background-repeat: no-repeat;
    background-size: auto 100px;
    height: 134px;
}
header.header_with_ta {
    height: 138px;
    padding: 48px 0 0 0;
}
header.header_with_ta div {
    max-width: 815px;
    margin: 0 auto;
    text-align: right;
    padding: 0 10px;
}
a {
    /*text-decoration: none;*/ /* bad for accessibility */
}
a:hover {
    text-decoration: none;
}
a:focus {
    /* Source: https://www.carnival.com/bundles/desktop/styles */
    outline: 3px solid #AAAAAA !important;
    outline-offset: 0 !important;
}
a.anchor {
    display:block;
    position: relative;
    top: -60px;
}
.hiddenLinkText {
    float: left;
    text-indent: -9999px;
}
article {
    background-color: #ffffff;
    margin: 0 auto 50px auto;
    max-width: 832px;
}
article.home_page {
    max-width: 100%;
}
article.wide_page {
    max-width: none;
}
article:has(.wide_page) {
    max-width: none;
}
article img {
    max-width: 100%;
}

form {
    /* padding: 0 10px 10px 10px; */
}
label {
    line-height: 24px;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="email"], input[type="number"], input[type="url"], input[type="file"], input[type="tel"], textarea {
    /* See .form-control from Bootstrap below */
    border: solid 1px #d4e6e8;
    border-radius: 5px;
    font-size: 1.4rem;
    height: 38px;
    line-height: 1.42857143; /* x 14 = 20 px */
    margin: 0 auto 10px auto;
    padding: 8px 10px;
    -webkit-appearance: none;
}
input[type="file"] {
    padding: 0 10px 0 60px;
}
input[type="submit"] {
    cursor: pointer;
}
textarea {
    height: auto;
    resize: vertical;
}
button,
[role="button"] {
    cursor: pointer;
}

::-webkit-input-placeholder { color: #999999;}
::-moz-placeholder { color: #333333; }
:-ms-input-placeholder { color: #999999; }
input:-moz-placeholder { color: #999999; }
/* IE Placeholder plugin CSS */
input[data-placeholder-bound="true"], .placeholder {
    color: #999999;
}
input:required, select:required, textarea:required, .required_asterisk {
    background: #ffffff url('../redesign/icon_red_asterisk.png') no-repeat 98% center;
}
select:required {
    background-position-x: 97%;
    width: 100%;
}
/* Hide the arrows for Number inputs */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}
textarea {
    padding: 10px;
}

.rounded_container {
    border: solid 1px #dddddd;
    border-radius: 5px;
    margin-bottom: 10px;
}
#shade {
    display:none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #cccccc;
    opacity: 0.75;
    z-index: 30000;
}

.popupWrapper {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 31000;
    display: none;
    width: 100%;
    height: 100%;
    outline: 0;

}
.popup {
    background-color: #ffffff;
    border: solid 1px #dddddd;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    display: none;
    left: 50%;
    margin-left: -220px; /* default */
    overflow: auto;
    padding: 10px 20px 10px 20px;
    position: fixed;
    top: 100px;
    /*width: 400px;*/ /* without box-sizing */
    width: 440px; /* default */
    z-index: 31000;
}

.popupWrapper .popup {
    display: block;
    position: relative;
    margin-bottom: 20px;
}
.popup[id*="edit_registry_"] {
    margin-left: -250px; /* override */
    width: 500px; /* override */
}
.popup[id*="edit_registry_"] table  {
    border-collapse: collapse;
    width: 100%;
}
.popup[id*="edit_registry_"] table th {
    padding: 20px 0 10px 0;
    font-weight: 400;
    text-align: center;
    border-bottom: solid 1px #dddddd;
}
.popup[id*="edit_registry_"] table tr:nth-child(even) {
    background-color: #eeeeee;
}
.popup[id*="edit_registry_"] table th,
.popup[id*="edit_registry_"] table td {
    padding: 5px;
    vertical-align: middle;
}

/* Resize popup on small screens */
@media screen and (max-width: 800px) {
    .popup {
        top: 20px;
        /* Override styles for specific popups */
        margin-left: -45% !important;
        width: 90% !important;
    }
}
/* If html class = no-js */
.no-js .popup:not(#speed_bump) {
    bottom: auto;
    display: block;
    left: auto;
    margin: auto;
    max-height: unset;
    position: relative;
    right: auto;
    top: auto;
}
.popup h1, .popup .h1,
.popup h3 {
    clear: both;
    text-align: center;
}
.popup .button_close {
    float: right;
    margin: 0;
    overflow: hidden;
}
.popup_youtube {
    width: 660px;
    height: 496px;
    margin-left: -330px;
}
.popup_youtube iframe {
    width: 100%;
    height: 476px;
    border: 0;
}
.registry_item .popup_image img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}
.popup_click_zoom {
    display: block;
    position: relative;
}

.popup .or {
    margin: 1em 0;
    text-align: center;
}
.popup .subheading {
    margin: 0.5em 0;
    text-align:center;
}
.popup .styled_button_large {
    width: 100%;
}

#popup_cvc img {
    margin: auto;
}

#popup_destination_select {
	border: solid 1px #dddddd; 
	width: 100%;
	height: 170px; 
	overflow-y: scroll; 
	overflow-x: hidden;
	border-radius: 5px;
	display: none;
	-webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.25);
    box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.25);
}
#popup_destination_select p {
    margin: 10px;
}
#popup_destination_select a {
    display: block;
    padding: 5px;
}
#popup_destination_select a:hover {
    background-color: #eeeeee;
}
.carousel {
    overflow: hidden;
    padding:20px 0 30px 0;
    background: #d4e6e8;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%, #d4e6e8 10%,#d4e6e8 90%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%); 
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%, #d4e6e8 10%,#d4e6e8 90%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%, #d4e6e8 10%,#d4e6e8 90%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%); 
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%, #d4e6e8 10%,#d4e6e8 90%,rgba(255,255,255,0) 90%,rgba(255,255,255,0) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
}
#carousel, #carousel_3d {
    position: relative;
    top: -14px;
}
.carousel .swiper-slide {
    width: 550px;
    height: 300px;
    color: #ffffff;
    overflow: hidden;
}
.carousel .swiper-slide img {
    width: 550px;
    height: 300px;
}
.swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.swiper-slide a:hover {
    text-decoration: none !important;
}
.swiper-container-horizontal>.swiper-pagination {
    bottom: 5px;
    z-index:2000;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active {
    color:#fff;
    background: #6aa9ae;
}

/* Pause + Play <button> */
.slider-button-pause,
.slider-button-play {
    background: #ffffff;
    border: 1px solid #cccccc;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 40px;
    left: 0;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    right: auto;
    top: auto;
    width: 40px;
    z-index: 9999;
}
.slider-button-play {
    display: none;
}
.slider-button-pause:focus,
.slider-button-play:focus,
.slider-button-pause:hover,
.slider-button-play:hover {
    -moz-box-shadow:    inset 0 0 5px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow:         inset 0 0 5px 0 rgba(0,0,0,0.5);
}


.horizontal_bar {
    background-color: #6aa9ae;
    color: #ffffff;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}
.horizontal_bar a {
    display: inline-block;
    width: auto;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 1.2rem;
    text-decoration: none;
}
.horizontal_bar a:hover {
    color: #d4e6e8;
}

.horizontal_bar a:focus,
.horizontal_bar a:hover {
    text-decoration: underline;
}

nav {
    display: block;
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;

}
nav ul {
    padding: 0;
}
nav li {
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: 0.05rem; 
    border-color: #d4e6e8;
    border-style: solid;
    border-width: 0 1px 0 0;
    text-transform: uppercase;
    margin: 0;
}
nav li:last-child {
    border-right-width: 0;
}
nav li a, nav li a:visited {
    display: block;
    text-decoration: none;
    border-bottom: none;
    margin: 0;
    padding: 0.6rem;
    color: #333333;
}
nav li a:hover {
    text-decoration: none;
    background-color: #d4e6e8;
    color: #3a7c81;
}
nav > ul > li > a:focus {
    text-decoration: none;
}
.mobile_only, .nav_mobile_only {
    display: none !important;
}
.desktop_only {
    display: block !important;
}

.desktop_only_inline_block {
    display: inline-block !important;
}

nav.nav_top_bar {
    position: fixed;
    width: 100%;
    display: block;
    margin-top: 0;
    top: 0;
    z-index: 20000;
    font-weight: 300;

    background-color: rgba(255,255,255,0.95);

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
    float: right;
}
nav.hide_slide_up {
    /*     top: -100px; */
    transform: translateY( -100px);
    -ms-transform: translateY( -100px ); /* IE9 */
}
nav.nav_secondary {
    background-color: #eeeeee;
    color: #999999;
}
nav.nav_secondary ul li {
    font-size: 1.2rem;
}
nav.nav_secondary > ul > li > a {
    border-left: solid 1px #ffffff;
    /* height = 7+20+7 = 34px */
    line-height: 20px;
	padding: 7px 10px;
}
nav.nav_secondary > ul > li:first-child a {
    border: none;
}
nav.nav_secondary .nav_group {
    width: auto;
    position: absolute;
}

/* Little arrows for the expanders */
nav .expander_nav_group {
    background: transparent url('../redesign/icon_chevron_down.svg') no-repeat right 10px center;
    background-size: 16px 16px;
}
nav.nav_secondary > ul > li > a.expander_nav_group {
    padding-right: 30px; /* space for arrow icon */
}
nav .expander_nav_group.expanded {
    background: transparent url('../redesign/icon_chevron_up.svg') no-repeat right 10px center;
    background-size: 16px 16px;
}
nav .expander_nav_group.rotate {
    transform: rotate( -180deg );
    transition: transform 150ms ease;
}
nav .expander_nav_group.unrotate {
    transform: rotate( 360deg );
    transition: transform 150ms ease;
}
/* No arrows if the expander works on mouseover */
nav .expander_nav_group.hover {
    /*background: inherit; /* commented out because this wrecks a lot of other things - TT */
}

ul.nav_mobile_menu {
    display: none;
}
ul.nav_main {
    margin: 0;
    z-index: 10000;
}
ul.nav_main_right {
    float: right;
}
@media (min-width: 801px) {
    ul.nav_main_right {
        height: auto !important; /* override javascript */
    }
}
ul.nav_main_left {
    float: left;
}
ul.nav_main li{
    display: block;
    float: left;
}
ul.nav_main li:last-child {
    border-right-width: 0;
}

ul.nav_main li a {
    /*height = 11+12+11 = 34px*/
    font-size: 1.2rem;
    min-width: 100px;
    line-height: 1;
    padding: 11px 10px 11px 10px;
}

ul.nav_main li a.expander_nav_group {
    padding-right: 30px; /* space for arrow icon */
}

ul.nav_main li.button_home, ul.nav_main li.button_menu {
    float:left;
}
ul.nav_main li.button_cart {
    float:right;
    border-left-width: 1px;
}
ul.nav_main li.button_home a,
ul.nav_main li.button_menu a,
ul.nav_main li.button_cart a  {
    /* with SVG icon */
    height: 34px;
    min-width: 50px;
    padding: 8px 0;
}

ul.nav_main li.button_menu a svg.icon.icon_close {
    display: none;
}

ul.nav_main li.button_menu a[aria-expanded="true"] svg.icon.icon_menu {
    display: none;
}

ul.nav_main li.button_menu a[aria-expanded="true"] svg.icon.icon_close {
    display: inline;
}

svg.icon,
svg .icon {
    height: 18px;
    fill: #666666;
    width: 16px;
}
svg.icon_cart {
    margin: 5px 0 0 0;
}
svg.icon_gift_box {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 46%;
    margin-left: -310px
}

.icon_flag_container {
    float: right;
    width: 100px;
    height: 100px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    background-size: contain;
    margin: 0 0 10px 10px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
}

.search_icon_wrapper {
    border-radius: 5px;
    width: 20px;
    height: 20px;
    padding: 3px;
    background: #ffffff;
    float: left;
    position: absolute;
    right: 0;
    bottom: 2px;
}
svg.icon_spinner {
    width: 60px;
    height: 60px;
}
svg.icon_click {
    width: 100px;
    height: 100px;
    fill: #448844 !important;
}
ul.nav_group {
    display: none;
    text-align: left;
    background-color: rgba(255,255,255,0.85);
    list-style: none;
    padding: 0 0 0 0;
    margin: 0;
    height: auto;
    min-width: 120px;
    position: absolute;
    top: 34px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
    z-index: 1000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*overflow: hidden;*/
}
ul.nav_group li {
    display: block;
    letter-spacing: normal;
    border: 0;
    text-transform: none;
    float:none;
}
ul.nav_group li a, ul.nav_group li a:visited {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #6aa9ae;
}
ul.nav_group li a:hover, ul.nav_group li a.selected {
    background-color: #d4e6e8;
    color: #3a7c81;
}
ul.nav_group li a.highlighted {
    padding-left: 10px;
    text-transform: uppercase;
}
ul.nav_group li .page_enabled, ul.nav_group li .page_disabled {
    float: left;
    width:8px; height: 8px;
    background-color: #aaffaa;
    margin: 14px 2px 0 6px;
    border-radius: 5px
}
ul.nav_group li .page_locked, ul.nav_group li .page_unlocked {
    width: 19px;
    height: 10px;
    float: left;
    margin: 7px 1px 0 6px;
}
ul.nav_group li .page_unlocked {
    background-color: transparent;
}
ul.nav_group li .page_disabled {
    background-color: #cccccc;
    border-color: #aaaaaa;
}


.horizontal_tabs {
    margin: 10px 0 0 0;
    height: 32px;
    border-bottom: solid 1px #dddddd;
    padding:0;
}
.horizontal_tabs li {
    list-style: none;
}
.horizontal_tabs li a {
    display:block;
    padding: 8px;
    text-align: center;
    min-width: 120px;
    float:left;
    border: solid 1px #dddddd;
    border-right: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #eeeeee;
    text-decoration: none;
    line-height: 15px;
    color: #666666;
}
.horizontal_tabs li a:hover {
    color: #666666;
    text-decoration: underline;
}
.horizontal_tabs li:last-child a {
    border-right: solid 1px #dddddd;
}
.horizontal_tabs .selected {
    font-weight: bold;
    background-color: #ffffff;
    border-bottom-color: #ffffff;
}
.horizontal_tab_section {
    padding: 10px;
    border: solid 1px #dddddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
}

/*.popup {}*/
#form_create_modal .content,
#form_find .content,
#form_login .content {
    margin: 0 auto;
    max-width: 280px;
}
#form_create_modal input[type="text"]::placeholder,
#form_find input[type="text"]::placeholder {
    text-transform: none;
}
#form_login #linkForgotPassword,
#form_login #linkForgotPassword:visited {
	display: block;
	clear: both;
	/*color: #999999;*/ /* insufficient color contrast */
	text-decoration: none;
	text-align: center;	
	margin-top: 25px;
}
#form_login #linkForgotPassword:hover {
    text-decoration: underline;
}

form#couples_search {
    display: none;
    padding: 0 10px 10px 10px;
}

.social_media_icons {
    /*float: right;*/
}
.social_media_icons p {
    margin: 0;
    padding: 5px 0;
    font-size: 1.2rem;
}
.social_media_icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social_media_icons li {
    display: inline-block;
    margin: 1px;
}
.social_media_icons li a {
    display: block;
    padding: 5px;
}

.sample_registries {
    margin-bottom:  50px;
}
.sample_registries .horizontal_bar {
    background: #d4e6e8 url('../redesign/flower_in_wooden_boat.jpg') top center no-repeat;
    min-height: 50px;
}
.sample_registries .horizontal_bar img {
    display: block;
    width: 298px;
    height: 71px;
    margin: 0 auto 0 auto;
}
.sample_registries h2 {
    text-align: center;
}
.sample_registries ul {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 20px auto;
}
.sample_registries ul li {
    letter-spacing: normal;
    text-transform: none;
    border: none;
    padding: 0;
    background: transparent url('../redesign/arrow.png') -1px center no-repeat;
    background-size: 10px 10px;
}
.sample_registries ul li a {
    display: inline;
    line-height: 30px;

}
.sample_registries li a:hover {
    color: #3a7c81;
    background-color: inherit;
    text-decoration: underline;
}


.styled_button, .styled_button_short {
    display: block;
    margin: 10px auto 10px auto;
    padding: 10px;
    text-transform: uppercase;
    border: solid 1px #d4e6e8;
    border-radius: 5px;
    font-size: 1.2rem;
    max-width: 320px;
    text-align: center;
    text-decoration: none;
    background-color: #d4e6e8;
    /*background-image: -moz-linear-gradient(top, #e9f2f3 0%, #d4e6e8 8%, #d4e6e8 92%, #bcd6d9 100%);*/
    /*background-image: -ms-linear-gradient(top, #e9f2f3 0%, #d4e6e8 8%, #d4e6e8 92%, #bcd6d9 100%);*/
    /*background-image: -o-linear-gradient(top, #d4e6e8 92%, #e8f2f3 0%, #d4e6e8 8%, #bcd6d9 100%);*/
    /*background-image: linear-gradient(to bottom, #e9f2f3 0%, #d4e6e8 8%, #d4e6e8 92%, #bcd6d9 100%);*/

    color: #3a7c81;
    cursor: pointer;

    clear:both;
}
.styled_button_short {
    padding: 5px 0 5px 0;
}

.styled_button:hover,
.styled_button_large:hover,
.styled_button_short:hover {
    text-decoration: underline;
}
.styled_button.unavailable, .styled_button_short.unavailable {
    background-color: #dddddd;
    background-image: none;
    color: #999999;
    border-color: #cccccc;
    cursor: default;
}
.styled_button.unavailable:hover, .styled_button_short.unavailable:hover {
    color: #ff0000;
    text-decoration: none;
}
nav.homepage_link_back_buttons li {
    border: none;
    text-indent: -9999px;
    margin: 0;
}
nav.homepage_link_back_buttons li a, nav.homepage_link_back_buttons li div {
    width: 200px;
    height: 200px;
    background-size: 200px 200px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 20px 20px 20px;
    overflow: hidden;
    padding: 0;
}


#carousel_partners {
    /*     max-width: 720px; */
    overflow:hidden;
    margin: 0 auto 50px auto;
}
#carousel_partners_overlay {
    width: 100%;
    height: 300px;
    position:relative;
    top: -10000px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+8,0+91,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 8%, rgba(255,255,255,0) 92%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 8%,rgba(255,255,255,0) 92%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
#carousel_partners h2 {
    text-align: center;
}
#carousel_partners .swiper-slide {

    -webkit-filter: none;
    filter: none;
    /*opacity: 1.0;*/

    /*
        -webkit-filter: grayscale(1);
        filter: gray;
    */
    /*     filter: grayscale(1); */

    opacity: 0.7;

    background-repeat: no-repeat;
    width: 175px !important;
    height: 75px !important;
    padding: 0;
    margin: 0;
    border: solid 1px #dddddd;
    background-size: contain;
    background-position: center center;
}
#carousel_partners .swiper-slide.grayscale {
    -webkit-filter: grayscale(1);
}
#carousel_partners .swiper-slide:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1.0;
}

#carousel_registry_items {
    max-width: 720px;
    overflow:hidden;
    margin: 0 auto 50px auto;
}
#carousel_registry_items h2, #carousel_registry_items_wee h2 {
    text-align: center;
}
#carousel_registry_items .swiper-slide, #carousel_registry_items_wee .swiper-slide {
    background-repeat: no-repeat;
    width: 175px;
    height: 125px;
    padding: 0;
    margin: 0;
    border: solid 1px #dddddd;
}

#carousel_registry_items_wee {
    /*     width: 768px; */
    overflow:hidden;
    margin: 0 auto 50px auto;
}
#carousel_registry_items_wee .swiper-slide  {
    width: 90px;
    height: 67px;
}

/* KLUDGE */
header.skinv4, nav.skinv4 {
    height: 0;
    display: none;
}

/* .swiper-container */
#carousel_primary_hero,
#carousel_secondary_hero {
    height: 600px;
    max-width: 1440px;
    width: 100%;
}
#carousel_secondary_hero {
    height: 252px;
}

#hero_background .logo,
#carousel_primary_hero .logo,
#hero_video .logo {
/*     background: rgba(121, 197, 219, 0.75) url('../redesign/hw_logo_white.png') no-repeat top center; */
/*     background: rgba(255, 255, 255, 0.85) url('../redesign/hw_logo.png') no-repeat top center; */
    background-size: contain;
    width:100%;
    height: 100px;
    position:absolute;
    top: 45px;
    z-index: 2000;
    pointer-events: none;
}
.blur {
	-webkit-filter: blur(8px) contrast(0.4) brightness(1.4);
	/*-moz-filter: blur(8px) contrast(0.4) brightness(1.4);*/
	/*-o-filter: blur(8px) contrast(0.4) brightness(1.4);*/
	/*-ms-filter: blur(8px) contrast(0.4) brightness(1.4);*/
/* 	clip: rect(520px 573px 516px 351px); */
	transition: all 0.5s ease-in-out;
	-webkit-transform: translate3d(0,0,0);
}

#carousel_primary_hero .swiper-slide a,
#carousel_primary_hero .swiper-slide .hero-single,
#carousel_secondary_hero .swiper-slide a {
    background-position:center center;
    background-size:cover;
    color: inherit;
    left:0;
    position:absolute;
    top:0;
    vertical-align: middle;
}
#carousel_primary_hero .swiper-slide .hero-single {
    height: 100%;
    width: 100%;
}
#carousel_secondary_hero .swiper-slide a {
    /* overrides to above */
    color: #ffffff;
    padding: 50px 8% 0 8%;
    width: 84%;
}
/* If slide has no URL link */
#carousel_primary_hero .swiper-slide a[href="#"] {
    cursor: default;
}
#carousel_primary_hero .swiper-slide a div {
    bottom: 120px;
    /*padding: 0 10%;*/
    margin: 0 10%;
    position: absolute;
    text-align: center;
    width: 80%;
    z-index: 5000;
}

#carousel_secondary_hero .swiper-button-white {
    width: 70px;
    height: 70px;
    margin-top: -35px;
}

#hero_background {
    background-color: #eeeeee;
    -webkit-box-shadow: 0 10px 150px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 10px 150px 1px rgba(0,0,0,0.25);
    box-shadow: 0 10px 150px 1px rgba(0,0,0,0.25);
    margin-top: 34px;    
    position: relative;
}
#hero_background .logo {
    background-repeat: no-repeat;   /* Make this repeat horizontally for seamless theader */
    background-position: center center;
    background-size: 1440px 600px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 600px;
    z-index: 2000;
}
#hero_background .agent_data {
    max-width: 1000px;
    margin: 0 auto;
    text-align: right;
    padding: 8px 10px 0 0;
    pointer-events: auto;
}

/* OVERLAY */
.hero_shade {
    /* DEFAULT is transparent */
    /* Color can be selected in CMS Primary Heroes Shade Color */
    background-color: transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    width: 100%;
    z-index: 1000;
}
#hero_login a {
    position: absolute;
    top:0;
    right: 0;
    z-index: 2000;
    color: #ffffff;
    padding: 5px 10px;
    margin: 10px;
    border: solid 1px #ffffff;
    border-radius: 5px;
}
#hero_buttons {
    width: 700px;
    margin: 0 auto 0 -300px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 3000;
}
#hero_buttons a {
    /* Applies to #button_start_a_registry and #button_find_couple */
    float: left;
    margin: 0 0 0 45px;
}
.styled_button_large {
    display: block;
    color: #ffffff;
    font-size: 1.6rem;
    text-align: center;
    width: 250px;
    padding: 14px 0;
    border-radius: 5px;
    background: #5abbff;
    text-decoration: none;
    text-transform: none;
}

#button_facebook,
#button_facebook_share,
#button_facebook_signup,
.button_facebook {
    margin: 5px auto 5px auto;
    float: none;
    background: #3b5998 url('../redesign/icon_facebook.png') no-repeat bottom left;
    background-size: 40px 40px;
    padding-left: 30px;
    color: #ffffff;
}
#button_instagram {
    margin: 10px auto 5px auto;
    float: none;
    background: #2a5b83 url('../redesign/icon_instagram.png') no-repeat 9px 9px;
    background-size: 30px 30px;
    padding-left: 30px;
    color: #ffffff;
}

#carousel_partners h1,
#carousel_partners .h1,
#sample_registries h1,
#sample_registries .h1  {
    text-transform: none;
    text-align: center;
    color: #666666 !important;
}

#home_content {
    line-height: 1.5;
    margin: 20px auto 20px auto;
    max-width: 1000px;
    padding: 20px;
}
#home_content h1 {
    margin-top: 0;
}
#home_content li {
    margin-bottom: 0.5em;
}

#home_stats {
    width: 100%;
    height: 230px;
    text-align: center;
    font-size: 1.4rem;
}
#home_stats div {
    width: 25%;
    min-height: 100px;
    padding-top: 110px;
    background-size: 100px 100px;
    float: left;
}
#home_stats p {
    margin: 0;
    letter-spacing: -1px;
}
#home_stats .home_stat_number {
    font-weight: bold;
}
#home_stats_resorts {
    background: transparent url('../redesign/icon_globe.png') no-repeat top center;
}
#home_stats_travel_agents {
    background: transparent url('../redesign/icon_luggage.png') no-repeat top center;
}
#home_stats_couples {
    background: transparent url('../redesign/icon_tux_gown.jpg') no-repeat top center;
}
#home_stats_wishes {
    background: transparent url('../redesign/icon_gift_box.png') no-repeat top center;
}

#sample_registries {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 20px;
    background: transparent url('../redesign/drop_shadow_round.png') no-repeat top center;
}
#sample_registries ul {
    list-style: none;
    width: 100%;
    padding: 0;
    text-align: center;
}
#sample_registries ul li {
    display: inline-block;
    float: none;
}
#sample_registries a {
    color: #333333;
    display: block;
    border: solid 1px #dddddd;
    border-radius: 3px;
    font-size: 1.2rem;
    height: 100%;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    -webkit-box-shadow: 0 4px 10px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 4px 10px 1px rgba(0,0,0,0.25);
    box-shadow: 0 4px 10px 1px rgba(0,0,0,0.25);
    transition: all 0.05s ease-in-out;
}
#sample_registries li.selected {
    padding: 15px 20px 25px 20px;
}
#sample_registries li.selected a {
    border: solid 5px #ff0000;
}

#sample_registries a .thumbnail {
    height: 77%;
    width: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
#sample_registries a .title {
    height: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

#sample_registries li:hover {
    /*width: 200px;*/ /*breaks layout*/
    /*height: 190px;*/ /*breaks layout*/
    /*padding: 25px 25px;*/
    transform: scale(0.95);
}
#sample_registries li.selected:hover {
    /*padding: 27.5px 25px 32.5px 25px;*/
    /*padding: 28px 25px 32px 25px;*/
    /*height: 180px;*/
}
#sample_registries li a {
    text-decoration: none;
}
#sample_registries li:hover a {
    box-shadow: none;
    text-decoration: none;
}

#hero_video_container {
    height: 600px;
}

#hero_video {
    position: relative;
    overflow: hidden;
    max-width: 1440px;
    width: 100%;
    height: 600px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
}
#hero_video video {
    object-fit:contain;
    object-position:50% -100px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

#hero_texts .hero_text {
    /*
        background-color: rgba(121, 197, 219,0.75);
        border-radius: 10px;
    */

    position: absolute;
    font-size: 2.0rem;
    padding: 0;
    width: 100%;
    margin: 180px auto 0 auto;
    letter-spacing: -1px;
    text-align: center;
    color: #ffffff;
    
    text-shadow: 0 1px 3px rgba(150, 150, 150, 1);
    z-index: 2000;    
    display: none;
}
#hero_texts .hero_text.hero_text_with_background {
    width: 600px;
    background-color: rgba(121, 197, 219,0.75);
    border-radius: 10px;
    padding: 20px 0;
    margin-left: -300px;
    left: 50%;
}
#hero_texts .hero_text.hero_text_center_middle {
    top: 120px;
}
#hero_texts .hero_text.hero_text_center_bottom {
    bottom: 120px;
}
#hero_texts .hero_text.hero_text_left_bottom {
    bottom:30px;
    left: 30px;
    width: 600px;
    margin-left: auto;
}

#hero_texts h1,
#hero_texts h2,
#hero_texts h3,
#hero_texts h4,
#carousel_secondary_hero h1,
#carousel_secondary_hero h2,
#carousel_secondary_hero h3,
#carousel_secondary_hero h4 {
    color: inherit;
    text-transform: none;
    margin: 0;
    text-shadow: 0 1px 3px rgba(150, 150, 150, 1);
}
#hero_texts h1, #carousel_secondary_hero h1 {
    font-size: 4.0rem;
    line-height: 3.5rem;
}
#hero_texts h2, #carousel_secondary_hero h2 {
    font-size: 1.5rem;
}
#hero_texts h3, #carousel_secondary_hero h3 {
    font-size: 2.0rem;
}
#hero_texts h4, #carousel_secondary_hero h4 {
    font-size: 1.5rem;
}

#showcase_apple {
    position: relative;
    width: 100%;
    min-height: 450px;
    margin: 50px auto 20px auto;
    background-color: #ffffff;
    overflow: hidden;
    text-align: center;
}
#showcase_apple p {
    padding-bottom: 20px;
}
#showcase_apple #screens_container {
    position: relative;
    height: 290px;
    width: 700px;
    display: block;
    margin: 0 auto;
}
#showcase_apple #showcase_apple_overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url('../redesign/apple_products.png') no-repeat top center;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#showcase_apple .screen   {
    position: absolute;
    width: 7.888%;      /* 71px;  */
    height: 32.98%;     /* 123px; */
    left: 2%;           /* 18px;  */
    top: 56.57%;        /* 211px; */
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
#showcase_apple #iphone_right {
    left: 90.33333%;    /* 813px; */
}

#showcase_apple #imac {
    left: 27.6666%;     /* 249px; */
    top: 4.0214%;       /* 15px;  */
    width: 43.7777%;    /* 394px; */
    height: 57.105%;    /* 213px; */
}

#showcase_apple #ipad_left, #showcase_apple #ipad_right  {
    left: 12.2%;     /* 109px; */
    top: 34.048%;       /* 127px; */
    width: 16%;         /* 144px; */
    height: 51.475%;    /* 192px; */
}
#showcase_apple #ipad_right {
    left: 72%;     /* 646px; */
}

.couple_search_page form#couples_search {
    display: block;
    max-width: 500px;
    padding: 0;
    margin: 20px auto 20px auto;
}
.couple_search_results,
.couple_search_results_summary {
    clear: both;
    width: 100%;
    border-collapse: collapse;
}
.couple_search_results tr {
    border-top: solid 1px #dddddd;
}
.couple_search_results tr:nth-child(even) {
    background-color: #eeeeee;
}
.couple_search_results tr:last-child {
    border-bottom: solid 1px #dddddd;
}
.couple_search_results th {
    padding: 5px;
}
.couple_search_results td,
.couple_search_results_summary td {
    vertical-align: middle;
    padding: 5px;
    height: 75px;
}
.couple_search_results .couples_image {}
.couple_search_results .couples_name {
    font-weight: 400;}
.couple_search_results .couples_links {}


.couple_search_results img {
    border-radius: 5px;
}
.couple_search_results h3 { /*not used anymore*/
    margin:0;
}
.directory_index {
    text-align: center;
    width: 100%;
    word-wrap: break-word;
    margin: 0 auto 0 auto;
}
.directory_index a {
    line-height: 30px;
    padding: 9px;
    border-right: solid 1px #dddddd;
    text-decoration: none;
}
.directory_index a:hover {
    text-decoration: underline;
}
.directory_index a:last-child {
    border: 0;
}

nav.top_honeymoon_locations {
    margin-top:40px;
    text-align: center;
    background: transparent;
}
nav.top_honeymoon_locations li {
    letter-spacing: normal;
    text-transform: none;
}
nav.top_honeymoon_locations .nav_container_site li {
    border: none;
}
nav.top_honeymoon_locations li a:hover {
    color: #3a7c81;
    background-color: inherit;
    text-decoration: underline;
}

nav.guest_nav ul li {
    font-size: 0.6rem;
    text-transform: inherit;
}

.info_box, .error_box, .mini_page_box {
    background-color: #eeffee;
    border: solid 1px #88cc88;
    /*color: #66aa66; insufficient contrast */
    color: #418141;
    font-weight: 400;
    padding: 10px;
    border-radius: 5px;
    margin: 1em 0;
}
.info_box h1, .error_box h1,
.info_box h2, .error_box h2 {
    margin-top: 0 !important;
    /*color: #448844; insufficient contrast */
    color: #418141;
    /*font-size: 1.0rem;*/
}
.popup_info {
    background-color: #eeffee;
    border: solid 1px #88cc88;
    color: #66aa66;
}
.popup_info h1 {
    color: #448844;
}
.error_box,
.popup_alert {
    background-color: #ffeeee;
    border: solid 1px #cc8888;
    color: #aa6666;
    text-align: left;
}
.error_box h1,
.popup_alert h1 {
    color: #884444;
}
.mini_page_box {
    color: #333333;
    border-color: #dddddd;
    background-color: #eeeeee;
    text-align: left;
    font-weight: inherit;
    padding: 20px 20px 20px 20px;
    max-width: 640px;
    min-height: 300px;
    margin: 20px auto 10px auto;
    background-size: 200px 200px;
}
.mini_page_box h1 {
    margin: 0 0 10px 0;
}
.mini_page_box form#couples_search {
    display: block;
    margin-top: 20px;
}
.mini_page_box .icon_hw_palm_logo {
    width: 100px;
    height: 100px;
    margin: 0 0 10px 10px;
    float: right;
}


/* Dropdown Navigation CSS */
.dropdown_nav {
    padding: 10px 10px 0 10px;
    max-width: 320px;
    margin: 0 auto 0 auto;
}
.dropdown_nav h1 {
    text-align: center;
    margin: 0;
}
.dropdown_nav h2 {
    margin-bottom: 0;
}
.dropdown_nav .expander_nav_group .icon_arrow_down {
    float:right;
}
.dropdown_nav .expander_nav_group, .dropdown_nav a.expander_nav_group:hover {
    display: block;
    border: solid 1px #d4e6e8;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
    text-transform: none;
}
.dropdown_nav .expanded, .dropdown_nav a.expanded:hover {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.dropdown_nav .nav_group {
    border: solid 1px #d4e6e8;
    border-top:0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 318px;
    background-color: #ffffff;
    position: absolute;
    box-shadow: none;
}
.dropdown_nav .nav_group li:first-child {
    border-top:0;
}
.dropdown_nav .nav_group li {
    display: block;
    border-width: 1px 0 0 0 ;
    border-style: solid ;
    border-color: #dddddd;
}
.dropdown_nav .nav_group li a {
    padding-left: 20px;
}
.category_nav_table {
    margin: 20px auto 0 auto;
}
.category_nav_table .dropdown_nav {
    padding-top: 0;
}
.category_nav_table .dropdown_nav h2 {
    margin-top:0;
}
.button_previous_category, .button_next_category {
    display: block;
    float: left;
    border: solid 1px #d4e6e8;
    border-radius: 5px;
    padding: 8px;

    line-height: 1.2rem;
}
.button_previous_category {
    text-align: right;
}
.button_next_category {
    text-align: left;
}
.button_previous_category .icon_arrow_left {
    float:left;
    margin-right: 8px;
}
.button_next_category .icon_arrow_right {
    float:right;
    margin-left: 8px;
}


/* Registry CSS */
#cart_quantity_selection {
    width: 290px;
    margin-left: -155px;
    text-align: center;
}
#cart_quantity_selection h3 {
    margin-bottom: 10px;
}
#cart_quantity_selection .styled_button {
    width:111px;
    float:left;
    margin:0 6px 0 6px;
    clear: none;
}
#cart_quantity_selection p#remaining {
    margin: 10px 0 10px 0;
}
#cart_quantity_selection table {
    margin: 20px auto 20px auto;
}
#cart_quantity_selection td {
    padding: 0;
    font-size: 1.5rem;
}
#cart_quantity_selection #quantity {
    vertical-align: middle;
    text-align: center;
    width: 20px;
    height: 20px;
}
#cart_quantity_selection .quantity_button {
    display: block;
    text-align: center;
    width: 30px;
    line-height: 30px;
    font-size: 1.5rem;
}
#cart_quantity_selection .quantity_button:hover {
    text-decoration: none;
}
.couple_info {
    /*padding: 0 10px 10px 10px;*/
}
.couple_info h2 {
    text-transform: inherit;
}
.couple_info h3 {
    text-transform: uppercase;
    font-size: 1.4rem;
}
.couple_info img {
    border-radius: 5px;
}
.couple_info .message {
    clear:both;
    margin: 1em 0;
}

ul.cart_progress {
    list-style: none;
    margin: 0 10px 0 10px;
    padding: 0;
    border: solid 1px #dddddd;
    border-radius: 5px;
    overflow: hidden;
}
ul.cart_progress li {

    border-bottom: solid 1px #dddddd;
    padding: 5px;
    text-align: center;
}
ul.cart_progress li:last-child {
    border: 0;
}
ul.cart_progress li.current {
    background-color: #eeffee;
}

.registry_contents form {
    padding: 0;
}
.registry_category  {

}
.registry_category h2 {
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    text-align: center;
    background-color: #eeeeee;
    padding: 10px;
    margin-bottom: 0;
}
.registry_category .registry_item:last-child {
    /*     border-bottom: 0; */
}
.registry_item {
    border: solid 1px #dddddd;
    border-radius: 5px;
    padding: 10px 10px 20px 10px;
    clear:both;
    margin: 10px auto;
}
.registry_item table tr td {
    vertical-align: top;
}
.registry_item h3 {
    margin: 0 0 10px 0;
}
.registry_item img {
    border-radius: 5px;
    max-width: 320px;
    max-height: 240px;
}

.image_floater {
    float:right;
    margin: 0 0 1em 15px;
    text-align:center;
}
.image_floater_left {
    float:left;
    margin: 0 15px 1em 0;
    text-align:center;
}
.registry_item table.purchase_selection {
    width: 100%;
    max-width: 320px;
    margin: 10px auto 0 auto;
    clear:both;
}
.registry_item table.purchase_selection td {
    margin: 0;
    vertical-align: middle;
}
.registry_item table.purchase_selection tr:first-child td:last-child  {
    text-align: right;
}
.registry_item table.purchase_selection h3 {
    margin-bottom: 0;
}
.registry_item .styled_button {
    clear: both;
}

.registry_item .highslide span {
    display: none;
}

.registry_item .purchase-wrapper {
    text-align: center;
    margin-top: 1em;
}

.registry_item .purchase-wrapper fieldset {
    display: inline-block;
    margin: auto;
    text-align: left;
}

.registry_item .purchase-wrapper .price {
    margin-bottom: 0.5em;
}

.registry_item .purchase-wrapper .available {
    margin-bottom: 0.5em;
}

.registry_fine_print {
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    margin: 40px 0 0 0;
    padding: 1em 5%;
}

#registry_cart_summary {
    position: fixed;
    left:0;
    bottom: -160px;
    width: 100%;
    height: 160px;
    background-color: rgba(128,128,128,0.85); 
    color: #ffffff;
    transition-property: bottom;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
    border-top: solid 5px rgba(255,255,255,0.75);
}
#registry_cart_summary form {
    max-width: 800px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}
#registry_cart_summary .h1, #registry_cart_summary .h2 {
    color: #ffffff;
    margin: 0;
}
#registry_cart_summary .h1 {
    font-size: 2.5rem;
}
#registry_cart_summary.registry_cart_summary_slide {
    bottom: 0;
    transition-property: bottom;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
}
#registry_cart_summary_checkout_button {
    font-size: 1.6rem;
}

.checkout .include_gift_card {
    display: none;
}

.highslide-html-content {
    display:  none;
}

#checkout_step_3 {
    background-color: #f5f5f5;
}
#checkout_step_3 #icon_credit_cards {
    float:right;
    height:24px;
    margin-bottom: 1em;
    margin-top: 1em;
}
#secure_section {
    background: transparent url('../redesign/icon_padlock.png') no-repeat 0 10px;
    background-size: 32px 32px;
    padding: 10px 0 0 45px;
    margin-bottom: 1em;
}
#secure_section #siteseal {
    float: right;
}
#secure_section h3, #secure_section p {
    margin: 0;
    padding: 0;
}
/* Animated Music button */
@-webkit-keyframes bluePulse {
    from { background-color: #79c5db; -webkit-box-shadow: 0 0 9px #d4e6e8; }
    50% { background-color: #d4e6e8; -webkit-box-shadow: 0 0 18px #3a7c81; }
    to { background-color: #79c5db; -webkit-box-shadow: 0 0 9px #d4e6e8; }
}
.button_music {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    float:right;
    margin-bottom: 5px;
    background-color: #d4e6e8;
    background-image: url('../redesign/icon_music.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}
.button_music.playing {
    -webkit-animation-name: bluePulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    background-image: url('../redesign/icon_pause.svg');
}
.button_music:hover {
    text-decoration: none;
}


/* Wedding Website General CSS */
.wedding_website {
    padding: 0 10px 10px 10px;
}
.wedding_website section {
    clear:both;
    padding-bottom: 20px;
}

.wedding_website h2 {
    margin-bottom: 0;
}
.wedding_website img {
    display: block;
    max-width: 100%;
    border-radius: 5px;
    margin: 10px auto 0 auto;
}
#wedding_website_photo_album {
    margin-top: 10px;
    position: relative;
    height: 100%;
}
#wedding_website_photo_album .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
#wedding_website_photo_album .swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    vertical-align: bottom;
    margin: auto auto auto auto;
    color: #333333;
    border-radius: 5px;
    overflow: hidden;
}
#wedding_website_photo_album .swiper-slide p {
    min-height: 30px;
}
#wedding_website_photo_album .gallery-top {

    width: 100%;
}
#wedding_website_photo_album .gallery-thumbs {
    padding: 10px 0;
}
#wedding_website_photo_album .gallery-thumbs .swiper-slide {
    width: 25%;
    max-height: 100px;
    opacity: 0.4;
}
#wedding_website_photo_album .gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

#wedding_website_rsvp {
    padding-top: 10px;
}
#wedding_website_rsvp form {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}
#wedding_website_rsvp input, #wedding_website_rsvp textarea {
    width: 100%;
}
#wedding_website_rsvp select {
    width:80px;
    margin:5px;
}
#wedding_website_rsvp input[type="submit"] {
    margin-top: 20px;
}
#wedding_website_blog {
    padding-top: 10px;
}
#wedding_website_blog form {
    padding: 0;
}
#wedding_website_blog table {
    border: solid 1px #dddddd;
    border-radius: 5px;
}
#wedding_website_blog table td {
    padding: 5px 10px;
}
#wedding_website_blog table tr td:first-child {
    width: 60%;

}
#wedding_website_blog select {
    width: 100%;
}
#wedding_website_blog .post_date {
    text-align: right;
    font-size: 1.2rem;
}



/* Shopping Cart CSS */
.shopping_cart {
    padding: 10px;
}
.shopping_cart form {
    padding: 0;
}
.shopping_cart table {
    width: 100%;
}
.shopping_cart td {
    padding: 3px;
}
.shopping_cart table td:first-child {
    width: 75%;
}
.shopping_cart table td:nth-child(2) {
    width: 15%;
    text-align: right;
}
.shopping_cart table td:last-child {
    width: 10%;
    text-align: right;
}
.shopping_cart td.quantity {
    text-align: right;
}
.shopping_cart_content {
    margin: 10px 0 10px 0;
    border: solid 1px #dddddd;
    border-radius: 5px;
}
.shopping_cart .cart_item {
    border-bottom: solid 1px #cccccc;
}
.shopping_cart .cart_item:nth-child(odd) {
    background-color: #eeeeee;
}
.shopping_cart .cart_total {
    font-weight: bold;
    text-align: right;
    font-size: 1.2rem;
}
.shopping_cart .styled_button {
    clear: both;
}
.shopping_cart .checkout {
    margin-top: 20px;
}


/* Checkout CSS */
.checkout section {
    border: 1px solid #77a8ac;

}
.checkout section .checkout_step_header {
    display: block;
    font-size: 1.6rem;
    margin: 0 0 0 0;
    background-color: #77a8ac;
    color: #ffffff;
    padding: 10px;
    cursor: pointer;
    border-bottom: solid 1px #ffffff;
    text-decoration: none;
}
.checkout section .checkout_step_header:focus,
.checkout section .checkout_step_header:hover {
    text-decoration: underline;
}
.checkout section h2 {
    margin: 30px 0 5px 0;
}
.checkout section p {
    padding: 10px 0 10px 0;
    margin: 0;
}
.checkout td {
    vertical-align: top;
}
.checkout .styled_button {
    clear: both;
}
.checkout input, .checkout select {
    display: block;
    width: 100%;
}
.checkout input[type="radio"] {
    width:  auto;
    margin: 3px;
}

.checkout ::-webkit-input-placeholder { text-transform: none; }
.checkout ::-moz-placeholder {text-transform: none; }
.checkout :-ms-input-placeholder { text-transform: none; }
.checkout input:-moz-placeholder { text-transform: none;}

.checkout section#checkout_step_1 {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.checkout section.last_checkout_step {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.checkout section.last_checkout_step .checkout_step_header {
    border-bottom: none;
}
.checkout section#checkout_step_5 .preview_container {
    max-width: 606px;
    margin: 0 auto 0 auto;
    height: 366px;
    border: solid 1px #dddddd;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.checkout section#checkout_step_5 .preview_container img {
    width: auto;
}
.checkout section#checkout_step_5 .iframe_container iframe {
    width: 100%;
    height: 100%;
}
.checkout .gift_table tr:first-child td {
    padding: 10px 0 10px 0;
}
.checkout .gift_table tr {
    display: block;
    padding: 10px 0 10px 0;
}
.checkout .gift_table tr.row_border {
    border-bottom: solid 1px #dddddd;
}
.checkout .gift_table td img {
    width: 100%;
}

.checkout .expiration_table, .checkout .cvc_table {
    width: 100%;
}
.checkout .expiration_table tr td:nth-child(1), .checkout .expiration_table tr td:nth-child(3) {
    width: 45%;
}
.checkout .expiration_table tr td:nth-child(2) {
    width: 10%;
    vertical-align: middle;
    text-align: center;
}
.checkout .expiration_table tr td select,.checkout .cvc_table tr td input  {
    margin: 0;
}
.checkout .cvc_table tr td:first-child {
    width: 40%;
}
.checkout .cvc_table tr td:last-child {
    width: 60%;
    vertical-align: middle;
}

.checkout .confirm_data {
    padding-bottom: 10px;
    text-align: right;
}


.checkout_step {
    padding: 0 10px 10px 10px;
}
.checkout_step_anchor {
    margin-top:30px;
}


.checkout section .checkout_step_header.stepLabelDisabled {
	color: rgba(255,255,255,0.5);
	cursor: default;
    text-decoration: none;
}

.checkout section#checkout_step_5 img {
    width:100%;
}

.checkout table.cart_summary {
    width: 100%;
    border-collapse: collapse;
}
.checkout table.cart_summary tr:nth-child(even) {
    background-color: #eeeeee;
}
.checkout table.cart_summary td {
    vertical-align: middle;
    padding: 10px;
}
.checkout table.cart_summary th {
    font-weight: bold;
    text-align: left;
    padding: 10px;
    border-bottom: solid 1px #dddddd;
}
.checkout table.cart_summary td select {
    margin: 0;
    text-align: center;
}



.input-left {
    border: solid 1px #d4e6e8 !important;
}


/* Destinations CSS */
.destinations_page {
    /*padding: 0 10px 0 10px;*/
}
.destinations_page img {
    max-width: 100%;
    border-radius: 5px;
}
.destinations_page .vendor_link {
    text-align: center;
}

/* How it works CSS */
.how_it_works_page {
    width: 700px;
    margin: 0 auto 20px auto;
}
.how_it_works_page h1 {
    text-align: center;
}
.how_it_works_page section {
    border: solid 1px #dddddd;
    border-radius: 5px;
    margin: 0 auto 20px auto;
    overflow: hidden;
    padding: 10px;
    min-height: 330px;
}
.how_it_works_page section.section_2,
.how_it_works_page section.section_3 {
    width: 342px;
    float: left;
}
.how_it_works_page section.section_3 {
    margin-left: 16px;
}
.how_it_works_page img {
    display: block;
    border-radius: 5px;
    margin: 0 auto;
}
.how_it_works_page section p {
    display: block;
    margin: 10px 0 0 0;
}
.how_it_works_page ul {
    padding-left: 15px;
}

/* Comparison Chart CSS */
.comparison_chart_page table {
    border-collapse:  collapse;
}
.comparison_chart_page table th {
    padding: 4px;
    text-align: center;
}
.comparison_chart_page table th .established {
    font-size: 1.2rem;
}
.comparison_chart_page table th, .comparison_chart_page table td {
    border: 1px solid #dddddd;
}
.comparison_chart_page table th h1 {
    color: #ffffff !important;
}
.comparison_chart_page table td {
    height: 55px;
    padding: 10px;
}
.comparison_chart_page table tr td.feature_available {
    background: transparent url('../redesign/icon_tick_grey.png') no-repeat center center;
    background-size: 30px 30px;
}
.comparison_chart_page table tr td:nth-child(2).feature_available {
    background-image: url('../redesign/icon_tick_blue.png');
}
.comparison_chart_page table tr:nth-child(even) {
    background-color: #eeeeee;
}
.comparison_chart_page table tr:nth-child(even) td:nth-child(1) {
    background-color: #c7e8df;
}
.comparison_chart_page table tr:nth-child(odd) td:nth-child(1) {
    background-color: #e9f5f3;
}
.comparison_chart_page table tr:nth-child(even) td:nth-child(2) {
    background-color: #c8e3f8;
}
.comparison_chart_page table tr:nth-child(odd) td:nth-child(2) {
    background-color: #aed0ec;
}
.comparison_chart_page table tr:first-child {
    background-color: #aaaaaa;
    color: #ffffff;
}

.comparison_chart_page table tr:first-child th:first-child {
    background-color: #2f96b4;
    text-align: left;
    padding-left: 10px;
}
.tipContent {
    /*font-size: 1.4rem; !* same as table *!*/
}


.top_buttons {
    max-width: 530px;
    margin: 0 auto 0 auto;
    min-height: 70px;
}
.top_buttons .styled_button {
    float: left;
    margin: 10px;
    clear: none;
}


/* Sample Registry Index page */
.sample_registry_index_page {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.sample_registry_index_page section {
    border: solid 1px #dddddd;
    border-radius: 5px;
    flex-basis: 31%;
    float: left; /* if flex fails */
    width: 31%;
    -ms-flex: auto;
    margin: 1%;
    padding: 10px;
}
.sample_registry_index_page h2 {
    font-weight: 400;
    text-align: center;
}
.sample_registry_index_page .image-block {
    background-position: center center;
    background-size: cover;
    border-radius: 5px;
    margin-bottom: 1em;
    padding-bottom: 100%; /* 1:1 aspect ratio (square) */
}
.sample_registry_index_page img {
    width: 100%;
    margin: 0 auto 10px auto;
    border-radius: 5px;
}
.sample_registry_index_page [data-pin-log="button_pinit"] {
    margin-bottom: 10px;
    float: right;
}
.sample_registry_index_page .popup [data-pin-log="button_pinit"] {
    margin-bottom: 0;
}
.sample_registry_index_page .registry_link {
    display: block;
    clear: both;
    margin: 5px 0 10px 0;
}
.sample_registry_index_page img.page_top {
    width: 832px;
    height: 95px;
}
@media screen and (max-width: 800px) {
    .sample_registry_index_page section {
        flex-basis: 48%;
        width: 48%;
    }
}
@media screen and (max-width: 400px) {
    .sample_registry_index_page section {
        flex-basis: 100%;
        width: 100%;
        margin: 0 0 1em 0;
        width: 100%;
    }
}

/* Signup CSS */
.signup_page section,
.signup_page .section {
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 0 10px 10px 10px;
    margin: 0 0 20px 0;
    clear: both;
}
.signup_page .section {
    padding: 1em 10px;
}
.signup_page .section legend {
    margin: 0 0 1em 0 !important;
}
.signup_page input {
    display: block;
    /*margin: inherit;*/
    margin-bottom: 10px;
    min-width: 200px;
}
.signup_page input[type="radio"],
.signup_page input[type="checkbox"] {
    clear: left;
    display: inline-block;
    margin: 0 10px 0 0;
    min-width: inherit;
}
.signup_page input[type="submit"] {
    margin-top: 20px;

}
.signup_page h3 {
    margin-bottom: 10px;
}
.signup_page table {
    border-collapse: collapse;
}
.signup_page td {
    margin-right: 10px;
    min-height: 30px;
    vertical-align: middle;
}
.signup_page img {
    border-radius: 5px;
    margin-bottom: 10px;
}


.half_width_section {
    float: left;
    width: 45%;
    padding: 0 5% 0 0;
}
.third_width_section {
    float: left;
    width: 30%;
    padding: 0 3% 0 0;

}

/* Temp Kludge */
body.hero {
    background: #ffffff url('../redesign/hammock.jpg') top center no-repeat;
    background-size: contain;
}
body.hero header {
    background-color: transparent;
    background-image: url('../redesign/hw_logo_white.png');
}


/* Blog */
.newsPost, .newsPost p, .newsPost span {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
}
.newsPost {
    max-width: 700px;
}
.newsPost img {
    float:right;
    border-radius: 5px;
    margin: 0 0 10px 10px;
}
.newsPostArchiveList {
    max-width: 150px;
    float:right;
    padding: 10px;
    border: solid 1px #dddddd;
    border-radius: 5px;
    margin: 0 0 10px 10px;
}
.newsPostArchiveList p {
    text-align: center;
}
.newsPostArchiveList ul {
    padding: 0;
    list-style: none;
}
.newsPostArchiveList li a {
    display:block;
    padding: 3px;
}



/* Footer CSS */
footer {
    text-align: center;
    padding: 10px 10px 20px 10px;
    clear:both;
    color: #666666;
    /*
    background: rgba(227,227,227,1);
    background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,227,227,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -o-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);*/
    background: linear-gradient(to bottom, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff', GradientType=0 );
}
footer.registry_cart_summary_slide_padding {
    padding-bottom: 160px;
}
footer h2 {
    text-transform: uppercase;
}
footer nav {
    background: transparent;
}
footer nav li {
    letter-spacing: normal;
    text-transform: none;
}
footer .nav_container_site li, footer .nav_container_socialmedia li {
    border: none;
}
footer nav li a:hover {
    color: #3a7c81;
    background-color: inherit;
    text-decoration: underline;
}
footer .nav_container_supportnumbers li {
    font-size: 1.6rem;
    border-color: #999999;
    padding: 0 20px 0 20px;
    border-right-width: 1px;
}
footer .nav_container_supportnumbers li:last-child {
    border: 0;
}

footer #copyright {
    font-size: 1.4rem;
    margin: 20px 0 20px 0;
}
footer #facebook_iframe {
    display: block;
    border: 0;
    overflow:hidden; 
    max-width:360px; 
    height:30px; 
    margin: 30px auto 30px auto;
    clear:both;
}

/* Superseded by #trustwaveSealImage below */
footer #trustlink {
    clear: both;
}
/* Script-generated image-link */
footer #trustwaveSealImage {
    clear: both;
    display: inline-block;
    margin: 1em auto;
}

/* For HMW White Label footer powered by hmw logo */
footer .powered-by-hmw {
    margin: 20px auto;
    width: 150px;
}

.hmw-hma-cw-logos .bottom-logos {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.hmw-hma-cw-logos a {
    margin: auto 30px;
}

.hmw-hma-cw-logos a.hma-footer-logo img {
    width: 100px;
}

.hmw-hma-cw-logos a.hmw-footer-logo img {
    width: 137px;
}

.hmw-hma-cw-logos a.cw-footer-logo img {
    margin: auto;
    width: 110px;
}

.sustainable-travel-logo {
    background: transparent url('../cw-refresh-2019/assets/images/footer/sustainable-travel@2x.png') 0 0 no-repeat;
    background-size: cover;
    height: 24px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 144px;
}

@media (min-width: 768px) {

    .hmw-hma-cw-logos a.cw-footer-logo img {
        width: 130px;
    }

    .bottom-line {
        padding-bottom: 30px;
    }

    .bottom-line .proud-member-logo {
        display: flex;
        justify-content: center;
    }

    .sustainable-travel-logo {
        margin-bottom: 0;
        margin-left: 15px;
        margin-right: 0;
    }
}

@media (max-width: 992px) {

    .hmw-hma-cw-logos .bottom-logos {
        line-height: 44px;
        padding: 15px 0 25px;
    }

}

@media (min-width: 992px) {

    .hmw-hma-cw-logos {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 20px;
    }

    .bottom-logos {
        flex-direction: row;
    }
}

.pin-it-button {
    width: auto;
    float:right;
    margin-top: 10px;
}
.pin-it-button img {
    border-radius: 0;
}


#carousel_wedding_website.carousel {
    position: inherit;
    /*padding: 0 0 25px 0;*/
    background: transparent;

}
#carousel_wedding_website.carousel .swiper-slide {
    width: 275px;
    font-size: 1.2rem;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 8px;
}


@media screen and (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media screen and (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media screen and (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media screen and (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media screen and (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media screen and (min-width:1281px) { /* hi-res laptops and desktops */ }

/* Phone */
@media screen and (max-width: 800px) {
    header {
        background-image: none;
        height: 34px;
    }
    header.header_with_ta {
        display: block;
        background-size: contain;
        background-position: center 45px;
        width: auto;
        height: 70px;
        padding: 45px 0 0 0;
    }
    header.header_with_ta .agent_data {
        width: auto;
    }
    article {
        margin-top: 30px;
    }
    article.regular_page {
        padding: 0 10px 10px 10px !important;
    }
    article.home_page #hero_background {
        margin-top: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    /* Logo in the top Bar */
    nav.nav_top_bar {
        display: block;
        background-image: url('../redesign/hw_logo.png');
        background-position: center -1px;
        background-repeat: no-repeat;
        background-size: 200px auto;
        border-bottom: solid 1px #dddddd;

    }
    /* Hide left menu's contents */
    ul.nav_main_left li {
        display:none;
    }


    /* Hide right menu */
    ul.nav_main_right  {
        display: none;
        position: static;
        top: 34px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9000;
        background: #ffffff;
        border-top: solid 1px #d4e6e8;
    }
    ul.nav_main_right li {
        width: inherit;
        text-align: left;
        display: block;
        font-size: 1.4rem;
        border: 0;
        border-bottom: solid 1px #dddddd;
    }


    ul.nav_group {
        display: none;
        background-color: #ffffff;
        width: 100% !important;
        position: inherit;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: inherit;
    }
    ul.nav_group li {
        display: block;
        border-width: 1px 0 0 0 ;
        border-style: solid ;
        border-color: #dddddd;
    }
    ul.nav_group li a {
        padding-left: 20px;
    }
    ul.nav_group li .page_enabled, ul.nav_group li .page_disabled {
        margin-top: 12px
    }


    #home_content {
        text-align: left;
    }

    /*.social_media_icons {
        float: none;
        text-align: center;
    }*/

    form#couples_search input {
        clear:both;
        width: 100%;
    }
    .carousel {
        position: inherit;
        /*padding: 0 0 25px 0;*/
        background: transparent;

    }
    .carousel .swiper-slide {
        width: 275px;
        height: 150px;
        font-size: 1.2rem;
        background-size: contain !important;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: 8px;
    }
    .carousel .swiper-slide img {
        width: inherit;
        height: inherit;
    }
    .swiper-container-horizontal>.swiper-pagination {
        bottom: 4px;
    }
    #carousel_registry_items, #carousel_registry_items_wee {
        width: 100%;
    }
    #carousel .swiper-pagination {
        display: none;
    }

    #carousel_secondary_hero {
        min-height: 500px;
    }
    #carousel_secondary_hero .swiper-slide {
        text-align: center !important;
    }
    #carousel_secondary_hero .swiper-slide a  {
        height: 100%;
        padding: 0 8%;
    }
    #carousel_secondary_hero .swiper-slide a div {
        width: 100%;
        position: absolute;
        padding: 20px 0;
        left: 0;
    }
    #carousel_secondary_hero .swiper-slide a div.top_center_align {
        top: 0;
    }
    #carousel_secondary_hero .swiper-slide a div.middle_center_align {
        top: 40%;
    }
    #carousel_secondary_hero .swiper-slide a div.bottom_center_align {
        bottom: 0;
    }
    #carousel_secondary_hero h1 {
        font-size: 3.0rem;
        line-height: 3.5rem;
    }
    #carousel_secondary_hero h2 {
        font-size: 1.5rem;
    }
    #carousel_secondary_hero h3 {
        font-size: 1.6rem;
    }
    #carousel_secondary_hero h4 {
        font-size: 1.4rem;
    }

    /* Hide video for Mobile */
    #hero_video {
        height: 300px;
        background-size: cover;
        background-position: center center;
    }
    #hero_video .hero_texts,
    #hero_video video,
    #hero_video .logo {
        display: none;
    }

    #home_stats {
        display: none;
    }

    #showcase_apple {
        margin-bottom: 50px;
    }

    .dropdown_nav {
        max-width: 100%;
    }
    .dropdown_nav .nav_group {
        position: inherit;
        max-width: 100%;
        width: auto;
    }
    .button_next_category, .button_previous_category {
        display: none;
    }
    .mini_page_box {
        max-width: inherit;
        margin: 50px 10px 20px 10px;
    }
    .mini_page_box .icon_hw_palm_logo {
        width: 75px;
        height: 75px;
    }

    .registry_item .image_floater {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .registry_item img {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
    .registry_item p {
        padding-top: 10px;
        clear: both;
    }

    /* How it works CSS */
    .how_it_works_page {
        width: auto;
        padding: 10px;
    }
    .how_it_works_page section, .how_it_works_page section.section_2, .how_it_works_page section.section_3 {
        clear:both;
        width: auto;
        margin: 0 auto 20px;
        min-height: inherit;
    }

    .how_it_works_page .styled_button, .top_buttons .styled_button  {
        float: none;
        max-width: 100%;
    }

    .comparison_chart_page .testimonialBubbleWhisper {
        float: none !important;
        margin: 1em auto !important;
    }

    .signup_page input:not([type="radio"],[type="checkbox"]),
    .signup_page select {
        width: 100%;
    }

    .checkout section#checkout_step_5 .iframe_container {
    }


    .half_width_section, .third_width_section {
        float: none;
        width: auto;
        padding: 0;
    }

    .mobile_only, .nav_mobile_only {
        display: block !important;
    }
    .desktop_only,
    .desktop_only_inline_block {
        display: none !important;
    }
}




/* Sample Registries */
#sample_registries li {
    display: block;
    float: left;
    width: 210px;
    padding: 20px 20px;
    height:200px;
}
#sample_registries li.four_col_single {
    /*padding-left: 40% !important;*/
    display: inline-block;
    float: none;
}
#sample_registries li.four_col_double {
    /*padding-left: 27% !important;*/
    display: inline-block;
    float: none;
}
#sample_registries li.four_col_triple {
    /*padding-left: 15% !important;*/
    display: inline-block;
    float: none;
}


#sample_registries ul.wordpress_themes {
    width: 700px;
    margin: 0 auto;
}
#sample_registries ul.wordpress_themes li {
    width: 310px;
}
#sample_registries ul.wordpress_themes li:hover{
    width: 300px;
}

@media screen and (max-width: 1020px) {

    /* Three column */
    #sample_registries li {
        width: 27% !important;
        padding-left: 4% !important;
        padding-right: 2% !important;
    }
    #sample_registries li.four_col_single, #sample_registries li.four_col_double, #sample_registries li.four_col_triple {
        padding-left: 4% !important;
    }
    #sample_registries li.three_col_single {
        padding-left: 37% !important;
    }
    #sample_registries li.three_col_double {
        padding-left: 21% !important;
    }

}
@media screen and (max-width: 800px) {
    /* Double Columns */
    #sample_registries {
        width: 100% !important;
        max-width: 100% !important;
        /*         padding: 0 0 !important; */
    }
    #sample_registries li {
        width: 43% !important;
        padding-left: 4% !important;
        padding-right: 2% !important;
    }
    #sample_registries li.last_odd_child {
        width: 92% !important;
    }
    #sample_registries li.three_col_single, #sample_registries li.three_col_double, #sample_registries li.four_col_single, #sample_registries li.four_col_double, #sample_registries li.four_col_triple {
        padding-left: 4% !important;
    }
}
@media screen and (max-width: 320px) {

    /* SINGLE COLUMN */
    #sample_registries h1 {
        font-size: 1.8rem;
    }
    #sample_registries li {
        height: 160px;
        width: 93% !important;
        padding-left: 4% !important;
        padding-right: 2% !important;
        padding-top: 0;
    }

}


/* PHONE */
@media screen and (max-width: 800px) {   
    
    article {
        margin-top: 0;
    }
    #carousel_primary_hero {
        height: 300px;   
    }
    #hero_background {
        width: auto;
    }
    #hero_background .logo {
        width: 100%;
        left: 0;
        height: 300px;
        margin-left: 0;
        background-size: 720px 300px;
    }
    #hero_buttons {
        width: 320px;
        left: 0;
        margin: auto;
    }
    #hero_buttons a {
        margin: 0 45px;
    }
}

/* Legacy Overrides */
.buttonClassic {
    display: none;
}
.testimonialQuote {
    clear: both;
    font-style: italic;
    margin-bottom: 0.5em;
    margin-top:20px;
}
.testimonialQuoted {
    font-style: normal;
    margin-bottom: 2em;
    text-align: right;
}
.testimonialBubbleWhisper {
    /*background: url(../images/testimonial_bubble_whisper.jpg) no-repeat;*/
    /*height: 158px;*/
    /*min-height: 158px;*/
    /*width: 175px;*/
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 5px;
    float: right;
    font-size: inherit;
	height: auto;
    margin-bottom: 2em;
	padding: 0;
    width: 33.33334%;
}
@media screen and (max-width: 800px) {
    .testimonialBubbleWhisper {
        float: none;
        width: 100%;
    }
}

.testimonialBubbleWhisper:hover {
    border-color: #666666;
}
.testimonialBubbleWhisper a {
    text-decoration: none;
}
.newQuoteAnchor {
    color: inherit;
    display: block;
    font-style: italic;
    margin: 0;
    padding: 1em 15px;
    text-decoration: none;
}
.newQuoteAnchor a {
    color: inherit;
    display: block;
    text-decoration: none;
}
.newQuotedAnchor {
    display: block;
    font-style: normal;
    margin: 0;
    text-align: right;
}
.newQuotedAnchorDivWithLong .newQuotedAnchor {
    margin-top: -1em;
    padding: 0 15px 1em;
}

.faq_index li {
    padding: 5px 0 5px 0;
}
.faq_index li a {
    /*text-decoration: none;*/ /* bad for accessibility */
}
.faq_index li a:hover {
    text-decoration: underline;
}
.faq_question { /* on Troubleshooting Guide */
    font-weight: 500;
    margin: 1em 0;
}
.faq_answer {
    margin: 1em 0 3em;
    /*padding: 30px 0 0 0;*/
}
.faq_back_to_top {
    padding: 10px 0 0 0;
    float: right;
}
.faq_back_to_top:after {
    content: '\21E1'; /* &#x21E1; UPWARDS DASHED ARROW */
    /*content: '\2912'; /* &#x2912; UPWARDS ARROW TO BAR */
    display: inline-block;
    font-size: 1.6rem;
    padding: 0 0.25em;
    vertical-align: middle;
}

.highslide-html-content {
    background-color: #ffffff;
}
#registryBuilder img, #weddingWebsiteEdit img {
    max-width: inherit;
}



/* Legacy Dashboard */
.checkOn, .checkOff {
    float: left;
    background: url('../images/skins/modern/checkbox-yes.png') no-repeat;
    width: 15px;
    margin-right: 4px;
}
.checkOff {
    background: url('../images/skins/modern/checkbox-no.png') no-repeat;
}
#top_nav_bar li {
    font-size: 1.2rem;
}
.status:hover{
    cursor:pointer;
}
/* Legacy Wedding Websites - can be removed when we switch */
#container-couples-theme table {
    border-collapse: collapse;
}
#container-couples-theme td {
    vertical-align: top;
}
#container-couples-theme img {
    max-width: inherit;
}
#container-couples-theme #galleryDiv img {
    /* Thumbnail images */
    max-width: 100%;
}
#container-couples-theme select {
    height: inherit;
}
#container-couples-theme input[type="text"], #container-couples-theme textarea {
    border: inherit;
    line-height: inherit;
}
.couples-theme .top-banner {
    background-color: transparent !important;
}
#nav-couples-theme {
    padding: 0 !important;
}
article.regular_page {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
}
article.regular_page li {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

/* Internet Explorer Overrides */
.ie9 .carousel {
    padding: 0;
    height: 300px;
    text-align: center;
}
.ie9 #carousel, .ie9 #carousel_3d {
    position: inherit;
    top: 0;
}
.ie9 .swiper-wrapper {
    width: auto;
    min-width: 500px;
    margin: 0 auto;
}
.ie9 .swiper-slide {
    float: left;
    margin-right: 10px;
    width: 100%;
}
.ie9 #carousel_registry_items_wee .swiper-wrapper {
    height: 77px;
    overflow: hidden;
}
.ie9 #carousel_registry_items_wee .swiper-wrapper {
    height: 69px;
    overflow: hidden;
}


/* Bootstrap classes borrowed from
/* https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.css
/* plus others
*/

main {}

hr {
    border: 0;
    border-top: 1px solid #eeeeee;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin-bottom: 2em;
    margin-top: 2em;
}

/* Image Responsive */
img {
    border: 0;
    display: block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
small {
    font-size: 75%;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content:" "
}
.clearfix:after {
    clear:both;
}

/* Screen-reader only */
.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static !important; /* override sr-only */
    width: auto;
    height: auto;
    margin: 0 0 0 1em;
    overflow: visible;
    clip: auto;
}
/* Skip-Link */
.sr-only-focusable:active + .nav_top_bar,
.sr-only-focusable:focus + .nav_top_bar {
    top: 2em;
}

.well {
    min-height: 20px;
    padding: 0 15px;
    margin: 1em 0;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.btn {
    text-decoration: none;
}

/* Focus state for accessibility */
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
input[type="submit"]:focus,
.styled_button:focus,
.styled_button_large:focus,
.styled_button_short:focus {
    /*outline: 2px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration: underline;*/
    /* Source: https://www.carnival.com/bundles/desktop/styles */
    outline: 3px solid #AAAAAA !important;
    outline-offset: 0 !important;
}

/* Headings */
.h1, .h2, .h3, .h4 { /* see above */ }

/* + H2 */
.regular_page blockquote + h2,
.regular_page ol + h2,
.regular_page p + h2,
.regular_page table + h2,
.regular_page ul + h2,
/* + H3 */
.regular_page blockquote + h3,
.regular_page ol + h3,
.regular_page p + h3,
.regular_page table + h3,
.regular_page ul + h3,
/* + H4 */
.regular_page blockquote + h4,
.regular_page ol + h4,
.regular_page p + h4,
.regular_page table + h4,
.regular_page ul + h4 {
    margin-top: 2em;
}

.lead {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 1em;
}
@media (min-width: 768px) {
    .lead {
        font-size: 1.8rem;
    }
}

/* Bootstrap FORM classes */

fieldset {
    border: 0;
    /*margin: 0 0 1em;*/
    margin: 0;
    min-width: 0;
    padding: 0;
}
legend {
    border: 0;
    color: inherit;
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: inherit;
    margin: 1em 0 !important;
    padding: 0;
    width: auto;
}
.form-group {
}

/* ORIGINAL from bootstrap.css
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857143;
    padding: 6px 12px;
    width: 100%;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}*/
.form-control {
    /* See input[type="X"] above */
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4e6e8;
    border-radius: 5px;
    display: block;
    font-size: 1.4rem;
    height: 38px;
    line-height: 1.42857143; /* x 14 = 20px */
    padding: 8px 10px;
    width: 100%;
    /* Focus styles for accessibility */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    /*outline: 0;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);*/
    /* Source: https://www.carnival.com/bundles/desktop/styles */
    outline: 3px solid #AAAAAA !important;
    outline-offset: 0 !important;
}
input[type="file"].form-control {
    padding: 0 10px 0 75px;
}
textarea.form-control {
    height: auto;
}

label {
    cursor: pointer;
}
.checkbox,
.radio {
    overflow: hidden; /* clearfix */
}
.checkbox label,
.radio label {
    clear: left;
    color: inherit;
    display: inline-block;
    float: left;
    font-size: 1.4rem;
    font-weight: 300;
    margin: 0 0 0.5em 30px;
    position: relative;
}
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    left: -30px;
    position: absolute;
}
.help-block {
    color: inherit;
    display: block;
    font-style: italic;
    margin: 0.5em 0 1em;
}

/* Bootstrap TABLE classes */
table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.4rem;
}
td,
th {
    padding: 0;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left;
}
th {
    font-weight: 500;
    text-align: left;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1em;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table > thead > tr > th {
    /*vertical-align: bottom;*/
    border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table > tbody + tbody {
    border-top: 2px solid #ddd;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        font-size: 87.5%;
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
}


/* CUSTOM CLASSES */

.nowrap {
    white-space: nowrap;
}
.red {
    color: #ff0000;
    font-weight: 400;
}


/* Column Layouts (custom) */
/* Developed and mostly used on fieldsets in forms for accessibility updates */
.columns-auto {margin-left: -15px; margin-right: -15px;}
.columns-auto legend {padding-left: 15px; padding-right: 15px;}
.columns-auto .form-group {float: left; padding: 0 15px; width: auto;}
@media screen and (max-width: 800px) {}
@media screen and (min-width: 801px) {}
@media screen and (min-width: 1021px) {
    /*fieldset*/
    [class*="columns-"] {clear: both; margin-left: -15px; margin-right: -15px;}
    [class*="columns-"] legend {padding-left: 15px; padding-right: 15px;}
    [class*="columns-"] .form-group {float: left; padding: 0 15px;}
    [class*="columns-"] .form-group label {left: 30px;}
    [class*="columns-"] .form-group label.used {left: 20px;}
    .columns-1 .form-group {width: calc(100% - 30px);} /*approx 95%;*/
    .columns-2 .form-group {width: calc(50% - 30px);} /*approx 45%;*/
    .columns-3 .form-group {width: calc(33.33334% - 30px);} /*approx 28%;*/
    .columns-2 .form-group:nth-of-type(2n+1) {clear: left;}
    .columns-3 .form-group:nth-of-type(3n+1) {clear: left;}
}

@media screen and (min-width: 1021px) {
    fieldset .error_box {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* Speed bump  */
a[data-popup="speed_bump"] {
    /* .sr-only */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label,
td label {
    color: inherit;
    font-size: 1.4rem;
}


/* FORM LABEL ANIMATION for material-labels.js */
.form-group {
    position: relative;
    margin-bottom: 1em;
}
.form-group input {
    margin-bottom: 0;
}
.form-group label {
    /*color: inherit;*/
    color: #666666; /* accessibility */
    font-size: 1.4rem;
    left: 10px;
    line-height: 1.42857143; /* x 14 = 20px */
    position: absolute;
    transition: font-size 150ms ease, top 150ms ease;
    top: 10px;
}
/* on focus add class "used" via JavaScript */
.form-group label.has-placeholder,
.form-group label.used,
.form-group label.label-file {
    background-color: #ffffff;
    /*color: rgb(131, 135, 128);*/
    color: #666666; /* accessibility */
    font-size: 1.1rem;
    font-weight: normal;
    left: 5px;
    line-height: 1;
    padding: 0 5px;
    top: -6px;
    z-index: 1;
}




/* DEV ONLY - TEMPORARY */
.dev {
    background-color: pink;
    border-color: red;
    color: red;
    OUTLINE: 5PX DASHED RED;
}

/*
[aria-expanded="false"] {
    background-color: PINK !important;!*TEMP*!
}
[aria-expanded="true"] {
    background-color: LIME !important;!*TEMP*!
*/