/* DEFAULTS */
@font-face {
    font-family: 'Cooper'; 
    src: url('../fonts/CooperBlackStd.otf');
}

* {
    margin: 0px;
    padding: 0px;
}
body {
    display: flex;
    /* was font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /* 
    refer to https://www.wpmediamastery.com/why-and-how-to-use-a-system-font-stack/
    font-family: 
        -apple-system,          iOS Safari, macOS Safari, macOS Firefox -
                                    San Francisco in Safari; Helvetica Neue and 
                                    Lucida Grande on older versions 
        BlinkMacSystemFont,     macOS Chrome 
        "Segoe UI",             Windows (Vista onwards) 
        Roboto,                 Android, Chrome OS 
        Oxygen,                 KDE 
        Ubuntu,                 Ubuntu 
        Cantarell,              GNOME 
        "Fira Sans",            Firefox OS 
        "Droid Sans",           Android pre-Ice Cream Sandwich 
        "Helvetica Neue",       macOS versions 
        Arial,                  All 
        sans-serif,             All 
        "Apple Color Emoji",    iOS and MacOS emojis 
        "Segoe UI Emoji",       Microsoft emojis 
        "Segoe UI Symbol",      Windows symbols 
        "Noto Color Emoji"      Android and Linux emojis 
    ;
    */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* apply anti-aliasing and your font will be a little thinner and lighter:*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* end of anti-aliasing */
    font-size: 13px;
    line-height: 1.55;
    color: #333333;
    margin-left: 10px;
    margin-right: 10px;
}
img {
    display: block;
    vertical-align: top;
    max-width: 100%;
}
h1 {
    font-weight: 400;
    line-height: normal;
    color: #666;
}
h1 span {
    /*font-size: 1em;*/
}
ul, ol {
    list-style: none;
}
li {
    line-height: 20px;
}
p, ul {
    margin: 0;
    /*color: #0099cc;*/
}
em {
    font-style: italic;
}
textarea {
    overflow: auto;
}
form {
    display: inline;
}
form {
    margin: 0 0 20px;
}
input, select, textarea, button {
    vertical-align: middle;
    color: #2f2f2f;
}
input, textarea, .uneditable-input {
    margin-left: 0;
}
label, input, button, select, textarea {
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
}
button, input {
    overflow: visible;
    line-height: normal;
}
button, input, select, textarea {
    margin: 0;
    /*font-size: 100%;*/
    vertical-align: middle;
}
input:focus, textarea:focus {
    border: 0px solid #60c3b7 !important;
    box-shadow: 0 0 3px #60c3b7 !important;
    -moz-box-shadow: 0 0 3px #60c3b7 !important;
    -webkit-box-shadow: 0 0 3px #60c3b7 !important;
}
input:focus, textarea:focus, select:focus {
    outline-offset: 0px !important;
    outline: none !important;
}
fieldset {
    border: 0;
}
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
select {
    padding: 1px;
}
select option {
   padding-right: 10px;
}
.data-table {
    width: 100%;
    border: 1px solid darkgray !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
}
table, .table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.data-table tr.last th, .data-table tr.last td, .data-table .tr.last .th, .data-table .tr.last .td {
    border-bottom: 0 !important;
    text-align: center;
}
.data-table thead th a, .data-table thead th, .data-table .thead .th a, .data-table .thead .th {
    background: #60c3b7;
}
.data-table thead th, .data-table .thead .th {
    font-weight: bold;
    border-right: 1px solid #c2d3e0;
    padding: 6px 8px;
    color: #FFF;
    white-space: nowrap;
    vertical-align: middle;
}
.data-table .tr {
    display: flex;
}
/* CHECK */
.enabled-javascript, .enabled-cookies {
    width: 100%;
}
#nocookies {
    display: none;
    width: 100%;
}
#noscript, #nocookies {
    background-color: pink;
    margin:5px;
    padding:5px;
}
.noscript a, .noscript a:hover, .noscript a.active, .noscript a:active, .noscript a:visited, .noscript a:focus {
    color: #555555;
    text-decoration: underline;
}
/* END OF CHECK */

/* PAGE */
.page {
    /*position: relative;*/
    max-width:1280px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    padding: 0px;
}
@media (min-width: 1280px) {
    .page {
        min-width:1280px;
    }
    #footer_json {
        min-width:1280px;
    }
}
@media (max-width: 1280px) {
    .page {
        min-width:100%;
    }
    #footer_json {
        min-width:95vw;
    }
}
/* END OF DEFAULTS */

/* FLEXTABLE */
.Row {
    display: flex;
    width: 100%;
}
.Cell {
    border: solid;
    border-color: transparent;
    border-width: 0px;
    /*use for testing border-color: red;
    border-width: 1px;*/
}
/* END OF FLEXTABLE */

/* TOP BAR */
.topbar {
    width: 100%;
    font-size: 14px;
    background-color: #c1dfd5;
    text-align: left;
    margin-bottom: 8px;
    line-height: 21px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 500px) {
    .topbar {
        padding-left: 3px;
        padding-right: 3px;
    }
}
.topbar a, .topbar a:visited {
    color: #2f2f2f;
    text-decoration: underline;
}
.topleft {
    width: 33%;
    text-align: left;
}
.topmiddle {
    width: 33%;
    text-align: center;
}
.topmiddle select#global {
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;

    appearance: none;
    background-color: #c1dfd5;
    /* for Firefox */ 
    -moz-appearance: none; 
    /* for Safari, Chrome, Opera */ 
    -webkit-appearance: none; 
}
.topmiddle select#global::-ms-expand {
    display: none; 
}
.topright {
    width: 33%;
    text-align: right;
}
.top-right-blog {
    margin-right: 10px;
}
@media (max-width: 767px) {
    .topleft, .topright {
        font-size: 14px;
    }
}
/* END OF TOP BAR */

/* SMART BAR */
.smartbar {
    width: 100%;
    background-color: #4e9689;
    color: #fefefe;
    font-family: "Cooper";
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
    /*font-weight: bold;*/
    padding: 0px;
    padding-top: 1px;
}
.no-line-break {
    white-space:nowrap;
}
@media (max-width: 500px) {
    .smartbar {
        font-size: 11px;
    }
}
/* END OF SMART BAR */

/* HEADER */
.logo-row {
    margin-top: 2px;
    margin-bottom: 0px;
    height: 45px;
}
.cell-hamburger {
    width: 0px;
}
.cell-logo {
    width: calc(100% - 0px - 310px);
}
.cell-search-desktop {
    width: 310px;
}
.cell-search-mobile-icon {
    display: none;
}
img.logo {
    height: 40px;
}
img.blog-logo {
    width: 400px;
    margin: auto;
}
.blog-logo-row {
    margin-bottom: 0px;
    align-items: center;
}
.blog-cell-hamburger {
    width: 28%;
    display: none;
    margin-top: -16px;
}
.blog-cell-leftad {
    width: 28%;
    height: 157px;
}
.blog-cell-logo {
    width: 47%;
}
.blog-cell-search-desktop {
    width: 22%;
}
.blog-cell-search-mobile-icon {
    display: none;
    width: 22%;
}
#blog-posts-placeholder .breadcrumbs {
    display: none;
}
#blog-posts-placeholder .category-title {
    margin-top: 38px;
}
#header-blog_json .cell-minicart {
    /*display: none;*/
}
@media (max-width:1000px){
    .blog-cell-hamburger {
        display: block;
    }
    .blog-cell-leftad {
        /* hamburger menu starts displaying at this breakpoint, not enough room for this ad at this size */
        display: none;
    }
    .blog-cell-hamburger {
        width: 18%;
    }
    .blog-cell-logo {
        width: 67%;
    }
    .blog-cell-search-mobile-icon {
        width: 12%;
    }
}

.mobile-search-row {
    display: none;
}
/* SEARCH */
.form-search {
    background: #FFF;
    border-radius: 5px;
    margin-left: 12px;
}
.search_mini_form {
    display:inline;
}
.form-search input.input-text {
    height: 30px;
    padding: 3px;
    font-weight: normal;
    font-style: italic;
    width: 220px;
    font-size: 14px;
    border-radius: 5px 0 0 5px;
    border-color: black;
    border-style: solid;
    border-block-width: 1px;
    border-right: none;
    margin-bottom: 0px;
}
.form-search input.input-text {
    width: calc(100% - 40px - 10px);
}
input.search {
    margin-top:7px;
}
.form-search .button {
    display:inline;
    border: 0;
    height: 38px;
    width: 38px;
    background: url(../images/search.png) no-repeat 50% 50%;
    background-color: #ccc;
    margin-left: 0px;
    border-radius: 0 5px 5px 0; 
    vertical-align: middle;
    margin-top: 6px;
    margin-bottom: 0px;
    margin-left: -5px;
}
.form-search .button-link {
    border: 0;
    height: 31px;
    width: 31px;
    background: #60c3b7 url(../images/advanced-search.png) no-repeat 50% 50%;
    vertical-align: baseline;
    margin-left: 5px;
}
.search-term {
    font-style: italic;
}
img.minicart {
    margin-top: -2px;
}
#header-blog_json img.minicart {
    margin-top: 13px;
}
@media (max-width: 767px) {
    .cell-hamburger {
        width: 40px;
    }
    .cell-logo {
        width: calc(100% - 45px - 39px);
    }
    img.logo {
        margin-top: 5px;
    }
    .cell-search-desktop, .blog-cell-search-desktop {
        display: none;
    }
    .cell-search-mobile-icon, .blog-cell-search-mobile-icon {
        display: flex;
        justify-content: flex-end;
    }
    .mobile-search-row {
        /*display: flex;  javascript does this based on search icon click */
    }
    .cell-search-mobile {
        margin-left: auto;
        margin-right: auto;        
    }
    .form-search input.input-text {
        height: 29px;
    }
    .form-search .button {
        margin-top: 5px;    
        border-radius: 5px;
    }
    img.minicart {
        margin-top: -2px;
    }
}
/* END OF SEARCH */
.smartbar-row {
    margin-top: 5px;
}
.megamenu-row {
    margin-top: 4px;
}
/* END OF HEADER */

/* FOOTER */
@media (min-width: 768px) {
    .footer-row {
        background-color: #ababab;
        margin-top:20px;
    }
    li.footer-menu-header {
        margin-left: 12%;
        width: 20%;
        float: left;
        font-size: 16px;
        text-decoration: none;
        line-height: 30px;
    }
    .footer-menu-title {
        font-weight: bold;
        color: white;
        text-decoration:none;
    }
    li.footer-menu-link {
       font-size: 14px;
    }
    li.footer-menu-link a {
        color: #fefefe;
        text-decoration: none;
        padding-left: 10px;
        display: block;
    }
    .footer-menu-link:hover {
        text-decoration: underline;
            text-decoration-color: #fefefe;
    }
}
@media (max-width: 767px) {
    .footer-row {
        display: block;
        background-color: #B6B6BC;
        margin-top:20px;
    }
    ul.footer-menus, ul.footer-menu-selections {
        list-style: none;
        padding-bottom: 0;
        padding-left: 0;
        margin: 0;
    }
    li.footer-menu-header {
        width: 100%;
        font-size: 14px;
        text-decoration: none;
        line-height: 30px;
    }
    li.footer-menu-header a:focus::after {
        font-size: 24px;
        color: white;
        content: '↑';    /* expand less up arrow */
        padding-right: 15px;
        float: right;
        display: inline-block;
        font-weight: 400;
    }
    li.footer-menu-header a:not(focus)::after {
        font-size: 24px;
        color: white;
        content: '↓';    /* expand more down arrow */
        padding-right: 15px;
        float: right;
        display: inline-block;
        font-weight: 400;
    }
    ul.footer-menu-selections {
        display:none;
    }
    a.footer-menu-title {
        display:block;
        font-weight: bold;
        color: white;
    }
    a.footer-menu-title span {
        margin-left: 15px;
    }
    .footer-menu-link a span {
        margin-left: 15px;
    }
    li.footer-menu-link {
        display: block;
        font-size: 14px;
        line-height: 28px;
        background-color: white;
        border-bottom: 1px solid #e0d8d8;
    }
    li.footer-menu-link:focus {
        display:block;
    }
    li.footer-menu-header a, li.footer-menu-header a:visited {
        text-decoration: none;
    }
    li.footer-menu-link a {
        color: #fefefe;
        text-decoration: none;
        text-transform: uppercase;
        padding-left: 10px;
        display: block;
        color: black;
        text-transform: none;
        display: block;
    }
    .openit {
        display:block !important;
    }
}
.copyright-row {
    margin-top: 10px;
}
.copyright {
    width: 100%;
    text-align: center;
}
@media (max-width: 1024px) {
    .copyright-row {
        margin-bottom: 80px;
    }
}
/* END OF FOOTER */

/* MEGAMENU */
.cell-menu {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
/* END OF MEGAMENU */

/* MINICART */
.cell-minicart {
    width: 46px;
}
.cell-minicart a {
    text-decoration: none;
}
img.minicart {
    height: 48px;
    width: 43px;
}
#minicart-count {
    position: relative;
    top: -31px;
    right: -15px;
    padding: 2px;
    border-radius: 10px;
    color: white;
    font-size: 13px;
    font-weight: bold;
    /*background: none repeat scroll 0px 0px #FB91A0;*/
    /*background: none repeat scroll 0px 0px #60c3b7;*/
}
.button-link {
    padding: 8px 8px;
    background: #60c3b7;
    color: #FFF;
    vertical-align: middle;
    /*z-index: 998;*/
}
button span, .button, .button-link {
    border-radius: 5px;
}
button.button span {
    display: block;
    background: #8f8f8f;
    padding: 5px 15px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}
button.button {
    display: block;
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
}
/* END OF MINICART */

/* BLOG HOME - this was for Magento blog extension */
/*
.col-md-3 {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    float: left;
}
.blog-home-banner {
    margin-left: auto;
    margin-right: auto;
}
.square {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    margin: 5px auto; margin-bottom: 5px;
    cursor: pointer;
}
.square_caption.green {
    background: 
    #49B09E;
}
.block-blog .menu-header {
    font-size: 20px;
    font-weight: bold;
    color: #60c3b7;
    margin: 0;
    padding: 0px 9px;
}
.block-blog .menu-categories {
    margin: 0;
    padding: 5px 9px;
}
.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-size: 13px;
    margin-top: 5px;
}
.block-blog .menu-categories UL LI {
    margin-left: 10px;
}
.block-blog .menu-recent ul li a, .block-blog .menu-categories ul li a, .block-blog .menu-tags ul li a {
    font-size: 12px;
    text-decoration: underline;
    margin-top: 2px;
    margin-bottom: 2px;
}
h1.postCategory {
    font-size: 24px;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 0px;
    padding: 0px;
    margin-bottom: 10px;
    color: #60c3b7;
}
.postWrapper {
    padding-top: 10px;
    padding-bottom: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #888888;
    clear: both;
}
.postTitle {
    border-bottom-width: 1px;
    border-bottom-style: none;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}
.postTitle h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    color: #60c3b7;
}
.postTitle h2 {
    font-size: 19px;
    font-weight: normal;
}
.postTitle h2 a {
    text-decoration: underline;
    color: #60c3b7;
}
.postTitle h3 {
    display:none;
}
.postContent {
    padding-bottom: 10px;
}
.postContent p {
    color: #000;
    font-size: 11pt;
    padding-bottom: 10px;
}
a.post-read-more {
    text-decoration: underline;
    font-size: 11pt;
    color: #60c3b7;
}
.tags {
    font-weight: bold;
    padding-bottom: 10px;
}
.postDetails {
    display:none;
}
*/
/* END OF BLOG HOME */

/* PURE CONTENT PAGES */
.textpage {
    padding-left:30px;
    padding-right:30px;
    padding-bottom: 20px;
}
.textpage .address {
    padding-left:30px; 
    color:black;
}
.textpage h1 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 22pt;
    color: #60c3b7;
    font-weight: bold;
    text-align: center;
}
.textpage h2 {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 12pt;
    font-weight: bold;
}
.textpage h2 span {
    font-size: 10pt;
}
.textpage h3 {
    margin-top: 3px;
    margin-bottom: 0px;
    font-size: 9pt;
    font-weight: bold;
}
.textpage ul {
    padding-left:40px; 
    list-style: initial;
}
.textpage li {
    display: list-item;
}
.textpage .indented-copy {
    margin-left: 40px;
}
.textpage.aboutuspage p {
    font-size: 11pt;
}
.textpage.aboutuspage h2 {
    margin-top: 17px;
    margin-bottom: -2px;
}
.privacy-table th {
    width:35%;
    display: block;
    text-align: left;
}
.privacy-table td {
    width:65%;
    display: inline;
}
/* END OF PURE CONTENT PAGES */

/* LISTING IMAGES */
.listing-image {
    object-fit: contain;
    /*object-position: 50% 100%;*/
    display: block;
    margin: auto;
}
/* END OF LISTING IMAGES */
@media (min-width: 768px) {
    #category-product_json .listing-image, .post-related-grid img.product, #search-results_json img.product {
        box-shadow: 5px -5px 37px -22px #aaa;
    }
}

/* PRODUCT PAGE ALT TAGS FOR MISSING IMAGES */
img.product {
    font-size: 14px;
    font-weight: bold;
    color: #aaa;
    min-height: 30%;  /* set so missing images will have some height for alt text but bigger than 35% makes landscape images too high.  Safari doesn't support. */
}

/* nice to show this if there is no image file for the url, but when slider images 2...999 are set to display this text briefly shows, especially on phones so get rid of it
img.product:after {
    content: " \A IMAGE COMING SOON";
    white-space: pre;
}
img.product::after {
    content: " \A IMAGE COMING SOON";
    white-space: pre;
}
*/

/* END OF PRODUCT PAGE ALT TAGS FOR MISSING IMAGES */

/* SOCIAL SHARING ICONS */
ul.sharing {
    list-style-type: none;
    margin-top: 0px;
    margin-left: 0px;
}
ul.sharing li {
    display: inline;
    float: left;
}
img.social {
    display:inline; 
    height:30px;
    background-color:#e5e9e2;
    margin-right: 10px;
    border-radius: 25px;
    padding: 10px;
}
/* END OF SOCIAL SHARING ICONS */

/* PERSONALIZATION IFRAME */
#personalization-container {
    position:relative; 
    display:none;
}
#personalize-iframe {
    position:fixed; 
    top:0; 
    left: 0; 
    width: 100%;
    height: 100%;    
    border: none;
    background-color: white;
    z-index: 2;
}
/* END OF PERSONALIZATION IFRAME */

/* REVIEWS FULL WIDTH CAROUSEL*/
#reviewsio-carousel-widget {
    margin-top: 4px;
    border: 1px dotted #777;
    border-radius: 15px;
    padding-top: 5px;
    margin-left: auto;
    margin-right:auto;
    display: block;
}
/* see product.css for responsive widths for #reviewsio-carousel-widget
/* END OF REVIEWS FULL WIDTH CAROUSEL */

/* KLAVIYO */
.klaviyo-form {
    margin-top: 25px;
}
/* END OF KLAVIYO */


/* DIGITAL CENTER */
.digital-center-title, .digital-center-body {
    margin: 0 auto;
}
#download-credentials {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: .5px solid #bbb;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.download-field {
    display: inline-block;
    margin-right: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 2px;
}
#download-credentials-button {
    font-size: 13px;
    padding: 3px 10px;
    border: 0;
    color: white;
    font-weight: bold;
    background-color: #60c3b7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 7px;
}
h1.download-title {
    margin-top: 15px;
}
h1.download-title span {
    margin-left: 7px;
    margin-right: 7px;
    font-size: 34px;
    color: #61c3b7;
    font-weight: bold;
}
.download-page h2 {
    font-size: 16px;
    margin-top: 23px;
    margin-bottom: -19px;
    text-align: center;
    color: #333;
}
#download-authentication {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 400px;
    padding: 0px;
    /*
    padding-top: 10px;
    padding-bottom: 10px;
    border: .5px solid #bbb;
    */
}
.download-table {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid darkgray !important;
}
.download-table tr {
    border-bottom: 1px dotted gray;
}
.download-table td {
    padding-top: 2px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    border-right: 1px dotted gray;
}
.download-table {
    text-align: center;
}
.download-table tr.last th, .download-table tr.last td {
    border-bottom: 0 !important;
    text-align: center;
}
.download-table thead th a, .download-table thead th {
    background: #60c3b7;
}
.download-table thead th {
    font-weight: bold;
    border-right: 1px solid #c2d3e0;
    padding: 6px 8px;
    color: #FFF;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
}
#download-authentication div {
    display: inline-block;
    padding: 5px;
    margin: 0px;
}

#download-message {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    text-align: center;
    width: 400px;
    padding: 0px;
    background-color: pink;
    font-weight: bold;
}

#authentication-tag {
    font-weight: bold;
}
#authentication-basis {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
#authentication-basis.passed {
    background-color: greenyellow;
}
#authentication-basis.failed {
    background-color: pink;
}
a.evite-link {
    display: block;
    color: black;
    margin-top: 4px;
}
a.download-link {
    display: block;
    color: black;
    margin-top: 4px;
}
a.download-link:visited {
    color: green;
    font-weight: normal;
}
a.download-expired {
    display: block;
    color: #666;
}
a.download-expired:visited {
    color: #666;
    font-weight: normal;
}
a.personalize-link {
    display: block;
    color: black;
    margin-top: 6px;
}
.download-product {
    width: 37%;
    vertical-align: top;
    text-align: left;
}
.download-type {
    width: 2.1%;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.download-type img {
    width: 95%;
    opacity: 80%;
}
.download-version {
    width: 27%;
    vertical-align: top;
    text-align: center;
}
.download-version.personalize {
    vertical-align: middle;
}
.download-files {
    width: 27%;
    text-align: center;
}
button.download-personalize {
    margin: auto;
}
.show-earlier-versions {
    display: block;
    margin-top: 10px;
}
.show-earlier-versions a {
    color: cadetblue;
    text-decoration: underline;
}
img.download {
    display: inline;
    height: 30px;
    margin-top: 4px
}
img.evite {
    display: inline;
    height: 31px;
    margin-top: 8px;
    margin-left: 4px;
}
.download-product-attribute {
    display: block;
}
.download-resource-image {
    float: left;
    height: 80px;
    margin: 5px;
}
.download-product-name {
    font-weight: bold;
}
#download-trashcan-image {
    width: 22px;
    margin-top: 15px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;    
}
#download-addtocart {
    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    padding: 2px 3px;
    border: 0;
    color: white;
    background-color: #FB91A1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.expired-warning {
    color: red;
    font-style: italic;
    font-size: 13px;
    font-family: TimesRoman;
}
.notexpired-warning {
    color: green;
    font-style: italic;
    font-size: 13px;
    font-family: TimesRoman;
}
@media (max-width: 500px) {
    #download-authentication {
        margin-top: 10px;
        width: 90%;
    }
    .download-product {
    }
    .download-type {
        font-weight: normal;
        width: 4.5%;
    }
    .download-version {
        line-height: 16px;
    }
    .download-product-type {
        display: block;
    }
    .download-product-name {
        display: none;
    }
    #download-message {
        width: 90%;
    }
}
@media (max-width: 375px) {
    .download-type {
        font-weight: normal;
        width: 5.5%;
    }
}
@media (min-width: 501px) {
    .download-product-type {
        display: none;
    }
    .download-product-name {
        display: block;
    }
}
@media (max-width: 767px) {
    .download-table {
        width: 100%;
    }
}
/* END OF ORDER DOWNLOAD TABLE */

/* ABOUT US PAGE */
.aboutuspage .overview {
    width: 65%;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding: 10px;
    border: 1px solid #666;
    border-radius: 21px;
}
.info-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.info-grid .item {
    width: 27%;
    margin-left: 3%;
    margin-right: 3%;
    padding: 0px;
    /*
    flex-grow: 1;
    width: 20vw;
    max-width: 20vw;
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 35px;
    */
}
.info-grid a {
    text-decoration: none;
}
.info-grid {
    border: 0px solid #E4E4E4;
}
.info-grid .info-image {
    border: 0px solid #E4E4E4;
    display: block;
    width: 100%;
    border-radius: 20px;
}
.info-grid .info-name {
    color: #333333;
    font-weight:bold;
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 8px;
}
.info-grid .info-title {
    color: #333333;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: -4px;
}
a.more-info {
    display: block;
}
.additional-info {
    margin-left: 10px;
}
.info-closing {
    font-size: 11pt;
    text-align: center;
}

/* BEGINNING OF SEND/SHARE/PRINT */
.funnel-div {
    padding-top: 10px;
    padding-bottom: 10px;
}
#share-invites-div {
    padding-top: 0px;
    padding-bottom: 0px;
}
.above-video {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
}
.top-of-video {
    border: 1px dotted black;
    border-radius: 9px;
    color: black;
    padding: 2px;
}
.above-video div {
    width: 33%;
    text-align: center;
}
.left-of-video, .right-of-video {
    width: 0%;
}
.edit-screen-video {
    width: 95%;
    margin: auto;
}
#video {
    display: none;
}
button.editing-video {
    margin-top: 6px;
}
.exit-video-top {
    position: relative;
    z-index: 9999;
}
.exit-video-top img {
    float: right;
    margin-top: -6px;
    margin-right: -6px;
    height: 70px;
    background-color: #4e9689;
    border-radius: 40px;
}
ul.info-list {
    list-style: initial;   /* required to render bullets on iPhone - all browsers */
}
.info-list li {
    margin-left: 25px;
    display: list-item;    /* required to render bullets on iPhone - all browsers */
}
h4.info {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 17px;
}
.exit-info-top {
    position: relative;
    z-index: 9999;
}
.exit-info-top img {
    float: right;
    margin-right: 5px;
    height: 50px;
    background-color: #4e9689;
    border-radius: 25px;
}
table.personalized-file {
    border: none;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}
th.personalized-file {
    color: #444;
    border: none;
    padding: 1px;
}
th.personalized-file {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
td.personalized-file {
    padding: 2px;
}
th.bar, td.bar {
    border-left: 1px solid #60c3b7;
}
td.personalized-file img {
    margin: auto;
    height: 35px;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
    opacity: 70%;
}
td.personalized-file-text img {
    height: 35px;
}
td.personalized-file-email img {
    height: 33px;
}
td.personalized-file-whatsapp img {
    height: 38px;
}
td.personalized-file-facebook img {
    height: 34px;
}
td.personalized-file-x img {
    height: 29px;
}
td.personalized-file-instagram img {
    height: 33px;
}
td.personalized-file-home img {
    height: 33px;
}
td.personalized-file img.staples {
    opacity: 60%;
}
td.personalized-file img.shutterfly {
    opacity: 100%;
    height: 15px;
}
td.personalized-file-retail img {
    height: 14px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
}
@media (max-width: 767px) {
    #land-intro, #land-intro-blog {
        /*display: none;*/
    }
    .funnel-div {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .above-video {
        font-size: 13px;
    }
    th.personalized-file {
        font-size: 11px;
    }
    td.personalized-file img {
        height: 32px;
    }
    td.personalized-file-retail img {
        height: 14px;
    }
}
@media (max-width: 450px) {
    #easy-to-edit-div {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .funnel-div {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    td.personalized-file {
        padding: 0px;
    }
}
/* END OF SEND/SHARE/PRINT */

@media (max-width: 767px) {
    .aboutuspage .overview {
        width: 80%;
    }
    .info-grid .info-name {
        font-size: 15px;
    }
    .info-grid .info-title {
        font-size: 13px;
    }
}
@media (max-width: 600px) {
    .aboutuspage .overview {
        width: 85%;
    }
    .info-grid .info-name {
        font-size: 13px;
    }
    .info-grid .info-title {
        font-size: 11px;
    }
}
@media (max-width: 475px) {
    .aboutuspage .overview {
        width: 93%;
    }
    .info-grid .info-name {
        font-size: 9px;
    }
    .info-grid .info-title {
        font-size: 8px;
    }
}
/* END OF ABOUT US PAGE */

/* SPLIT BUTTON */
.split-button-container {
    text-align: center;
    position: relative;
    display: inline-block;
    text-align: left;
}

.split-button {
    position: relative;
    margin: 0;
    float: left;
    outline: none;
    border: 0px solid #E0E0E0;
}

.split-button.main {
    font-size: 15px;
    font-weight: bold;
    color: #fefefe;
    background: green;
    /*border-radius: 5px 0px 0px 5px;*/
    border-radius: 5px 5px 5px 5px;
    padding: 5px 9px;
}
#personalize-clarify {
    display: block;
    font-style: italic;
    font-size: 11px;
}
.split-button.drop {
    font-size: 16px;
    color: black;
    background-color: #eee;
    border-radius: 0px 5px 5px 0px;
    padding: 5px 4px;
}

#personalize-button-split-options {
    display: none;
}

.split-drop-menu {
    position: absolute;
    top: 27px;
    right: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #F2F2F2;
    background-clip: padding-box;
    border: 1px solid #E0E0E0;
    bosplit-shadow: 1px 1px 2px #E0E0E0;
}

.split-drop-menu li a {
    display: block;
    padding: 6px 10px;
    clear: both;
    font-family: arial;
    color: #444;
    text-decoration: none;
}

.split-drop-menu li a:hover {
    background: #D3D3D3;
}
#split-button-choice {
    display: inline;
    font-size: 14px;
    margin-left: 6px;
    vertical-align: text-top;
}
@media (max-width: 767px) {
    .split-button-container {
        width: 100%;
        margin-left: 8px;
    }
    .split-button.drop {
        width: 13%;
    }
    .split-drop-menu {
        margin-right: 20px;
    }
    #split-button-choice {
        float:right;
        clear:both;
        font-size: 16px;
        margin-left: 0px;
        margin-right: 20px;
        margin-bottom: -15px;
    }
}
.info-container {
    display: block;
}
/* END OF SPLIT BUTTON */

/* BEGINNING OF MERGE VIDEO POPUP */
/*
#MergeVideoModal::placeholder {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
}
*/
.easy-to-edit-vimeo-container {
    aspect-ratio: 9/16; 
    position:relative; 
    z-index: 9;
}
.post-vimeo-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#MergeVideoModal {
    position: fixed;
    overflow-x: auto;
    left: calc(50% - 217px);
    width: 400px;
    margin: 0 auto;
    top: 10px;
    /*height: 575px;*/
    display: none;
    background-color: white;
    border: solid black 2px;
    border-radius: 25px;
    padding: 15px;
    z-index: 1;
}
#ContentInfoModal {
    position: fixed;
    overflow-x: auto;
    left: calc(50% - 217px);
    width: 400px;
    max-width: 100vw;
    margin: 0 auto;
    top: calc(50% - 160px);
    /*height: 575px;*/
    display: none;
    background-color: white;
    border: solid black 2px;
    border-radius: 25px;
    padding: 15px;
    z-index: 1;
}
@media (max-width: 500px) {
    #MergeVideoModal {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px;
        width: calc(100vw - 20px);
        height: 100%;
        margin: 0;
        border: 0px;
        border-radius: 1px;
        overflow: auto;
    }
    .exit-video-top img {
        margin-top: -1px;
        margin-right: 3px;
    }
}
@media (max-width: 500px) {
    #ContentInfoModal {
        top: 115px;
        left: 10px;
        width: calc(100vw - 53px);
    }
    .temphide {
        display: none;
    }
    #shipping_street1, #shipping_street2 {
        width: 315px;
    }
    .name-firstname, .name-lastname, #shipping_firstname, #shipping_lastname, #shipping_city, #shipping_region, #shipping_postalcode, #shipping_countrycode {
        width: 144px;
    }
}
/* END OF OF MERGE VIDEO POPUP */