/* Theme Name: Name Publications 2023 Theme URI: http://namepublications.org/ Description: Name Publications theme. Author: Ritu Ghiya Version: 1.0 */
@import url("//hello.myfonts.net/count/306307");
/* Fonts */
 @font-face {
     font-family: 'Helveticaltpro Roman';
     src: url('fonts/HelveticaLTPro-Roman.otf');
}
 @font-face {
     font-family: 'Helveticaltpro Bold';
     src: url('fonts/HelveticaLTPro-Bold.otf');
}
/* Admin Menu */
/* Lightbox page */
 .pswp__top-bar {
     padding: 0 20px;
}
 .pswp__top-bar.pswp__hide-on-close {
     mix-blend-mode: difference;
     display: flex;
     justify-content: space-between;
}
 .pswp__counter {
     display: none;
}
 .pswp__preloader {
     display:none;
}
 .pswp--zoom-allowed .pswp__button--zoom {
     display: block;
     width: auto;
}
 button.pswp__button.pswp__button--zoom::after {
     content: "Zoom In / Zoom Out";
     color: white;
     /* changed */
     font-size: 18px;
}
 svg.pswp__icn {
     display: none;
}
 button.pswp__button.pswp__button--close{
     margin-left:auto;
}
 button.pswp__button.pswp__button--close::after {
     content: "[X]";
     color: white;
          /* changed */
     font-size: 18px;
}
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */
 ::-moz-selection {
     background: #FAF0E6;
}
 ::selection {
     background: #FAF0E6;
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     background: transparent;
     border: 0;
     margin: 0;
     padding: 0;
     vertical-align: baseline;
}
 html {
     width: 100%;
     overflow-x:hidden !important;
     -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; }
 p{
     line-height: 140% !important;
}

.posts p{
    margin:10px;
}
 .mobile{
     display:none;
}
.page-id-4287 .posttitle,
.page-id-4654 .posttitle,
.page-id-4295 .posttitle{
    display:none;
}
 @keyframes hide {
     0% {
         opacity:1;
    }
     95% {
        opacity:1;
    }
    99%{
        pointer-events:all;
    }
     100% {
         opacity:0;
         pointer-events:none;
    }
}
 @keyframes appear {
     0% {
         opacity:0;
    }
     95% {
        opacity:0;
        background-color:white;
    }
     100% {
         opacity:1;
         background-color:white;
    }
}
 ::placeholder{
     color:black;
}
 #footer{
     display: flex;
     letter-spacing: .1px;
     border-top: 1px solid #000;
     margin: 0 10px;
     padding: 40px 0 100px;
     font-size: 15px;
     display: flex;
}
 #footer p {
     line-height: 140% !important;
}
 #footer .col1{
     width:25vw;
     padding-right:10px;
}
 #footer .col2{
     width:40vw;
     padding-right:10px;
     display:block;
}
 #footer .col3{
     width:25vw;
     padding: 0 !important;
}
 .desktop{
     display:block;
}
 body {
     line-height: 1;
     font-family: 'Helveticaltpro Roman', sans-serif;
     background: #fff;
     margin: 0;
     padding: 0;
     width: 100%;
     letter-spacing: 0.01em;
     -webkit-font-smoothing:antialiased !important;
     font-size:18px;
}
.posttitle{
    font-size: 18px;
}
 h1, h2, h3, h4, h5, h6 {
     clear: both;
     font-weight: normal;
}
 ol, ul {
     list-style: none;
}
 blockquote {
     quotes: none;
}
 blockquote:before, blockquote:after {
     content: '';
     content: none;
}
 del {
     text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 a img {
     border: none;
}
 a {
     text-decoration: none;
     color: #000;
}
 a:hover {
    /* color: #999;
     */
}
 p {
     line-height: 1.2em;
     letter-spacing: 0.01em;
}
 h1 {
}
 h2 {
     text-align: center;
     width: 100%;
     text-transform: uppercase;
     font-size: 30px;
     clear: both;
}
 strong, b{
     font-weight:normal !important;
     font-family: 'Helveticaltpro Bold';
}
/* =Layout -------------------------------------------------------------- */
 #wrapper {
     margin: 0;
     padding: 0;
     width: 100%;
     position: relative;
}
 #header {
     align-items: center;
     border-bottom: 1px solid black;
     display: flex;
     text-align: center;
     justify-content: space-between;
     margin: 0 10px;
     padding: 12px 0 12px 0;
     background-color: #fff;
     /* changed */
     font-size: 18px;
}
 .headercontainer{
     width: 100vw;
     position: sticky;
     top:0;
     z-index: 1000;
     background-color: white;
}
/* Cart */
 #header .container{
     display:flex;
}
 .cart{
     padding: 5px 5px 2px;
}
/* */
 .toggle{
     display:flex;
     margin: 0 100px 0 0;
}
 .toggle div, .select{
     color: #000;
     border: 0 #000;
     border-radius: 0;
     padding: 5px 5px 2px;
}
 .select:hover{
     border-bottom: 1px solid #000 !important;
}
 .underline{
     border-bottom: 1px solid #000 !important;
}
 .strike{
     text-decoration: line-through;
}
 .strike:hover{
     border: 0 !important;
}
 #main {
     overflow: hidden;
}
 #container {
     margin: 0;
     overflow: auto;
}
 .pageabout #container{
     margin: 40px 10px 20px 10px;
     overflow: auto;
}
/* homepage */
 #myScreen{
     z-index: 10000000;
     position:fixed;
     width: 100vw;
     height: 100vh;
     top: 0;
     left: 0;
     display:none;
}
 .home{
     animation: appear 1s linear forwards;
     background-color:silver;
}
 .basic{
     background-color:white !important;
     animation: none !important;
}
 .loadingtxt{
     z-index:100;
}
 .loadingtxt, .loadingimg{
     position:absolute;
     top:50%;
     left:50%;
     transform:translate(-50%, -50%);
}

.loadingimg{
	min-width:100vw;
	min-height:100vh;
	object-fit:contain;
}
 .div-block{
     display:grid;
     grid-auto-columns: 1fr;
     grid-auto-flow: row;
     grid-column-gap: 3.5vw;
     grid-row-gap: 45px;
     grid-template-rows: auto;
     grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
     align-content: stretch;
     justify-content: stretch;
     align-items: center;
     justify-items: center;
     margin: 30px 10px;
     padding-left: 0;
     padding-right: 0;
}
 .product{
     width: 100%;
     flex-direction: column;
     align-items: center;
     margin-bottom: 0;
     margin-left: auto;
     margin-right: auto;
     display: flex;
}
 .navlinks a:hover, .product a:hover, .marquee-inner span a:hover{
     font-family: 'Helveticaltpro Bold';
}
 .wp-block-themes-kingdom-the-marquee-block{
     border-top: 1px solid black;
     border-bottom: 1px solid black;
     padding: 10px 0;
     margin-top: 20px;
}
 .workimg{
     max-height: 180px;
     max-width: 200px;
     vertical-align: middle;
     display: inline-block;
     border:0;
}
 .flexlink{
     flex-direction: column;
     align-items: center;
     display: flex;
}
 .w-inline-block {
     max-width: 100%;
}
 .caption{
     opacity: 1;
     text-transform: none;
     font-size: 15px;
     line-height: 120%;
     text-align: center;
     margin-top: 8px;
     font-style: normal;
     display: block;
}
/* homepage - text */
 .header-year, .header-cat{
    /* changed */
     font-size: 18px;
     display: block;
     border-bottom: 1px solid black;
     padding: 10px 0;
    margin: 5px 10px 10px 10px;
     letter-spacing: 0.1px;
}
 .text{
     margin-bottom:10px;
}
 .listitem{
     margin: 2px 10px;
     line-height: 140%;
}
 .listitem a:hover{
     font-family: 'Helveticaltpro Bold';
}
 .listitem a {
     display: flex;
     flex-direction:row;
     align-items:start;
}
 .date {
     width: 25vw;
     padding-right: 10px;
}
 .name {
     width: 40vw;
     flex: none;
     padding-right: 10px;
}
 .people {
     width: 25vw;
}
/*menus */
 #menu-left ul, #menu-right ul {
     margin: 0;
     padding: 0;
     position: absolute;
     top: 24px;
}
 #menu-left ul {
     left: 40px;
}
 #menu-right ul {
     right: 40px;
}
 #menu-left ul li, #menu-right ul li {
     display: inline-block;
     margin: 0 10px;
     text-transform: uppercase;
     font-family: 'helvetica', arial, sans-serif;
     font-size: 14px;
}
 #menu-left ul li a, #menu-right ul li a {
     color: #000;
}
 .search-icon {
     font-weight: bold;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
}
 .format-link:before, .terms-link:before {
     content: '\25B3';
     margin-right: 5px;
     font-size: 10px;
     color: #000;
}
 .active-button:before {
     content: '\25BD' !important;
}
 #format-sub, #terms-sub, #smallmenu-sub, #smallmenu-sub-d, #search-bar {
     display: table;
     position: fixed;
     z-index: 250;
     top: 0;
     left: 0;
     margin: 0px;
     background: #fff;
     opacity: .9;
     text-align: center;
}
 #terms-sub {
     position: absolute;
     table-layout: fixed;
}
 #format-sub ul, #terms-sub ul, #smallmenu-sub ul, #smallmenu-sub-d ul, #search-bar .form {
     display: table-cell;
     vertical-align: middle;
     padding: 0;
     margin: 0;
}
 #terms-sub ul {
     padding: 100px 0 40px 0;
}
 #format-sub ul li, #terms-sub ul li, #smallmenu-sub ul li, #smallmenu-sub-d ul li {
    /* changed */
     font-size: 18px;     
     line-height: 30px;
     text-transform: uppercase;
     opacity: 1;
}
 .inactive {
     display: none !important;
}
 #search-bar input {
    /* changed */
     font-size: 18px;
     border: none;
     padding: 20px 20px;
     width: 60%;
     margin: 0 auto;
     outline: none;
     border: 5px solid #000;
}
 #menu-right ul li.small-menu, #menu-right ul li.small-menu-d {
     display: none;
}
 #nav-icon {
     width: 14px;
     height: 10px;
     position: relative;
     margin: 0px auto;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
}
 #nav-icon span {
     display: block;
     position: absolute;
     height: 1px;
     width: 100%;
     background: #000;
     border-radius: 0px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
}
 #nav-icon span:nth-child(1) {
     top: 0px;
}
 #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
     top: 4px;
}
 #nav-icon span:nth-child(4) {
     top: 8px;
}
 #nav-icon.open span:nth-child(1) {
     top: 4px;
     width: 0%;
     left: 50%;
}
 #nav-icon.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 #nav-icon.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 #nav-icon.open span:nth-child(4) {
     top: 8px;
     width: 0%;
     left: 50%;
}
/* Info page */
 .backgroundimg{
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     min-width: 100vw;
     min-height: 100vh;
     z-index: -1;
     opacity: 0;
     transition: all 1s;
}
 .backgroundimg img{
     min-width: 100vw;
     min-height: 100vh;
}
 .pageabout{
             /* changed */
     font-size: 15px;
     width: 60vw;
     margin: 30px auto !important;
}
 .page-id-631 #header{
     mix-blend-mode:difference;
     color: white !important;
     background-color:transparent !important;
     /* border-bottom: 1px solid white; */
}
.page-id-631 .headercontainer{

    background-color:transparent !important;
}
 /* .page-id-631 #header .navlinks a{
     color:white !important;
     mix-blend-mode:difference;
}
 .page-id-631 #header .container .toggle div, .page-id-631 #header .container .cart a{
     color:white !important;
     mix-blend-mode:difference;
}
 .page-id-631 #footer .col1{
     mix-blend-mode:difference;
     color: white !important;
} */
 .posts {
    /* margin: 20px 0;
     */
}

.posts.pageabout:has(img:hover) + .backgroundimg {
    opacity: 1;
}

 .posts.pageabout p {
     /* color: #fff; */
     text-align: center;
     /* mix-blend-mode: difference; */
     line-height: 150%;
     margin:20px;
         /* changed */
     font-size:18px;
     transform: translate3d(0,0,0);
}
 .posts.halfwidth{
     width: 80vw;
}
 .posts.pageabout img{
     cursor: auto !important;
}
/* cart template */
 .shopping_cart {
     font-size: 18px !important;
     line-height: 36px;
     padding: 20px 10px !important;
}
 .shopping_cart h2 {
     text-transform: none;
     text-align: left;
     font-size: 18px !important;
     margin-bottom: 20px;
}
 th {
     font-weight: normal !important;
     font-family: 'HELVETICALTPRO BOLD' !important;
}
 .shopping_cart .wspsc_cart_item_name_th, .shopping_cart .wspsc_cart_qty_th, .shopping_cart .wspsc_cart_price_th{
     text-align:left;
     font-size:18px;
}
 tr.wspsc_cart_total {
     margin: 12px 0;
}
 .wspsc_cart_header_image {
     display: none;
}
 .wp_cart_checkout_button {
     border: 1px solid #000;
     padding: 2px 5px !important;
     background: #fff;
     font-size: 18px !important;
     font-family: 'helvetica', arial, sans-serif;
     outline: none;
     cursor:pointer;
}
 .wp_cart_delete_button {
     border: none;
     outline: none;
     padding: 0px;
     font-size: 30px;
     background: #fff;
     color: #000;
     cursor: pointer;
}
 .wp_cart_delete_button:hover {
     color: red;
}
 .wp_cart_quantity {
     padding: 0px 0px 0px 5px;
}
 .wpspsc_coupon_section {
     margin:20px 0 40px 0;
     display: flex;
}
 .wpspsc_coupon_label {
     padding-bottom: 5px;
     display: block;
     font-size: 18px;
     margin-right: 30px;
}
 .shopping_cart input {
     margin-right: 20px !important;
     font-size: 18px !important;
}
 input.wpspsc_apply_coupon{
     font-size: 18px !important;
}
 .wpspsc_coupon_section input, input.wp_cart_quantity {
     font-size: 12px;
     padding: 2px 10px;
     font-family: 'helvetica', arial, sans-serif;
     border: 1px solid #666;
     cursor:pointer;
}
 input.wpspsc_apply_coupon {
     border: 1px solid #000;
     background: #fff;
     outline: none;
}
 .wp_cart_update {
     display: block;
     background: #fff;
     text-align: center;
     padding: 10px;
     width: 240px;
     height: 14px;
     border: 1px solid #000;
     margin-top: -17px;
     margin-left: -120px;
     position: fixed;
     top: 50%;
     left: 50%;
     font-family: 'helvetica', arial, sans-serif;
     font-size: 14px;
}
 .wp_cart_empty_cart_section {
     text-align: center;
     font-size: 32px !important;
     margin: 130px 10px 0 10px;
}
/*subscription content */
 .subscribe-content {
     margin: 10px 0 0 0;
}
 .post-column2 .subscribe-desc, .post-column2 .subscribe-amount {
     padding-left: 5px;
}
 .subscribe-content h4 {
     text-transform: uppercase;
     font-size: 16px;
     margin-top: 20px;
     padding-bottom: 5px;
}
 .post-column2 .subscribe-content h4 {
     padding-left: 5px;
     border-bottom: 1px solid #000;
}
 .post-column2 .subscribe-amount, .post-column2 .paypal-button button {
     float: none;
}
 .post-column2 .paypal-button button{
     margin-left: 5px;
     margin-top: 2px;
}
 .subscribe-desc {
     margin: 5px 0 5px 0;
}
 .subscribe-amount {
     margin: 3px 5px 2px 0px;
     float: left;
}
 .paypal-button button {
     float: left;
     background: #fff !important;
     border:1px solid #000 !important;
     color: #000 !important;
     font-style: normal !important;
     border-radius: 0 !important;
     background-image: none !important;
     font-family: 'Avenir', helvetica, arial, sans-serif !important;
     font-weight: 400 !important;
     padding: 2px 5px !important;
     font-size: 12px !important;
     outline: none;
}
 .paypal-button:before {
     background: #fff !important;
}
 .paypal-button:after {
     background: #fff !important;
}
/* Mailchimp embed */
 .mailing-list {
     width: 60%;
     max-width: 700px;
}
 #mc_embed_signup {
     margin-right: 40px;
}
 .post-details{
     margin-bottom: 20px;
}
 .mc-field-group {
     border-bottom: 1px solid black;
     width:250px;
}
 .mc-field-group label {
     display: block;
     margin-top: 5px;
}
 .input-border {
     padding: 2px 5px;
     border: 1px solid #000;
     margin-top: 5px;
}
 .mc-field-group input {
     width: 100%;
     border: none;
     outline: none;
     padding: 0;
     display: inline-block;
     line-height: 220%;
     font-size: 15px;
}
 input#mc-embedded-subscribe {
     background: #fff;
     font-size: 15px;
     font-family: 'helvetica', arial, sans-serif;
     outline: none;
     margin-top: 20px;
     border: 0px solid #000;
     padding: 0;
     cursor: pointer;
     color:black;
     font-weight:normal;
}
 input#mc-embedded-subscribe:hover {
     font-weight:bold;
}
.wp_cart_checkout_button:hover,
.shopping_cart input:hover {
    opacity: 0.5;
}
 #mc_embed_signup input.mce_inline_error {
     border: none !important;
}
.wpspsc_error_message{
    font-weight:normal !important;
}
 #mc_embed_signup div.mce_inline_error {
     margin: 2px -5px 0 0 !important;
     padding: 2px 0px !important;
     background-color: #fff !important;
     font-weight: normal !important;
     z-index: 1;
     display: inline-block;
     color: #000 !important 
}
/* Single Post Page */
 .itempage{
     display: flex;
     margin: 10px;
     font-size: 18px;
     line-height:140%;
}
 .itempage a {
     text-decoration: underline;
}
 .itempage a:hover, .catlink1:hover, .catlink2:hover{
     font-family: 'HELVETICALTPRO BOLD' !important;
}
 .catlink1{
     border-bottom:1px solid black;
     width: min-content;
     margin-bottom: 12px;
}
 .catlink2{
     border-bottom:1px solid black;
     width: min-content;
     margin-bottom: 12px;
}
 .catlink1 a, .catlink2 a{
     text-decoration:none;
}
 .itemcol1{
     width: 48%;
     margin-right: 2%;
}
 .itemcol2{
     width: 48%;
     margin-left: 2%;
}
 .itemtitle{
    /* changed */
     font-size: 18px;
     line-height:140%;
}
 .itemmeta{
    /* changed */
     font-size: 18px;
     line-height:140%;
}
 .relatedposts{
     font-size: 18px;
     line-height: 140%;
}
 .posttitle a {
     text-decoration: none;
}
 .posttitle a:hover {
     font-family: 'HELVETICALTPRO BOLD' !important;
}
 .wp_cart_button_wrapper input{
     background-color: white;
     border: 0;
     padding: 0;
    /* changed */
     font-size: 18px;
     font-weight: bold;
     margin: 16px 0 !important;
     cursor:pointer;
}
 .itemcol1 p {
     margin: 24px 0;
     font-size:18px;
}
 hr{
     border-top:1px solid black;
}
 .backcontainer{
     margin-top: 48px;
     font-size:18px;
}
 .itemimgcontainer{
     width:100%;
     margin-bottom: 10px;
}
 .itemimgcontainer iframe{
     width:100%;
     height: 500px;
}
 .imgcaption {
     font-size: 18px;
     margin: 0 0 18px 0;
}
 .mejs-container {
     margin: 24px 0 !important;
}
/* Migrant Archives Page */
 .page-migrant-archives{
     margin: 0px auto;
     max-width: 1000px;
     padding: 0 10px;
     width:80vw;
}
 .page-migrant-archives p {
     margin: 50px 0 40px 0;
     line-height: 140%;
     letter-spacing: 0.1px;
     text-align: left;
    /* changed */
     font-size: 18px;
}
 .archive-div-block{
     display: flex;
     justify-content: space-between;
     margin: 40px 0;
     border-top: 1px solid black;
     border-bottom:1px solid black;
}
 .archive-product:hover{
     filter: grayscale();
     font-family: Helveticaltpro Bold, sans-serif;
}
 .archive-text{
     line-height: 140%;
     margin-top: 8px;
     text-align: left;
     font-size: 18px;
}
 .archive-product{
     margin: 40px 20px 40px 0px;
     width:48%;
}
 .archive-product img {
     width: 100%;
     height: 300px;
    /* vertical-align: middle;
     */
     display: inline-block;
     object-fit: cover;
}
/* archive page */
 .archivetitle{
     text-align: center;
     letter-spacing: .1px;
     flex: none;
     margin: 20px 0;
     font-family: 'Helveticaltpro Bold';
     text-transform: uppercase;
     font-size: 18px;
}
 .archiveflex{
     width: auto;
     letter-spacing: .1px;
     align-items: flex-start;
     justify-content: space-between;
     display: flex;
     margin: 10px 10px 40px 10px;
}
 .half{
     width:48%;
}
 .archivedesc{
     letter-spacing: .1px;
     margin-top: 0;
     padding-bottom: 8px;
     font-weight: 400;
}
 .filterheader{
     display: inline;
     font-family: 'Helveticaltpro Bold';
}
 .searchandfilter ul li, .searchandfilter ul li li{
     padding:0 !important;
}
 .searchandfilter {
     display: inline;
}
 .searchandfilter ul {
     margin-block-start: 0em;
     margin-block-end: 0em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     padding-inline-start: 0px;
     display: inline !important;
     margin-top: 0;
     margin-bottom: 0;
}
 .searchandfilter ul li, .searchandfilter ul li li {
     display: inline !important;
}
 .searchandfilter ul li {
     list-style: none;
     margin: 0;
}
 .sf-field-tag {
     width: 55vw;
}
 .searchandfilter ul>li>ul:not(.children) {
     margin-left: 0;
}
 input[type='checkbox'], input[type='radio'] {
     position: absolute;
     left: -100vw;
}
 .searchandfilter li[data-sf-field-input-type=radio] label, .searchandfilter li[data-sf-field-input-type=checkbox] label {
     padding-left: 0px !important;
}
 .searchandfilter label {
     display: inline-block;
     margin: 0;
     padding: 0;
     cursor:pointer;
}
 .searchandfilter label:hover {
     font-family: 'Helveticaltpro Bold';
}
 .sf-level-0::after {
     content: ", ";
}
 .sf-level-0:last-of-type::after {
     content: "";
}
 .searchandfilter .sf-count, .searchandfilter .sf-date-postfix {
     padding-left: 0 !important;
     display: none !important;
}
 .sf-option-active label {
     font-family: 'Helveticaltpro Bold';
}
 .sf-field-sort_order .sf-item-0::before{
     font-family: 'Helveticaltpro Bold';
     margin-top:20px;
     content: "Sort by – ";
}
 .sf-field-sort_order ul {
     display: block !important;
     margin: 20px 0 !important;
}
 .sf-field-sort_order .sf-item-0 label{
     display:none !important;
}
 .sf-field-sort_order .sf-item-0::after{
     content: "" !important;
}
 .search-filter-reset{
     font-family: 'Helveticaltpro Bold';
     text-decoration:underline;
}
/* sort header */
 .sortheader{
     z-index: 100;
     letter-spacing: .1px;
     margin-top: 0;
     padding-top: 10px;
     position: sticky;
     top: 40px;
     background-color: #fff;
     margin-bottom: 0;
     padding-right: 0;
     max-width: 100vw;
     padding-left: 10px;
     padding: 5px 10px;
}
 .sortflex{
     border-bottom: 1px solid #000;
     justify-content: flex-start;
     align-items: flex-start;
     margin-left: 0;
     padding-left: 0;
     padding-bottom:2px;
     display:flex;
}
 .search-filter-results{
     padding: 0 10px;
}
 .postrow{
     display: flex;
     padding: 10px 0;
}
 .space{
     width: 38vw;
     justify-content: flex-start;
     align-items: flex-start;
     display: flex;
}
 .space img{
     width: 37vw;
}
 .postrow:hover{
     font-family: 'Helveticaltpro Bold';
}
 .col:nth-of-type(1), .col1 {
     width: 10vw;
}
 .col:nth-of-type(2), .col2 {
     width: 15vw;
     padding-right: 20px;
     display: flex;
}
 .col:nth-of-type(3), .col3 {
     width: 18vw;
     flex: 0 auto;
     padding-right: 20px;
     display: flex;
}
 .col:nth-of-type(4), .col4 {
     width: 13vw;
     flex-direction: row;
     padding-right: 10px;
     display: flex;
}
 .col5{
     width: 10vw;
     flex-direction: row;
     padding-right: 10px;
     display: flex;
     color: #afafaf;
}
/* Migrant Archives Page */
 .archivepage{
     flex-direction: row-reverse;
}
 .archiveback{
     margin: 20px 0 30px 0;
}
 .archiveback a:hover{
     font-family: 'Helveticaltpro Bold';
}
 .archiveflexsub{
     display:flex;
     align-items:center;
     margin: 0 10px;
     justify-content:space-between;
}
 .itemmeta-archive{
     font-size:18px;
     line-height: 140%;
}
 .itemsub-col1 {
     width: 69%;
     margin-right: 1%;
}
 .itemsub-col2 {
     width:39%;
     margin-left:1%;
     padding-top:25px;
}
 .itemsub-col2 p{
     margin: 24px 0;
     font-size: 18px;
}
 .itemsub-col1 .itemimgcontainer img {
     cursor: zoom-in;
}
 .imgcount{
     color: #252525;
     letter-spacing: .1px;
     margin-bottom: 0;
     font-size: 16px;
     display: block;
}
 .itemimg {
     width: 100%;
     max-height: 900px;
     float: none;
     object-fit: contain;
     object-position: 0% 0%;
}
 .hed{
     font-family: 'Helveticaltpro Bold';
}

/* Mobile Styles */
 @media only screen and (max-width:1020px) {
     
    body{
        font-size:16px;
    }

    .header-year, .header-cat{
        font-size:18px;
    }

    
    #header {
         text-align: left;
    }
     #menu{
         width:24px;
    }
     #menu svg {
         width: 24px;
         height: 24px;
    }
     #close svg {
         width: 24px;
         height: 24px;
    }
     #mobileheader{
         position: sticky;
         top: 0;
         width: 100vw;
         background-color: white;
         z-index:10000;
    }
     .mobilecontainer {
         align-items:center;
         border-bottom: 1px solid black;
         display: flex !important;
         text-align: center;
         justify-content: space-between;
         margin: 0 10px;
         padding: 12px 0 12px 0;
         z-index: 100;
         background-color: #fff;
         position: -webkit-sticky;
         position: sticky;
         font-size:18px;
    }
     .mobilecont2 {
         align-items: center;
         border-bottom: 1px solid black;
         display: flex !important;
         text-align: center;
         justify-content: space-between;
         margin: 0 10px;
         padding: 12px 0 12px 0;
         z-index: 100;
         background-color: #fff;
         position: -webkit-sticky;
         position: sticky;
         font-size: 18px;
    }
     .mobilecont2 .toggle div:nth-of-type(1) {
         padding-left: 0px !important;
    }
     .s1:nth-of-type(1) {
    }
     .s2{
    }
     .s3, .s4{
    }
     .s5 {
    }
     .page-id-4290 .div-block{
         margin: 20px 10px;
    }
     .pageabout{
         width: unset;
         padding: 0 10px;
         margin: 30px auto !important;
    }
     .posts.pageabout p{
         width:unset;
         color:#000;
         mix-blend-mode:normal;
         margin:20px 0;
         font-size:15px;
    }

    .posts.halfwidth{
        width:80vw;
    }

    .page-id-631 #footer .col1{
        mix-blend-mode:unset;
        color:#000 !important;
    }

     #myLinks{
         display:none;
         padding:10px;
    /* changed */
     font-size: 18px;
         text-align: left;
         line-height: 140%;
         height:100vh;
    }
     .contmenu{
         display: flex;
         flex-direction: column;
         justify-content: space-between;
    }
     #mobileheader .topcont{
         margin: 24px 10px;
         text-align: center;
    /* changed */
     font-size: 18px;
         line-height: 140%;
    }
     #mobileheader .bottomcont{
         padding: 70px 0 0 0;
         text-align: center;
         font-size: 16px;
    }
     .bottomcont .div1{
         margin-bottom: 35px;
    }
     #close{
         display:none;
    }
     #myLinks a:hover, .menu a:hover{
         font-family: 'Helveticaltpro Bold';
    }
     #footer{
        margin-left:10px;
        margin-right:10px;
        display:block;
    }
     #footer .col1{
width:100%;
padding: 0px;
margin-bottom:25px;
    }

         #footer .col2{
width:100%;
padding: 0px;
margin-bottom:25px;
    }
     #footer .col3{
width:100%;
padding: 0px;
    }

    #mc_embed_signup{
        margin-right:0;
    }
     .mobile{
         display:block;
    }
     #header, .desktop{
         display:none;
    }
     .div-block{
         display: grid !important;
         grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
         padding-bottom: 0;
         margin: 25px 10px;
    }
     .workimg {
         height: 200px;
         width: 100%;
         vertical-align: middle;
         display: inline-block;
         border: 0;
         object-fit: cover;
         max-height:unset;
         max-width:unset;
    }


     .caption{
         width: 100%;
         font-size: 14px;
         text-align:center;
         line-height: 140%;
         margin-top:10px;
    }
     .mobile.date {
         line-height: 120%;
         font-size: 15px;
    }
     .div-block .listitem{
         margin: 5px 0px;
    }


     .date {
         width: 27%;
         padding-right:0;
         margin-right:8px;
    }
     .name {
         width: 48%;
         flex: none;
         padding-right:0;
         margin-right:8px;
    }
     .people {
         width: 25%;
         padding-right:0;
         margin-right:0px;
    }
    /* shop page */
     .div-block .workimg{
         height: auto;
         max-height: 180px !important;
         width: 80%;
         vertical-align: middle;
         display: inline-block;
         border: 0;
         object-fit: contain;
         max-height: unset;
         max-width: unset;
    }
    /* migrant archives */
     .page-migrant-archives {
        width:unset;
    }
     .archive-product {
         margin: 40px 20px 40px 0px;
         width: 100%;
    }
     .archivetitle{
         font-size:18px;
    }

     .archiveflex{
         display:block;
    }
     .half {
         width: 100%;
    }

     .archivedesc{
         padding-bottom: 25px;
    }
     .sortflex .col{
         display:none;
    }
     .postrow {
         display: flex;
         flex-direction: row;
         padding: 0;
         margin: 20px 0;
         line-height:130%;
         font-size:18px;
    }

     .col:nth-of-type(2), .col2, .col:nth-of-type(3), .col3, .col:nth-of-type(4), .col4, .col5 {
         width: 100vw;
    }
    /* item page */
     .itemtitle, .itemmeta, .wp_cart_button_wrapper input{
         font-size: 18px;
         line-height:140%;
    }
     .itempage{
         display: block;
    }
     .itemcol1{
         border-bottom: 1px solid black;
         padding-bottom: 20px;
         width: 100%;
         margin-right: 5%;
    }
     .itemcol2{
         width: 100%;
         margin-top: 20px;
         margin-left:0px;
    }

    .mejs-container {
        margin: 24px 0 !important;
        max-width:400px !important;
   }


    /* Migrnat Page */

    .archiveflexsub{
        display:block;
    }

    .archivetitle{
        font-size:18px;
        margin: 30px 0;
    }

    .archiveflex .half{
        font-size:18px;
    }

     .itemsub-col2{
         width: 100%;
         margin-left: 0;
         padding-top: 0;
    }
     .itemsub-col1{
         width: 100%;
         margin-right: 0;
    }

    .page-migrant-archives{
    }

    .page-migrant-archives p{
        margin: 20px 0;
        font-size:18px;
    }

    .itemmeta-archive,
    .itemsub-col2 p{
        font-size:18px;
    }

    .imgcount{
        margin-bottom:5px;
    }


    .itemimgcontainer{
        margin-bottom:25px;
    }

    .itemimg,
    .imgcaption,
    .imgcount{
        max-width:800px;
    }

    .space{
        width:600px;
        margin-right:20px;

    }

    .space img{
        width:600px;
    }

    .postrow .col2,
    .postrow .col3,
    .postrow .col4,
    .postrow .col5{
        display:none;
    }

    .grey{
       color: #afafaf;
    }



}


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

    .backgroundimg img{
        display:none;
    }
    .listitem{
        margin:5px 10px;
    }

.posts.pageabout p{
    font-size:15px;
}

.posts p{
    margin: 10px;
}

.posts.halfwidth{
   width:unset;
}



.page-migrant-archives{
    width:unset;
}


.page-migrant-archives p{
    font-size:18px;
    margin:20px 0;
}



.postrow{
    flex-direction:column;
}

.space{
    width:unset;
    margin-right:0;
}

.space img{
    width:100%;
}

.archive-div-block{
    display:block;
    margin:20px 0;
}

}

@media only all and (min-device-width: 320px) and (max-device-width: 600px) and (orientation:landscape){

   #mobileheader{
    position:unset;
   }

   .listitem{
    margin:2px 10px;
}


}