@font-face {
    font-family: 'SF Mono Regular';
    font-style: normal;
    font-weight: normal;
    src: url('https://s3.amazonaws.com/static.cargocollective.com/assets/homepagenew/staging/fonts/SFMonoRegular.woff') format('woff');
}

@font-face {
    font-family: 'SF Mono Regular';
    font-style: italic;
    font-weight: normal;
    src: url('https://s3.amazonaws.com/static.cargocollective.com/assets/homepagenew/staging/fonts/SFMonoRegularItalic.woff') format('woff');
}


/*
    GENERICS
*/
article,aside,audio,canvas,caption,details,div,figure,footer,header,hgroup,iframe,img,mark,menu,nav,object,section,span,summary,table,tbody,td,tfoot,thead,tr,video {
    border:0;margin:0;padding:0
}

.flex {
    display: flex;
}

.hide {
    display: none;
}

.half-width {
    width: 50%;
}

.blog,
.selections,
.in-use,
.templates,
.thumbnails:not(.hidden) {
    min-height: 100vh;
}

.max-w-60 {
    max-width: 60%;
    display: inline-block;
}

/**************************
    Top & Bottom Navigation
**************************/

.top-nav {
    white-space: nowrap;
}

.top-nav .page_content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.top-nav .nav-side {
    display: flex;
    align-items: flex-end;
    text-align: left;
    flex: 1;
    margin-left: -2px;
}

.top-nav .nav-side.right {
    text-align: right;
    align-items: flex-end;
    justify-content: flex-end;
    margin-right: -2px;
}

.top-nav .nav-side a {
    padding: 1rem 0 !important;
    line-height: 1;
    margin: 0;
}
    .top-nav .nav-side a.auth-login {
        display: inline-block;
        padding: 1rem 0 1rem 2rem !important;
    }

    .top-nav .nav-side a.auth-login svg {
        transform: translate(.1em, .6em);
        height: 1.7rem !important;
        width: auto !important;
        display: inline-block;
        line-height: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

.top-nav .social-icons {
    font-size: 1.5rem;
}
    .top-nav .nav-side.social-icons a {
        padding: 0 0 .75rem 0 !important;
        margin: 0 .05em;
    }

    .top-nav .nav-side.social-icons a:last-child {
        margin-right: 0;
    }

    .top-nav .nav-side.social-icons a.soundcloud {
        margin-right: .1em;
    }

.top-nav .nav {
    --radius1: 5px;
    --radius2: 10px;
    --radius3: 1rem;
    --nav-pad-x: .85rem;
    --nav-pad-y: 1.75rem;
    --nav-pad-x-increase: 1.05rem;
    --nav-pad-difference: .4rem;
    
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: flex-end;
    padding-top: var(--nav-pad-difference);
}

.top-nav .bar {
    border: 1px solid var(--blue);
    border-bottom: 0;
    border-radius: 1rem 1rem 0 0;
    height: 1.5rem;
    flex-grow: 1;
    width: 100%;
}

.top-nav .nav a {
    padding: var(--nav-pad-x) var(--nav-pad-y) !important;
    border: 1px solid var(--blue);
    border-bottom: 0;
    margin: 0;
    border-radius: var(--radius1) var(--radius1) 0 0;
    line-height: 1;
    min-width: 12rem;
}

[data-bodyview] .top-nav .page .nav a.selected {
    border-bottom: 0 !important;
    padding: var(--nav-pad-x-increase) var(--nav-pad-y) !important;
    margin-top: calc(-1 * var(--nav-pad-difference));
}

[data-bodyview] .top-nav .page .nav a.selected:active {
    opacity: 1 !important;
}

[data-bodyview] .top-nav .page .nav a.selected:after {
    content: '';
    position: absolute;
    bottom: -1px;
    background: white;
    height: 1px;
    right: 0;
    left: 0;
    z-index: 9999;
}

.top-nav .nav a + a {
    margin-left: -1px !important;
}

/* First Button */
.top-nav .nav a:first-child {
    border-radius: var(--radius2) var(--radius1) 0 0;
}
.top-nav .nav a.adjacent-left:first-child {
    border-radius: var(--radius2) 0 0 0 !important;
}
body.homepage .top-nav .nav a[rel="home_page"].selected {
    border-radius: var(--radius2) 0 0 0 !important;
}
body.homepage .top-nav .nav a[rel="home_page"] + a {
    border-radius: 0 var(--radius1) 0 0 !important;
}

.inusearrow {
    height: 1.4em;
    width: auto;
    transform: translate(2px, .3em);
}

.inusearrow path {
    fill: none;
    stroke: var(--blue);
    stroke-width: 1.5px;
}

/* last Button */
.top-nav .nav a:last-child {
    border-radius: var(--radius1) var(--radius2) 0 0 !important;
}
.top-nav .nav a.selected:last-child, 
.top-nav .nav a.adjacent-right:last-child {
    border-radius: 0 var(--radius2) 0 0 !important;
}


/* adjacents */
.top-nav .nav a.adjacent-left {
    border-radius: var(--radius1) 0 0 0 !important;
}
.top-nav .nav a.adjacent-right {
    border-radius: 0 var(--radius1) 0 0 !important;
}
.top-nav .nav a.selected {
    border-radius: var(--radius1) var(--radius1) 0 0 !important;
}

.top-nav .nav .bolt {
    position: absolute;
    left: .5rem;
    top: 50%;
    width: auto !important;
    height: 1.6rem;
    transform: translate(50%, -50%);
}

/*FOOTER*/
/* Prevent TYPENETWORK link from getting active state */
[href="Fonts"] + [href="Fonts"] {
    background: transparent !important;
    color: var(--blue) !important;
    border-bottom: none !important;
}


/**************************
    BROWSER WINDOW OUTLINES
**************************/
.templates a.image-link,
.sites-in-use a.image-link,
.blog [data-container="page"].new a.image-link,
.blog .legacy a.pad-bottom-trick {
    position: relative;
    padding-bottom: calc(62.5% + 1.7rem) !important;
    height: 0;
    vertical-align: top;
    display: inline-block !important;
    line-height: 0;
    margin: 0;
}

.blog [data-container="page"].new a.image-link {
    padding-bottom: calc(64.5% + 1.7rem) !important;
    width: calc(100% - 32px);
}

.blog *not:([data-staff-pick-image]) .legacy a.image-link.pad-bottom-trick.half-width,
.blog *not:([data-featured-in-use]) .legacy a.image-link.pad-bottom-trick.half-width {
    padding-bottom: calc(67.5% + 3.2rem) !important;
    width: 50% !important;
    border-bottom: none !important;
    margin: 0 auto;
}

.blog bodycopy .gallery_image_caption a,
.blog span,
.blog small,
.blog a {
    border-bottom: 0 !important;
    color: inherit !important;
}

.templates a.image-link:after,
.sites-in-use a.image-link:after {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: -15px;
    top: -15px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
    z-index: -1;
}

/* Needs to have different border bottom due to size */
.blog [data-staff-pick-image] a.image-link:after {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: -14px;
    top: -15px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
    z-index: -1;
}

.templates a.image-link img,
.sites-in-use a.image-link img,
.blog [data-container="page"].new a.image-link:not(.no-border) img,
.blog .legacy a.pad-bottom-trick img,
.blog [data-in-use-grid] a img {
    padding: 0px;
    outline: 1px solid var(--blue-outline);
    outline-offset: -1px;
    margin-top: -.5px;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
}

.templates a.image-link .template_video_wrapper:after {
    content: '';
    outline: 1px solid var(--blue-outline);
    outline-offset: -1px;
    position: absolute;
    top: calc(1.7rem - .5px); 
    left: 0; right: 0; bottom: 0;
}

.templates a.image-link .template_video_wrapper:before {
    content: '';
    position: absolute;
    right: -4px;
    width: 4px;
    background: white;
    z-index: 999;
    height: 100%;
    top: 0;
}

.templates a.image-link .template_video_frame {
    position: absolute; 
    top: calc(1.7rem - .5px); 
    bottom: 0 !important; 
    height: calc(100% - 1.7rem);
    right: 0px; 
    left: 0px;
    width: calc(100%); 
    contain: strict;
}

.templates .iframe_wrapper,
.sites-in-use .iframe_wrapper,
.blog .iframe_wrapper {
    position: relative;
    line-height: 0;
}

.templates .iframe_wrapper:before,
.sites-in-use .iframe_wrapper:before,
.blog .iframe_wrapper:before {
    outline: 1px solid var(--blue-outline);
    outline-offset: -1px;
    line-height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.site_header {
    height: 1.7rem;
    border-top: 1px solid var(--blue-outline);
    border-left: 1px solid var(--blue-outline);
    border-right: 1px solid var(--blue-outline);
    border-radius: 0;
    background: rgba(255, 255, 255, 1);
    border-bottom: none;
    z-index: -1;
    vertical-align: top;
    line-height: 0;
    padding: .3rem 0 0 3rem;
    position: relative;
}

.header_buttons>div {
    display: inline-block;
    margin-left: -2.4rem;
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    transform: scale(.15);
    transform-origin: 0 0;
    margin-right: -2.4rem;
    border: 6px solid var(--blue-outline);
}

/**************************
    SITES IN USE 
**************************/

[data-page-id="9145893"] [data-container="page"][data-id=""] {
    height: 0;
}

[data-inuse-filter-container] .templates-list {
    max-width: 70%;
    margin: 0 auto;
}

[data-inuse-filter-container] .templates-list a {
    white-space: nowrap;
    border-radius: 10rem;
    padding: 0.05rem 1.2rem 0.1rem 1.2rem;
}

[thumbnails=grid] {
    align-items: baseline;
}

body.homepage [data-view="Thumbnail"] {
    display: none !important;
    height: 0 !important;
}

#all_inuse_header {
    margin-top: 9rem;
}

#inuse_guide .content_padding,
#main_inuse .content_padding {
    padding: 0;
}

#inuse_guide.filtering {
    margin-bottom: 6rem;
}

body.homepage #inuse_guide .progenitor_template {
    display: none;
}

.thumbnails [thumbnails] {
    justify-content: center;
}

.thumbnails [thumbnails] .thumbnail>a {
    display: block;
    text-decoration: none;
}

.thumbnails .updated-url {
    cursor: pointer;
}

.thumbnail.filtered {
    display: none !important;
}

.filters {
    width: 63vw;
    margin: 0 auto;
}

.filters .filter {
    display: inline-table;
    padding: .2rem .75rem;
    border: 1px solid var(--blue);
    border-radius: 10rem;
    cursor: pointer;
    margin: 0 0.2em .65rem;
}

.filters .filter.selected {
    background: var(--blue);
    color: white;
    pointer-events: none;
}

.filters .filter.selected:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.thumbnail.filtered {
    display: none;
}

.thumbnails.filtered {
    margin-bottom: 9rem;
}

.filter-reset {
    font-size: var(--fontSize-h1-smaller);
    font-family: var(--font-diatype);
    letter-spacing: 0;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    bottom: 5rem;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}

.filter-reset:active {
    opacity: .7;
}


.thumbnail .thumb_image {
    padding-bottom: calc(71.3% + 1.7rem) !important;
    overflow: hidden;
    min-height: 200px;
}

.thumbnail .new_ratio .thumb_image {
    padding-bottom: calc(62.5% + 1.7rem) !important;
}

.thumbnail .thumb_image:after {
    content: '';
    position: absolute;
    top: calc(1.7rem - 1px);
    bottom: 0;
    left: 0;
    right: 0;
    outline-offset: -1px;
    outline: 1px solid var(--blue-outline);
}

/* In Use Browser Window */
[data-css-preset] .thumbnail[thumbnails-pad] {
    padding: calc(0.75rem + 15px) !important;
    padding-bottom: 3rem !important;
}

.thumbnails a.image-link {
    position: relative;
    height: 0;
    vertical-align: top;
    display: inline-block;
    line-height: 0;
    margin: 0;
    min-height: 200px;
}

.thumbnails .thumbnail.formatted a.image-link {
    padding-bottom: calc(71.3% + 1.7rem) !important;
}

.thumbnails .thumbnail.formatted a.image-link.new_ratio {
    padding-bottom: calc(62.5% + 1.7rem) !important;
}

.thumbnails [thumbnails] .thumbnail>a:after {
    z-index: -1;
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: -15px;
    top: -15px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
}

.thumbnails a.image-link img {
    padding: 0px;
    outline-offset: -1px;
    margin-top: -.5px;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
}

/* Featured Site Styles */
.thumbnails .featured_thumb_wrapper {
    width: 100%;
    justify-content: center;
    display: flex;
}

body:not(.mobile) .thumbnails [thumbnails] .thumbnail.featured {
    width: 50%;
}

/* In Use -- Text Positioning & Styles */
.thumbnails .title {
    display: none;
}

.thumbnails .inuse_info {
    margin-left: -15px;
    padding-top: 12px;
    text-align: left;
}

.thumbnails .progenitor_template {
    opacity: .4;
}

.thumbnails .inuse_info a, 
.thumbnails .inuse_info span {
    display: block;
    color: var(--blue);
    text-decoration: none;
    font-size: var(--fontSize-small-mono);
    line-height: 1.4;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 1.05em;
}


.thumbnails .inuse_info .progenitor_template a,
.thumbnails .inuse_info .progenitor_template span {
    display: inline-block;
    padding-top: 0;
    color: var(--blue);
    border-bottom: 0.0em solid var(--blue-border);
}

/**************************
    SELECTIONS
**************************/

[data-id="9146424"] [data-container="page"] bodycopy {
    padding-top: .9rem;
}

[data-predefined-style="true"] .selections h1 {
    font-size: 5rem;
    font-family: var(--font-diatype);
    font-weight: 500;
    letter-spacing: -.02em !important;
}

.selections .image-gallery.initialized .gallery_card_image {
    padding-bottom: 0 !important;
    /*height: calc(25vw - .75rem) !important;*/
    /*height: calc(25vw - 1.875rem - 0px) !important;*/
    height: calc(25vw - 3rem + 2px) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.selections .initialized .gallery_image_caption {
    opacity: 0;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0.5rem;
    padding-top: 1em;
    text-align: center;
    min-height: 3.5em;
}

.selections .initialized .gallery_image_caption.selections_format {
    opacity: 1;
}


.selections .content img {
    float: none;
    margin-bottom: 0em;
    outline: 1px solid rgba(0, 0, 0, .08);
    outline-offset: -1px;
}

.selections .seemore+[grid-row] {
    padding-top: 5rem;
}

.selections .initialized .gallery_card:hover .selection_insta {
    opacity: 1;
}

.selections .image-gallery.initialized .gallery_card {
    align-self: stretch;
}

.selections .image-gallery.initialized .gallery_card_image.portrait img {
    height: 100% !important;
    width: auto !important;
}

.selections .image-gallery.initialized {
    padding: 1.5rem .75rem !important;
    margin: -1.5rem !important;
}

.selections .image-gallery.initialized .gallery_card[image-gallery-pad] {
    padding: 1.75rem .75rem !important;
}

.selections .content .page_content hr {
    margin-bottom: 5rem;
}

.selections .see-more,
.selections .ext-insta {
    display: none;
}

.selections .page_container {
    position: relative;
    overflow: visible;
    width: 100%;
}

.selections .page mono a.active {
    color: rgba(0, 0, 0, .85);
    border-bottom: 0;
    opacity: 1;
}

.selections [data-predefined-style="true"] bodycopy {
    color: var(--blue);
}

.selections [data-container="page"] .initialized .gallery_image_caption a:first-child {
    max-width: 90%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

body:not([data-adminview="content-editproject"])[data-page-id="9146424"] .selections [data-container="page"] {
    max-height: calc(100vw + 30rem);
}

body:not([data-adminview="content-editproject"])[data-page-id="9146424"] .selections [data-container="page"]:first-child {
    max-height: calc(100vw + 12rem);
}

body:not([data-adminview="content-editproject"]) .selections [data-container="page"]:first-child {
    padding-top: 0;
}

body:not([data-adminview="content-editproject"])[data-page-id="9146424"] .selections [data-container="page"]:not(:first-child) {
    padding-top: 18.5rem;
    background: white;
    z-index: 2;
}
body:not([data-adminview="content-editproject"])[data-page-id="9146424"] .selections [data-container="page"]:not(:first-child):after {
    content: '';
    position: absolute;
    background: var(--blue);
    height: 1px;
    right: 3.5rem;
    left: 3.5rem;
    top: 0;
}

body:not([data-adminview="content-editproject"]):not([data-page-id="9146424"]) .selections [data-container="page"] {
    padding-bottom: 6.5rem;
}

.selections [data-container="page"] h1 a.active {
    background: transparent;
    color: var(--blue);
}

.selections a.seemore {
    position: absolute;
    top: calc(-16.5rem + 3px);
    left: 50%;
    transform: translate(-50%, 0);
    background: transparent;
    padding: 1rem 1.5rem;
    line-height: 1;
    height: 3.5rem;
    z-index: 9999;
    padding-top: 2rem;
    margin-bottom: 1rem;
    font-size: var(--fontSize-h1-smaller);
    font-family: var(--font-diatype);
    letter-spacing: 0;
    font-weight: 500;
    text-transform: capitalize;
}

body:not([data-page-id="9146424"]) a.seemore {
    display: none;
}

.selections .content .circle-instagram img {
    height: 3.5em !important;
    opacity: 1;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -25%);
    width: auto !important;
    margin-bottom: 0;
    outline: none !important;
}

[data-predefined-style="true"] .selections bodycopy .gallery_image_caption {
    line-height: 1.2;
}

[data-predefined-style="true"] .selections bodycopy .gallery_image_caption a {
    padding-bottom: 0;
}


/* Pages that default to 100vh */
body:not(.mobile) .students,
body:not(.mobile) .nonprofits,
body:not(.mobile) .friends,
body:not(.mobile) .shops,
body:not(.mobile) .domains {
    min-height: 100vh;
}

.in-use-style .image-gallery {
    padding: 2rem calc(2rem + 15px) !important;
}
.in-use-style .gallery_card {
    text-decoration: none !important;
}
.in-use-style .gallery_card_image:before {
    z-index: -1;
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: -15px;
    top: -15px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
}
.in-use-style .gallery_card_image:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    outline-offset: -1px;
    outline: 1px solid var(--blue-outline);
}
.in-use-style .gallery_image_caption {
    margin-top: 1.8em;
    margin-left: -15px;
}



/**************************
   DOMAIN SEARCH
**************************/

#domain_wrapper_wrapper {
    margin-bottom: 4em;
    min-height: 4.5rem;
}

#domain_wrapper #search {
    max-width: 37rem;
    text-align: left;
}

/*Hide things by default*/
#domain_wrapper summary,
[data-domain-search] .submit,
.admin-wrapper .text:after,
.admin-wrapper .text:before,
#domain_wrapper [data-message],
#domain_wrapper [data-destination="settings"],
#domain_wrapper [data-domain-settings],
#domain_wrapper [data-domain-settings] * {
    display: none;
}

#domain_wrapper [data-input-parent] {
    padding: 0 !important;
}

[data-domainlist-set-toggle] {
    font-size: 1.4rem;
}

#domain_wrapper input[name="query"] {
    font-size: 1.8rem;
    border: 1px solid var(--blue-outline);
    display: inline-block;
    padding: .75rem .75rem .75rem 2rem;
    font-family: inherit;
    line-height: 1.2;
    color: var(--blue);
    font-family: 'Diatype', Icons;
    font-weight: 400;
    width: 100%;
    line-height: 1.3;
    border-radius: 100rem;
    margin: 0;
}

#domain_wrapper [data-input-parent]:not(.placehold):after,
#domain_wrapper [data-input-parent]:not(.placehold):before {
    line-height: 1.5;    
}

body.safari #domain_wrapper [data-input-parent]:not(.placehold):after,
body.safari #domain_wrapper [data-input-parent]:not(.placehold):before {
    line-height: 1.5;    
}

#domain_wrapper input[type="text"]::-webkit-input-placeholder {
    font-size: 0;
    color: transparent;
}

.admin-wrapper .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  min-height: 4rem;
  width: 100%;
}

.admin-wrapper .col {
  min-height: 4rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.admin-wrapper .col-third {
  width: 36%;
}
.admin-wrapper .col-half {
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.admin-wrapper .col-full {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.admin-wrapper .col-square {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.0rem;
      -ms-flex: 0 0 4.0rem;
          flex: 0 0 4.0rem;
}
.admin-wrapper .col-narrow {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 3rem;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
}
.admin-wrapper .col-1-3 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 33.3%;
      -ms-flex: 1 0 33.3%;
          flex: 1 0 33.3%;
}
.admin-wrapper .col-2-3 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 66.3%;
      -ms-flex: 1 0 66.3%;
          flex: 1 0 66.3%;
}
.admin-wrapper .col-left {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.admin-wrapper .col-right {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.admin-wrapper .pad-small {
  padding: 0.75rem 1.5rem;
}

.admin-wrapper .pad-y-small {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

.admin-wrapper .pad-x-small {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.admin-wrapper .pad-y-reset {
  padding-top: 0;
  padding-bottom: 0;
}
.admin-wrapper .pad-bottom-small {
  padding-bottom: 0.75rem;
}
.admin-wrapper .pad-medium {
  padding: 3rem;
}
.admin-wrapper .pad-y-medium {
  padding: 3rem 0;
}
.admin-wrapper .pad-x-medium {
  padding-left: 3rem;
  padding-right: 3rem;
}
.admin-wrapper .pad-small-medium {
  padding: 0.75rem 3rem;
}
.admin-wrapper .pad-bottom-small-medium {
  padding: 0 3rem 0.75rem 3rem;
}
.admin-wrapper .pad-medium-small-y {
  padding: 3rem 0 1.5rem 0;
}
.admin-wrapper .pad-y-smaller {
  padding: 0.75rem 0;
}
.admin-wrapper .pad-top-smaller {
  padding-top: 0.375rem;
}
.admin-wrapper .pad-bottom-smaller {
  padding-bottom: 0.375rem;
}
.admin-wrapper .pad-top-small {
  padding-top: 0.75rem;
}
.admin-wrapper .pad-top-medium {
  padding-top: 3rem;
}
.admin-wrapper .pad-bottom-medium {
  padding-bottom: 3rem;
}
.admin-wrapper .pad-top-single {
  padding-top: 1px;
}
.admin-wrapper .pad-bottom-single {
  padding-bottom: 1px;
}
.admin-wrapper .pad-single {
  padding: 1px;
}
.admin-wrapper .pad-top-reset {
  padding-top: 0;
}
.admin-wrapper .pad-left-reset {
  padding-left: 0;
}
.admin-wrapper .pad-right-reset {
  padding-right: 0;
}
.admin-wrapper .pad-bottom-reset {
  padding-bottom: 0;
}
.admin-wrapper .pad-reset {
    padding: 0;
}

.admin-wrapper .type-ellipses {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#domain_wrapper section + section {
    margin-top: 1em;
}

#domain_wrapper .single_domain {
    border-bottom: 1px solid var(--blue-border);
    cursor: pointer;
    padding: 0 calc(1.5rem + 1px);
}

#domain_wrapper .single_domain .col {
    font-family: var(--main-font);
    color: var(--blue);
    font-size: var(--small);
    padding: .5em 0;
    line-height: 1.5;
}

#domain_wrapper .single_domain .col:nth-child(2) span {
    font-size: var(--small);
    padding: .5em 0;
    display: inline-block;
}

#domain_wrapper .single_domain:not(.available) .col {
    opacity: .4;
}

#domain_wrapper .single_domain .col:first-child {
    display: none;
}

#domain_wrapper .single_domain .col:last-child {
    padding-right: 0;
}

#domain_wrapper .next_domainlist_set {
    margin-top: .5rem;
    margin-left: calc(1.5rem - 2px);
    display: inline-block;
    background: none;
    color: var(--blue);
    padding: 0;
    text-transform: uppercase;
    font-family: var(--font-sf-mono) !important;
    font-size: var(--fontSize-small-mono) !important;
    text-decoration: none;
    text-transform: lowercase;
}





/**************************
   BLOG 
**************************/
/*[data-predefined-style="true"] .blog h1 {
    font-weight: 400 !important;
}

[data-predefined-style="true"] .blog bodycopy {
    font-size: 1.5rem !important;
}*/

[data-predefined-style="true"] .blog h1 {
    font-family: Diatype, Icons !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 5.2rem !important;
    color: var(--blue);
    letter-spacing: -.025em !important;
}

[data-predefined-style="true"] .blog bodycopy {
    font-size: 1.5rem !important;
    font-family: var(--font-diatype) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

[data-predefined-style="true"] body.mobile .blog bodycopy {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    font-size: 2.1rem !important;
}

[data-predefined-style="true"] .blog small {
    font-size: var(--fontSize-small-mono) !important;
    line-height: 1.2 !important;
    font-family: var(--font-sf-mono) !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.blog .page_content .image-gallery {
    margin: calc(-8rem + 15px) !important;
    padding: 4rem !important;
}

.blog .page_content [image-gallery-pad] {
    padding: 4rem !important;
}

.blog .gallery_card_image {
    margin-bottom: calc(1em + 15px);
}

.blog .legacy .gallery_card.slick-slide .gallery_card_image:after {
  display: none;
}

.blog .gallery_card_image:after {
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
    padding: 15px;
    content: '';
    position: absolute;
    left: -15px;
    top: -15px;
    bottom: -15px;
    right: -15px;
}

.blog .card_img {
    position: relative;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
}

.blog .card_img img {
    padding: 15px;
}

.image-filter-red:after {
    content: '';
    position: absolute;
    top: 15px; left: 15px; right: 15px; bottom: 15px;
    background: var(--blue);
    z-index: -1;
}

.image-filter-red img {
    filter: grayscale(1);
    mix-blend-mode: screen;
}


.blog .gallery_image_caption.selections_format {
    margin-bottom: 0;
    margin-top: 0;
}

.blog [data-in-use-grid] a {
    display: block;
    position: relative;
    height: 0;
    vertical-align: top;
    line-height: 0;
    margin: 0;
    padding-bottom: calc(71.3% + 1.7rem) !important;
    margin-bottom: 15px;
}

.blog .legacy [data-in-use-grid] a .border-wrapper {
    padding-bottom: calc(71.3% + 1.7rem) !important;
    position: relative;
    height: 0;
}

body.mobile .blog .maxmobile img {
    max-width: 65%; 
    height: auto !important;
}

.blog [data-container="page"].new [staff-pick-grid] [data-staff-pick-image] a {
    margin-top: -1px;
    max-width: calc(70% + 30px);
}

.blog .gallery_image_caption:not(.selections_format) {
    margin-top: 3rem;
    margin-bottom: 0;
}

.blog .legacy .staff-pick-wrapper {
 width: 50%;
 margin: 0 auto;
}

body.mobile .blog .legacy .staff-pick-wrapper {
 width: 95%;
 margin: 0 auto;
 padding: 0 0.4rem;
}

.blog .legacy [data-staff-pick-image] a.pad-bottom-trick, 
.blog .legacy [data-featured-in-use] a.pad-bottom-trick {
    padding-bottom: calc(71.4% + 1.7rem) !important;
    width: 100%;
}

/**************************
   MOBILE BLOG 
**************************/

/* mb-border-w = 8px */
/* neg-mb-border-w = -8px */
/* border-w = 15px */
/* gallery-image-bot = 1em */
/* mb-gallery-image-bot = 0.5em */

/* This fixes Staff Pick Blue Bolt */
body.mobile [staff-pick-grid] img:first-child {
    height: 5rem;
    width: 5rem;
    max-height: 5rem;
}

body.mobile:not(.ios) .new [staff-pick-grid] img:first-child {
    max-height: initial;
}

/*More Staff Pick Specific fixes*/
body.mobile .blog [data-container="page"].new [staff-pick-grid] [data-staff-pick-image] a {
    margin-top: -1px;
    max-width: 100%;
}

body.mobile .blog [data-container="page"].new [staff-pick-grid] [grid-col="8"][grid-pad="2"] {
    padding: calc(1.1rem + 15px) !important;
}

body.mobile .blog [data-container="page"].new [staff-pick-grid] [data-staff-pick-image] a.image-link {
    padding-bottom: cacl(65.5% + 1.7rem);
}

body.mobile [data-affections-grid] img {
    width: 60% !important;
    height: auto !important;
}

body.mobile .blog .page_content .image-gallery {
    margin: calc(-8rem + var(--mb-blog-border)) !important;
    padding: 4rem !important;
}

body.mobile .blog .page_content [image-gallery-pad] {
    padding: 4rem !important;
}

body.mobile .blog .gallery_card_image {
    margin-bottom: calc(0.5em + var(--mb-blog-border));
}

body.mobile .blog .gallery_card_image:after {
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: 6px;
    padding: var(--mb-blog-border);
    content: '';
    position: absolute;
    left: -8px;
    top: -8px;
    bottom: -8px;
    right: -8px;
}

body.mobile .blog .gallery_image_caption.selections_format {
    margin-bottom: 0;
    margin-top: 0;
}

body.mobile .blog [data-container="page"].new [data-staff-pick-image] a.image-link {
    width: 100%;
}

body.mobile .blog [data-in-use-grid] a {
    display: block;
    position: relative;
    height: 0;
    vertical-align: top;
    line-height: 0;
    margin: 0;
    padding-bottom: calc(71.3% + 1.7rem) !important;
    margin-bottom: var(--mb-blog-border);
}

body.mobile .blog .legacy [data-in-use-grid] a .border-wrapper {
    padding-bottom: calc(71.3% + 1.7rem) !important;
    position: relative;
    height: 0;
}

body.mobile .blog [data-in-use-grid] .border-wrapper:after,
body.mobile .blog [data-in-use-grid] [grid-col="x10"][grid-pad="4"] .border-wrapper:after, 
body.mobile .blog [data-in-use-grid] [grid-col="x10"][grid-pad="1.5"] .border-wrapper:after,
body.mobile .blog [data-in-use-grid] [grid-col="x10"][grid-pad="4"] .border-wrapper:after, 
body.mobile .blog [data-in-use-grid] [grid-col="x10"][grid-pad="1.5"] .border-wrapper:after {
    z-index: -1;
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: 6px;
}

body.mobile .blog .legacy [data-staff-pick-image] a.pad-bottom-trick, 
body.mobile .blog .legacy [data-featured-in-use] a.pad-bottom-trick {
    padding-bottom: calc(71.4% + 1.7rem) !important;
    width: 100%;
}

body.mobile .blog [data-staff-pick-image] a.image-link:after {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: 6px;
    z-index: -1;
}

body.mobile .blog .page_content [image-gallery-row] [image-gallery-col]:nth-child(odd) [image-gallery-pad="1"] {
    padding-right: 1.7rem !important;
}

body.mobile .blog .page_content [image-gallery-row] [image-gallery-col]:nth-child(even) [image-gallery-pad="1"] {
    padding-left: 1.7rem !important;
}

[data-predefined-style="true"] body.mobile h1 {
    font-size: 3.5rem;
    line-height: 1.1;
}

body.mobile .affections-image,
body.mobile .affections-image [style="text-align: right"] {
    text-align: center !important;
}

body.mobile #domain_wrapper_wrapper {
    display: none !important;
}

body.mobile [data-container="page"].legacy bodycopy {
    margin-top: 3rem;
}

/**************************
    BLOG OVERRIDES
**************************/

.blog .edition {
    font-family: "Times New Roman", "Times New Roman", Times, serif, "Times New Roman", Icons;
    font-size: inherit !important;
}

.blog h1 b {
    font-weight: normal !important;
}

.blog .legacy hr {
    visibility: hidden;
    margin-bottom: .5em !important;
}

.blog [href="Graphic-Design"],
.blog [href="Architecture-Design"],
.blog [href="Style"],
.blog [href="Photo"],
.blog [href="Art"] {
    margin-left: -.80ch;
}

.blog .instagram-cargo {
    display: none;
}

.blog .legacy [data-in-use-grid] [grid-col] a+div {
    margin-top: calc(1em + 13px);
}

.blog .new [data-in-use-grid] [grid-col] a+div {
    margin-top: .9em;
}

.blog [data-in-use-grid] [grid-col] a + div > div {
    line-height: .9;
}

/* Instagram Icon v align */
.blog .legacy a[href="https://www.instagram.com/cargoworld"] small span,
.blog .legacy a[href="https://www.instagram.com/cargo.style/"] small span,
.blog .legacy a[href="https://www.instagram.com/cargo.arch.design/"] small span,
.blog .legacy a[href="https://www.instagram.com/cargo.art/"] small span,
.blog .legacy a[href="https://www.instagram.com/cargo.photo/"] small span {
    vertical-align: text-bottom;
}

/* Arrow placement */
.blog .legacy a[href="https://www.instagram.com/cargoworld"] sup,
.blog .legacy a[href="https://www.instagram.com/cargo.style/"] sup,
.blog .legacy a[href="https://www.instagram.com/cargo.arch.design/"] sup,
.blog .legacy a[href="https://www.instagram.com/cargo.art/"] sup,
.blog .legacy a[href="https://www.instagram.com/cargo.photo/"] sup {
    top: -0.3em;
    font-size: 1.8rem;
}

.blog .content img[data-scale="10"] {
    width: 6.5rem !important;
    height: 6.5rem !important;
    max-width: 6.5rem;
    max-height: 6.5rem;
    z-index: 2;
    position: relative;
}

body.mobile .blog img[src="//freight.cargo.site/w/1000/q/67/i/1ac9078162beea59466ff49e4dc7c6167614569a08ae8b330ea4acf12170b87e/blue-bolt.svg"],
body.mobile [data-newsletter-icon] {
    max-width: 5rem;
    max-height: 5rem;
}

body.mobile .blog .legacy [data-scale="10"] {
    height: 5rem;
    width: 5rem;
    max-height: 5rem;
    max-width: 5rem;
}

.blog .legacy [data-updates-grid] .gallery_card_image:after {
    box-shadow: none;
    border-radius: none;
    padding: none;
    position: relative;
}

.blog .legacy a.updates-image.image-link img {
    outline: none !important;
}

.blog .legacy [data-staff-pick-text] small {
    /*margin-top: 1.3em !important;*/
}

.blog div.new [data-staff-pick-text] {
    display: inline-block;
    margin-top: -1.3em;
}

.blog .legacy img[src="//freight.cargo.site/w/1552/q/67/i/135e45c24fd627fe6d2121b37bb7f8e40f949ab4862f4ce167adfee8eb286ce2/sticky.png"] {
    max-width: inherit;
    width: 36rem !important;
}

/* Some have a break */
.blog .legacy [data-in-use-grid] [grid-col] a+br+div {
    margin-top: calc(1em + 15px);
}

.blog .legacy [data-in-use-grid] [grid-col] div > a + br + small {
    margin-top: calc(1.4em + 15px);
}

/* Some don't have a break */
.blog .legacy [data-in-use-grid] [grid-col] a+div {
    margin-top: calc(1em + 15px);
}

.blog .legacy [data-in-use-grid] a.image-link:not(.half-width) {
    width: 100%;
}

/* Fixes image leaving position in affections */
.blog .legacy [data-break-mobile] .max-w-60 {
    max-width: 100%;
    width: 100%;
}

.blog .legacy [grid-row][grid-pad="0"][grid-gutter="0"][grid-responsive] [grid-col="x11"][grid-pad="0"] {
    width: 50%;
}

.blog .legacy [data-instagram-grid] div[style="text-align: left;"] small,
.blog .legacy [data-instagram-grid] div[style="text-align: left"] small {
    margin-top: 1em;
}

.blog .legacy [data-instagram-grid] a.image-link {
    padding-bottom: 0 !important;
    width: 100%;
    height: auto !important;
}

.blog .legacy [data-instagram-grid] a.image-link img {
    outline: 0 !important;
}

.blog .legacy [data-instagram-grid] a.image-link+small {
    margin-top: 1em;
}

.blog .legacy [data-instagram-grid] {
    margin: 0 0 5rem 0;
}

.blog .legacy [data-id="9146328"] .updates-image.image-link {
    padding-bottom: 20rem !important;
}

.blog .legacy [data-in-use-grid][grid-pad] {
    margin: -1.5rem !important;
    padding: 0.75rem !important;
    line-height: 0 !important;
}

.blog [data-in-use-grid] [grid-col] {
    padding: calc(0.85rem + 15px) !important;
    padding-bottom: 3rem;
}

.blog [data-in-use-grid] a.image-link {
    padding-bottom: calc(67.5% + 3.2rem) !important;
}

.blog .legacy a.zero-gap {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    display: inline !important;
}

.blog .legacy [data-staff-pick-image] a.pad-bottom-trick,
.blog .legacy [data-featured-in-use] a.pad-bottom-trick {
    padding-bottom: calc(71.4% + 1.7rem) !important;
    width: 100%;
}

.blog .newsletter_icon {
    max-width: 12rem;
    margin: 0 auto;
    background: url(//freight.cargo.site/w/1000/q/67/i/1ac9078162beea59466ff49e4dc7c6167614569a08ae8b330ea4acf12170b87e/blue-bolt.svg);
    content: '';
    position: absolute;
    background-size: contain;
    position: absolute;
    background-size: contain;
    width: 5.915rem;
    height: 5.915rem;
    top: 1rem;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.blog .newsletter_icon img {
    display: none;
}

body.mobile .blog .legacy [data-break-mobile] img[data-scale] {
    width: 50% !important;
    height: auto !important;
}

body.mobile .blog .legacy [data-break-mobile] div[style="text-align: right;"],
body.mobile .blog .legacy [data-break-mobile] div[style="text-align: right"],
body.mobile .blog .legacy [data-break-mobile] div[style="text-align: left"],
body.mobile .blog .legacy [data-break-mobile] div[style="text-align: left;"] {
    text-align: center !important;
}

[data-page-id="9146308"] .blog [data-container="page"]:not(:first-child) {
    padding-top: 3rem;
    margin-top: 5.5rem;
    border-top: 1px solid var(--blue-outline);
}

[data-page-id="9146308"] .blog [data-last-week-link],
body.mobile[data-page-id="9118965"] .blog [data-last-week-link] {
    display: none;
}

.blog [data-last-week-link] {
    margin: 3em 0;
    display: inline-block;
}


/* override default styles for legacy */
.legacy [data-in-use-grid] div:not(.site_header):not(.header_buttons) {
    text-align: center !important;
}

/*.blog .legacy [data-featured-in-use] a.pad-bottom-trick:after,*/
.blog .legacy [cargoworld-grid] a:after {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: -15px;
    top: -15px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
    z-index: -1;
}

.blog .legacy [data-featured-in-use] .half-width.pad-bottom-trick.image-link.special {
    padding-bottom: calc(31.2% + 1.7rem) !important;
    margin-top: -1.75rem;
}

.blog .legacy [data-in-use-grid] [grid-pad] a.pad-bottom-trick {
    padding-bottom: calc(71.3% + 1.7rem) !important;
    height: 0 !important;
}

body.mobile .blog .legacy [data-in-use-grid] [grid-col] a+br+div {
    margin-top: 1em;
}

.blog .legacy [data-featured-in-use] a.pad-bottom-trick:after {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: -15px;
    top: -15px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
    z-index: -1;
}

body.mobile .blog .legacy [data-featured-in-use] a.pad-bottom-trick:after {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: 6px;
    z-index: -1;
}

.blog [data-in-use-grid] [grid-col="x10"][grid-pad="4"] .border-wrapper:after,
.blog [data-in-use-grid] [grid-col="x10"][grid-pad="1.5"] .border-wrapper:after {
    z-index: -1;
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: -15px;
    top: -15px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
}


.blog .legacy [data-instagram-grid] small {
    font-size: 1.4rem;
}

.blog .legacy [cargoworld-grid] a img {
    padding: 0px;
    outline: 1px solid var(--blue-outline);
    outline-offset: -1px;
    margin-top: -.5px;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
}

.blog .legacy [data-featured-in-use] img {
  height: 5rem !important;
  width: 5rem !important;
  margin-bottom: 1.7rem;
}

.blog .legacy [data-template-video]{
  outline: 1px solid #99bbff !important;
}

/*Redo borders for blog*/

body .blog [data-container="page"].new [data-in-use-grid] a,
body .blog [data-container="page"].new [staff-pick-grid] [data-staff-pick-image] a {
    padding: 15px;
    border: 1px solid var(--blue-outline);
    border-radius: var(--card-radius);
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    border-bottom: 1px solid var(--blue-outline) !important;
    padding-bottom: 15px !important;
    height: auto !important;
}

body.mobile .blog [data-container="page"].new [data-in-use-grid] a,
body.mobile .blog [data-container="page"].new [staff-pick-grid] [data-staff-pick-image] a {
    padding: 8px;
    padding-bottom: 8px !important;
}

body .blog [data-container="page"].new [staff-pick-grid] [data-staff-pick-image] a {
    margin-top: -23px;
}


body.safari .blog [data-container="page"].new [staff-pick-grid] [data-staff-pick-image] a {
    margin-top: -17px;
}

body.mobile .blog [data-container="page"].new [staff-pick-grid] [data-staff-pick-image] a {
    margin-top: -10px;
}

body.mobile .blog [data-container="page"].new [data-in-use-grid] a .border-wrapper {
    outline: 0;
    padding-bottom: auto;
}

body .blog [data-container="page"].new [data-in-use-grid] a.image-link:after,
body .blog [data-container="page"].new [staff-pick-grid] [data-staff-pick-image] a.image-link:after,
body .blog [data-container="page"].new [data-staff-pick-image] a.image-link:after,
body .blog [data-container="page"].new [data-in-use-grid] [grid-col="x10"][grid-pad="4"] .border-wrapper:after, 
body .blog [data-container="page"].new [data-in-use-grid] [grid-col="x10"][grid-pad="1.5"] .border-wrapper:after {
    display: none;
}

body.mobile .blog .legacy [data-in-use-grid] a .border-wrapper {
    padding-bottom: 0 !important;
    height: auto !important;
}

.blog .new [data-in-use-grid] a {
    margin: -15px;
}

.blog.mobile .new [data-in-use-grid] a  {
    margin: -8px;
}


/**************************
    TEMPLATES
**************************/

.templates .template_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.75rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

/*SIES IN USE FIX*/
[data-page-id="9145893"] .content_container,
.template_list {
    min-height: 100vh;
}

.template {
    flex: 0 0 33.3333%;
    width: 33.3333%;
    padding: calc(.75rem + 15px);
    padding-bottom: 3rem;
    text-align: center;
    position: relative;
}

.template small {
    display: block !important;
    padding-top: .25em;
}

.template a,
.template small>span,
.template a:after {
    cursor: pointer;
    z-index: auto !important;
}

.template a:active,
.template small>span:active {
    opacity: .7;
}

.template img {
    max-width: 100%;
}

.templates a.image-link img:not([src]),
.templates a.image-link img[src=''],
.templates a.image-link .new_ratio {
    width: 1000px !important;
    padding-bottom: 62.5% !important;
    height: 0 !important;
}

.templates .page .header a:not(.active) {
    padding: 0.05rem 1.2rem 0.1rem 1.2rem !important;
    border-radius: 10rem;
    background: transparent;
}

.template[data-order="100"] {
    display: none;
}

/**************************
    SIGNUP WINDOW PREVIEW
**************************/

/*#confirm_modal.signup .confirm-box, 
#confirm_modal.signup .confirm-box iframe,*/
.signup_frame {
    border-radius: 12px;
}

/*#confirm_modal.signup .confirm-box {
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.20) !important;
}
*/
.signup_frame {
    box-shadow: 2px 2px 19px rgba(0, 0, 0, 0.17) !important;
}

#confirm_modal.signup .confirm-box {
    margin-left: -200px !important;
}

.signup_frame {
    background: transparent;
    position: fixed;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    transform: translate(-50%, calc(-50% + 20px));
    z-index: 999;
    background: white;
    border: 1px solid rgba(0,0,0,.17);
    height: calc(100vh - 60px - 46px);
}

.signup_sizer_frame {
    aspect-ratio: 62.5/100;
    width: 100%;
}

.signup_frame.loaded {
    z-index: 99999;
    background: transparent;
}

html.templates_view {
    background-color: #fff;
}

.signup_bg {
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 997;
    background-color: #fff;
}

.signup_bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255, 1);
    z-index: -1;
    background-size: 20px 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogZ3JheTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ii8+CiAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSI2IiB5PSI2IiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ii8+Cjwvc3ZnPgo=);
    opacity: 0.125;
}

.signup_bg_loader {
    border: 0;
    background: transparent;
    position: fixed;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    margin: 46px 0;
    height: calc(100% - 46px);
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999;
    pointer-events: none;
}

.signup_bg_loader.generating {
    top: 0;
    left: 0;
    height: 45px;
    width: 45px;
    transform: none;
    padding: 0;
    margin: 0;
    background: transparent;
}

.signup_bg_loader.generating .loading_animation {
    margin-top: -1px;
}

.signup_bg_loader.generating .loading_animation.gray div svg>* {
    fill: #fff;
    opacity: .85;
}

.signup_nav {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, Icons;
    justify-content: center;
    position: fixed;
    height: 46px;
    text-align: center;
    line-height: 44px;
    letter-spacing: 0.01em;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    /*border-bottom: 1px solid rgba(0,0,0,.12);*/
    background: rgba(255,255,255, 1);
}

.signup_nav:after {
    content: '';
    height: 1px;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.17);
}

.signup_nav_border {
    position: fixed;
    height: 1px;
    top: 46px;
    left: 0;
    right: 0;
    background: rgba(255,255,255, 0.2);
    background: #333;
    z-index: 99999999999;
}

/*.newlink_icon {
    display: inline-block;
    float: right;
    font-size: 21px;
    line-height: 42px;
    opacity: .95;
}
*/
.signup_prev,
.signup_next,
.signup_mobile,
.signup_close {
    display: block;
    height: 46px;
    width: 46px;
}

.signup_mobile {
    display: block;
    padding: 1.275rem 1.15rem 1.15rem 1.35rem;
}

.signup_prev,
.signup_next,
.signup_mobile {
    display: none;
}

.signup_mobile img {
    vertical-align: top;
}

.signup_title {
    margin-right: 1rem; 
    border-left: 0;
    color: rgba(0,0,0, .4);
    text-decoration: none;
    font-size: 15px;
    line-height: 46px;
    height: 46px;
    padding: 0 17px;
    width: auto;
    cursor: pointer;
    font-family: var(--font-diatype);
    position: absolute;
    right: 38px;
    opacity: 1;
}

.signup_title:hover {
    /*opacity: .7;*/
    color: rgba(0,0,0, .4);
}

.template_nav {
    position: absolute;
    height: 46px;
    width: auto;
    display: flex;
    right: 0;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
}

.template_nav,
.template_nav * {
    user-select: none;
    -webkit-user-select: none;
}

.template_nav::selection,
.template_nav *::selection {
    background: transparent !important;
}

.signup_close {
    cursor: pointer;
    background-color: #fff;
    border-left: 1px solid rgba(0,0,0,.17);
    color: rgba(0,0,0,.4);
    font-size: 26px;
    line-height: 42px;
    font-weight: normal;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    margin-left: 38px;
    line-height: 1.7;
    padding-left: 1px;
    position: relative;
    position: absolute;
    right: 0;
}

.signup_close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 2px;
    margin-top: 1px;
}

.signup_close svg g#Group {
    stroke: rgba(0,0,0,1);
    stroke-width: 1 !important;
}

/*.signup_nav .signup_close:hover {
    background-color: #f2f2f2;
}
*/
.signup_nav .signup_close:active svg g#Group {
    /*background-color: rgba(0,0,0,.1);*/
    opacity: .7;
}

.signup_link {
    border-left: 0;
    color: rgba(255, 255, 255, .6);
    text-decoration: none;
    position: absolute;
    font-size: 19px;
    left: 4vw;
    cursor: pointer;
    height: 46px;
    padding-right: 20px;
    width: auto;
}

.signup_link span {
    font-family: var(--font-diatype);
    color: var(--blue);
    font-weight: 500;
}

.signup_generate_message {
    border-left: 0;
    color: rgba(225, 255, 255, .9);
    text-decoration: none;
    position: absolute;
    font-size: 17px;
    left: 43px;
    cursor: default;
    height: 46px;
    padding-right: 20px;
    width: auto;
    font-weight: normal;
}

.signup_nav .admin-wrapper {
    width: calc(100% - 10rem)
}

[data-toggle] {
    cursor: pointer;
    /*padding: 10px 6px;*/
    line-height: 0;
}

[data-toggle]:active {
    opacity: .7;
}

[data-toggle="phone"] {
    padding: 0 6px 0 2px;
}

.signup_nav [data-toggle] svg * {
    color: rgba(0,0,0, .6);
    fill: rgba(0,0,0, .6);
}

.signup_nav [data-toggle].active svg * {
    color: var(--blue);
    fill: var(--blue);
}

[data-toggle] rect[fill="white"] {
    fill: transparent !important;
}

.progress-bar {
    width: 100%;
    position: absolute !important;
    left: 0;
    right: 45px;
    bottom: 0;
    top: 0;
    z-index: -1;
    width: auto !important;
}

.progress-indicator {
    background: #698FFF;
}

.progress-indicator:after {
    display: none !important;
}

.progress-bar,
[data-progress] .progress-percentage,
[data-progress] .progress-indicator {
    height: 100%;
}


/**************************
    Useful Music
**************************/

[data-id="9145781"] [data-container="page"] bodycopy {
    padding-top: 2rem !important;
}

.useful-music .links_wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: -.75rem;
    margin-right: -.75rem;
}

.useful-music bodycopy a {
    max-width: calc(33.333% - 1.5rem);
    width: calc(33.333% - .75rem);
    margin-bottom: 1.5rem;
    margin-right: .75rem;
    margin-left: .75rem;
    flex-grow: 1;
}

.useful-music bodycopy a img,
[data-id="9145781"] bodycopy a img,
[data-id="9145781"] bodycopy img {
    max-width: 100%;
    height: auto !important;
    flex: 1;
    padding: 15px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
    outline: 1px solid var(--blue-outline);
    outline-offset: -16px;
    width: 100% !important;
}

.useful-music bodycopy a.image-link .um-wrapper img,
[data-id="9145781"] bodycopy a.image-link .um-wrapper img {
    outline: none !important;
    border-radius: 0;
}

.blog .new .bolt-wrapper {
    display: inline-block;
    z-index: 2;
    position: relative;
    overflow: hidden;
    display: none;
}

[data-id="9145781"] ol {
    margin-left: 3rem;
}

[data-id="9145781"] a.image-link img {
    padding: 15px;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
}


/*MOBILE OVERRIDES*/
body.mobile .home-desktop,
body:not(.mobile) .home-mobile {
    display: none;
}

body.mobile .blog [data-container="page"] {
    border-top: 1px solid var(--blue-outline);
}

#eml_sgnp22 {
    font-size: 0;
}

#eml_sgnp22 input[type=text]::-webkit-input-placeholder {
    color: transparent;
    display: none;
}

#eml_sgnp22 {
    max-width: 400px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: inline-block;
}

#eml_sgnp22:before {
    content: '|';
    position: absolute;
    top: 1px;
    left: 11.5ch;
    right: 0;
    bottom: 0;
    padding: .75rem;
    font-size: var(--fontSize-small-mono);
    font-family: var(--font-sf-mono);
    font-weight: 400;
    letter-spacing: inherit;
    text-rendering: optimizeLegibility;
    pointer-events: none;
    display: block;
    animation: 1s infinite blink;
    z-index: 999;
    text-align: left;
}

#eml_sgnp22:after {
    content: 'Subscribe:';
    position: absolute;
    top: 1px;
    left: 1rem;
    right: 0;
    bottom: 0;
    padding: .65rem .75rem .85rem .5rem;
    font-size: var(--fontSize-small-mono);
    font-family: var(--font-sf-mono);
    font-weight: 400;
    letter-spacing: inherit;
    text-rendering: optimizeLegibility;
    pointer-events: none;
    display: block;
    line-height: 1.4;
    z-index: 999;
    text-align: left;
}

#eml_sgnp22:before, 
#eml_sgnp22:after {
    line-height: 1.55;
}

#eml_sgnp22:before {
    top: 0;
}

body.safari #eml_sgnp22:before {
    top: -1px;
}

body.safari #eml_sgnp22:before, 
body.safari #eml_sgnp22:after {
    line-height: 1.5;
}

#eml_sgnp22:before,
body.safari #eml_sgnp22:before {
    line-height: 1.45;
}

#eml_sgnp22 input[type=text] {
    font-size: var(--fontSize-small-mono);
    line-height: 1.4;
    border: 1px solid var(--blue-outline);
    display: inline-block;
    padding: .65rem .75rem .85rem 1.5rem;
    color: var(--blue);
    font-family: var(--font-sf-mono);
    width: 100%;
    border-radius: 10rem;
    position: relative;
    margin: 0;
}

#success,
#error {
    display: none;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.35);
    font-style: normal;
}

#success {
    color: var(--blue);
}

#error {
    color: #ff0033;
}

#eml_sgnp22 input[type=button],
#eml_sgnp22 input[type=submit] {
    background-color: #698fff;
    border: 0;
    border-top: 0;
    margin: 0;
    color: white;
    padding: .75rem 1rem .85rem 1.1rem;
    margin-left: -1px;
    font-size: 1.4rem;
    text-decoration: none;
    cursor: pointer;
    line-height: 0.9;
    outline: 0;
    vertical-align: top;
    height: 2.9rem;
    -webkit-appearance: none;
    border-radius: 0;
}

#eml_sgnp22.focus:after,
#eml_sgnp22.focus:before {
    display: none;
}

#eml_sgnp22 input[type=button] {
    display: none;
}

[data-id="9145781"] a.image-link {
  width: 100%;
  display: block;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}


/********* 
    MORE LEGACY BLOG! 
**********/
.blog .legacy a:empty{
  display: none!important;
}

body:not([data-adminview="content-editproject"]) .selections [data-container="page"]:first-child {
    background: white;
}

/* Legacy Blog Early Staff Pick Fix (works with JS) */
.blog .legacy [data-featured-in-use] a[legacy-border-special].pad-bottom-trick, 
.blog .legacy [data-staff-pick-image] a[legacy-border-special].pad-bottom-trick {
    padding-bottom: calc(62.4% + 1.7rem) !important;
    margin-top: -1.8rem;
}

body.mobile .blog .legacy [data-featured-in-use] a[legacy-border-special].pad-bottom-trick, 
body.mobile .blog .legacy [data-staff-pick-image] a[legacy-border-special].pad-bottom-trick {
    padding-bottom: calc(62.4% + 1.7rem) !important;
    margin-top: -1.8rem;
}

#font_slider {
    --height: 19px;
    --range-light: #fff;
    --range-accent: var(--blue);

    height: calc(var(--height) + 2px);
    margin: 0;
    width: 15rem;
    position: fixed;
    top: 7.5rem;
    left: 3.5rem;
    z-index: 999;
    border-radius: 10rem;
    border: 1px solid var(--blue);
    padding: 0 1px;
    background: #fff;
}

#font_slider input[type=range] {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    transform: 0;
    height: var(--height);
    width: 100%;
    border-radius: 10rem;
}

#font_slider input[type=range]:focus {
  outline: none;
}

#font_slider input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px var(--range-accent);
  border: none;
  height: calc( var(--height) - 2px);
  width: calc( var(--height) - 2px);
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23FF0000'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-repeat: none;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 1px;
}

#font_slider input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px var(--range-accent);
  border: none;
  height: calc( var(--height) - 2px);
  width: calc( var(--height) - 2px);
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23FF0000'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-repeat: none;
  cursor: pointer;
}

#font_slider input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--range-light);
}

#font_slider input[type=range]::-moz-range-track {
  width: 100%;
  height: var(--height);
  cursor: pointer;
  animate: none;
  box-shadow: 0px 0px 0px var(--range-accent);
  background: var(--range-light);
  border-radius: var(--height);
  border: 0;
}

#font_slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: var(--height);
  cursor: pointer;
  animate: none;
  box-shadow: 0px 0px 0px var(--range-accent);
  background: white;
  border-radius: var(--height);
  border: 0;
}

.blog [data-container="page"].new a.image-link.no-border,
.blog [data-container="page"].blog-ver-two a.image-link.no-border,
.blog [data-container="page"].new .affections a.image-link {
    padding-bottom: 0 !important;
    width: 100%;
    height: auto;
    margin: 0;
}

.blog [data-container="page"].new a.image-link.no-border img,
.blog [data-container="page"].blog-ver-two a.image-link.no-border img { 
    outline: 0 !important;
    border: 0 !important;
    margin: 0 !important;
}

.blog [data-container="page"].new a:not(.image-link),
.blog [data-container="page"].new small a {
    text-decoration: underline;
}

.blog .gallery_card,
.blog .selection_url, 
.blog .selection_insta {
    text-decoration: none !important;
}

.useful-music bodycopy a img, 
[data-id="9145781"] bodycopy a img, 
[data-id="9145781"] bodycopy img,
.blog .new .bolt-wrapper img,
.color-swap > img {
    mix-blend-mode: screen;
    filter: grayscale(100%) contrast(300%);
    outline: 0 !important;
    box-shadow: none !important;
}

.color-swap {
    background: var(--blue);
    display: inline-block;
}

.color-swap img {
    background: #fff;
}

.useful-music a.image-link {
    position: relative;
    line-height: 0;
    padding: 0;
}

.useful-music a.image-link:before,
[data-id="9145781"] a.image-link .um-wrapper:before  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: none;
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    border-radius: var(--card-radius);
}

.useful-music a.image-link {
    position: relative;
}

.useful-music a.image-link:after,
[data-id="9145781"] a.image-link:after {
    background: var(--blue);
    content: '';
    position: absolute;
    top: 1.7rem;
    left: 1.7rem;
    right: 1.7rem;
    bottom: 1.8rem;
    z-index: -1;
}

.useful-music a.image-link img:not([src]),
[data-id="9145781"] a.image-link img:not([src]) {
    background: white;
}

.blog .new .bolt-wrapper {
    background: var(--blue);
}

[data-bodyview] .page a.active {
    background: none;
    color: var(--blue);
    border-radius: 0;
    padding: 0 !important;
    padding-bottom: 0!important;
    border-bottom: 1px solid var(--blue);
}

[data-bodyview] [data-id="9146424"] .page a.active {
    border-bottom: none;
}


[data-predefined-style="true"] [data-bodyview] [local-style="9145894"] bodycopy a:not(.instagram_link) {
    margin: 0.05rem .75rem 0 .75rem !important;
    display: inline-block;
    padding: .2rem .75rem !important;
    border: 1px solid var(--blue);
    border-radius: 10rem;
    cursor: pointer;
    margin: 0 0.2em .65rem !important;
}

[data-predefined-style="true"] [data-bodyview] [local-style="9146436"] small a {
    margin: 0 !important;
}

[data-predefined-style="true"] [data-bodyview] [local-style="9145894"] bodycopy a.active:not(.instagram_link),
[data-predefined-style="true"] [data-bodyview] [local-style="9128720"] bodycopy a.active:not(.instagram_link),
[data-predefined-style="true"] [data-bodyview] [local-style="9146436"] bodycopy a.active:not(.instagram_link) {
    background: var(--blue);
    color: white !important;
}

[data-bodyview] .templates .page .header a {
    margin: 0.05rem 1.2rem 0 1.2rem !important;
    padding: 0 !important;
}

/*footer*/
[data-predefined-style="true"] [data-bodyview] [local-style="9000737"] small a,
[data-predefined-style="true"] [data-bodyview] [local-style="19157590"] small a {
    padding: 0.05rem 0 0 0 !important;
    margin: 0 .75rem !important;
}

/*social icons*/
/*[data-predefined-style="true"] [data-bodyview] [local-style="8500126"] bodycopy a {
    font-size: 1.8rem;
}*/

body.mobile .home-desktop {
    display: none;
}



/*inverted fonts page*/
body.invert[data-page-id="9004992"] *,
body.invert[data-page-id="19157222"] *{
  color: #FFF !important;
}

body.invert[data-page-id="9004992"] .content_container .page_background,
body.invert[data-page-id="19157222"] .content_container .page_background {
    background: var(--blue) !important;
}

body.invert[data-page-id="9004992"] .font-grid .grid-item .item-inner,
body.invert[data-page-id="19157222"] .font-grid .grid-item .item-inner {
    background: var(--blue) !important;
    border: 1px solid #fff !important;
}

body.invert[data-page-id="9004992"] #nav-logo [fill="#000000"],
body.invert[data-page-id="19157222"] #nav-logo [fill="#000000"] {
    fill: #fff;
}

body.invert[data-page-id="9004992"] #nav-logo [stroke="#000000"],
body.invert[data-page-id="19157222"] #nav-logo [stroke="#000000"] {
    stroke: #fff;
}

body.invert[data-page-id="9004992"] ::selection,
body.invert[data-page-id="19157222"] ::selection {
    background-color: rgba(255, 255, 255, 0.99);
    color: var(--blue) !important;
} 

body.invert #invert_button svg [fill="#FF0000"] {
    fill: #fff !important;
}

body.invert #invert_button svg [fill="#FFFFFF"] {
    fill: var(--blue) !important;
}

/* 
    Blog styles after #126 
    blog-ver-# class is added via JS
*/

.blog-ver-one {
    max-width: 800px;
    margin: 0 auto;
    border: 0px solid #ccc;
}

.blog-ver-one a.image-link, 
.blog-ver-one .border-img,
.blog-ver-one .header-image {
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    padding: 15px;
    border-radius: var(--card-radius);
    display: flex;
    flex-direction: column;
    border-bottom: 0;
}

body.mobile .blog-ver-one a.image-link, 
body.mobile .blog-ver-one .border-img,
body.mobile .blog-ver-one .header-image {
    padding: 10px;
    border-radius: 6px;
}

.blog-ver-one a:not(.image-link) {
    text-decoration: underline;
    padding-bottom: 0;
}

.blog-ver-one .border-img,
.blog-ver-one .header-image {
    display: block;
    outline: 0;
}

.blog-ver-one a.image-link img,
.blog-ver-one a.header-image img,
.blog-ver-one .border-img img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

.blog-ver-one a.image-link.site {
    outline-offset: -15px;
    outline: 1px solid var(--blue-outline);
}

body.mobile .blog-ver-one a.image-link.site {
  outline-offset: -10px;
}

.blog-ver-one .headerbar {
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--blue-outline);
    margin: 0 auto;
}

.blog-ver-one .blog-txtcolor-white {
    color: #fff !important;
}

.blog-ver-one .intro-bolt {
    border: 0px; 
    padding: 0px; 
    max-width: 60px !important; 
    height: 78px; 
    margin: 0px !important; 
}

body.mobile .blog-ver-one .intro-bolt {
    max-width: 4.5rem !important;
    height: auto !important;
}

/* 
    Blog styles after #160
    blog-ver-# class is added via JS
*/

.blog-ver-two {
    max-width: 800px;
    margin: 0 auto;
    border: 0px solid #ccc;
}

.blog-ver-two .header-link {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    display: inline-block;
    text-decoration: none;
}

.blog-ver-two a.image-link:not(.no-border), 
.blog-ver-two .border-img,
.blog-ver-two .header-image {
    box-shadow: 0px 0px 0px 1px var(--blue-outline);
    padding: 15px;
    border-radius: var(--card-radius);
    display: flex;
    flex-direction: column;
    border-bottom: 0;
}

/*Fix for Editor bug in Safari — link detection fails if the link is 'display: flex;' */
[data-adminview="content-editproject"].safari .blog-ver-two a.image-link:not(.no-border),
[data-adminview="content-editproject"].safari .blog-ver-two .border-img,
[data-adminview="content-editproject"].safari .blog-ver-two .header-image {
    display: block;
}

body.mobile .blog-ver-two a.image-link, 
body.mobile .blog-ver-two .border-img,
body.mobile .blog-ver-two .header-image {
    padding: 10px;
    border-radius: 25px;
}

.blog-ver-two a:not(.image-link) {
    text-decoration: underline;
    padding-bottom: 0;
}

.blog-ver-two small a {
    text-decoration: none;
}

.blog-ver-two [grid-col] {
    line-height: 1;
}

.blog-ver-two .border-img,
.blog-ver-two .header-image {
    display: block;
    outline: 0;
}

.blog-ver-two a.image-link img,
.blog-ver-two a.header-image img,
.blog-ver-two .border-img img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

.blog-ver-two a.image-link.site {
    /*outline-offset: -15px;*/
    /*outline: 1px solid var(--blue-outline);*/
    position: relative;
}

.blog-ver-two a.image-link.site:after {
    outline-offset: -15px;
    outline: 1px solid var(--blue-outline);
    content: '';
    inset: 0;
    position: absolute;
}

body.mobile .blog-ver-two a.image-link.site {
  outline-offset: -10px;
  outline: 1px solid var(--blue-outline);
}

body.mobile .blog-ver-two a.image-link.site:after {
    display: none;
}

.blog-ver-two .headerbar {
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--blue-outline);
    margin: 0 auto;
}

.blog-ver-two .blog-txtcolor-white {
    color: #fff !important;
}

.blog-ver-two .intro-bolt {
    border: 0px; 
    padding: 0px; 
    max-width: 60px !important;
    height: 74px;
    margin: 0px !important; 
}

body.mobile .blog-ver-two .intro-bolt {
    max-width: 4.5rem !important;
    height: auto !important;
}

.blog-ver-two .intro-bolt + h1 {
    margin-top: .1em;
}