/************************
 * Color Background *****
************************/
html.sm-user-ui  {
    background-size: 100%;
    background-size: cover;
}

@media screen and (max-width: 768px) {
    html.sm-user-ui  {
        background-size: auto;
    }
}
.sm-user-ui .sm-page-content > .sm-page-layout > .sm-page-layout-region-footer {
    background-color: #3e3e3e;
    }
/*** before you use this code make sure that you create three images that will represent those three sections in the shopping cart - each image has to be exactly 336px by 132px or 672px by 264px (for retina) upload them to an unlisted gallery - then replace the link to your images in the CSS code below ***/
 
/*** code to change the background image for WALL ART section in the shopping cart ***/
.sm-user-ui .sm-addtocart-step-categories .sm-catalog-category-wall-art {
       background-image: url('https://photos.smugmug.com/Site-Assets/Buy-Buttons/i-WGwChMd/1/abc77b60/XL/Arches%20Storm%20Correct%20Crop-XL.jpg');
}
 
/*** code to change the background image for PAPER PRINTS section in the shopping cart ***/
.sm-user-ui .sm-addtocart-step-categories .sm-catalog-category-paper-prints {
       background-image: url('https://photos.smugmug.com/Site-Assets/Buy-Buttons/i-r9h57fH/1/270556af/XL/Great_Wide_Open_JL_150624_01913-XL.jpg');
}
 
/*** code to change the background image for DESK ART section in the shopping cart ***/
.sm-user-ui .sm-addtocart-step-categories .sm-catalog-category-desk-art {
       background-image: url('https://photos.smugmug.com/Site-Assets/Buy-Buttons/i-xHSgSqF/1/cc9b213e/XL/DSC06818-XL.jpg');
}
 
/*** code to change the background image for DIGITAL DOWNLOADS section in the shopping cart ***/
.sm-user-ui .sm-addtocart-step-categories .sm-catalog-category-downloads {
       background-image: url('https://photos.smugmug.com/Site-Assets/Buy-Buttons/i-GbsZQzS/1/0f3abf6d/XL/DSC08248-XL.jpg');
}
 
/*** code to change the background image for KEEPSAKES section in the shopping ***/
.sm-user-ui .sm-addtocart-step-categories .sm-catalog-category-keepsakes {
       background-image: url('https://photos.smugmug.com/Site-Assets/Buy-Buttons/i-dF37QFG/1/561b277b/XL/171202_NPS-Sony_CineTrike_06067-XL.jpg');
}
 
/*** code to change the background image for PHONE CASES section in the shopping cart ***/
.sm-user-ui .sm-addtocart-step-categories .sm-catalog-category-phone-cases {
       background-image: url('https://photos.smugmug.com/Site-Assets/Buy-Buttons/i-xHSgSqF/1/cc9b213e/XL/DSC06818-XL.jpg');
}
 
/*** Change the font in shopping cart ***/
.sm-user-ui .sm-addtocart-step-categories .sm-addtocart-product-list p {
    font-size: 24px;
    line-height: 1.231;
    font-weight: 300;
    /*text-transform: uppercase; */
}
 
/*** change the size of the arrow in the shopping cart ***/
.sm-user-ui .sm-addtocart-step-categories .sm-addtocart-product-list li .sm-fonticon {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
}
 
/*** moving cart product name to the middle ***/
.sm-user-ui .sm-addtocart-step-categories .sm-addtocart-product-list p {
    bottom: 10px;
}
 
/*** moving cart arrow to the middle ***/
.sm-user-ui .sm-addtocart-step-categories .sm-addtocart-product-list li>.sm-fonticon {
    bottom: 12px;
}
 
/*** adding black border to the shopping cart pannel ***/
.sm-user-ui .sm-panel-container {
    border-color: #212121;
}
 
/*** removing shadow from the shopping cart panel ***/
.sm-user-ui .sm-modal .sm-panel-container {
    box-shadow: none;
}

/*Importing Montserrat font*/
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*End of Montserrat font import*/


/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




/*Importing Poppins font*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'), url(https://fonts.gstatic.com/s/poppins/v5/NOrqPfvJuwgpHxybBhW7LQzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v5/HUuNgGR31mqIHE6zs0BlBgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: local('Poppins Thin'), local('Poppins-Thin'), url(https://fonts.gstatic.com/s/poppins/v5/JiJIyYryPAkCcaWWDYi6mpBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===Making SmugMug Standard Contact form white - tutorial from http://46.101.81.60=== */



/*Background mask - color change*/
.yui3-widget-mask, .sm-nui .yui3-overlay-mask, .sm-nui .sm-modal-mask {
    background-color: #f7f7f7 !important;
}

/*Changing the title color*/
.sm-panel.sm-panel-contact h1 {
    color: #000 !important;
}

/*Changing contact form background color*/
.sm-panel-contact .sm-procontact-overlay {
    background-color: #fff !important;
}

.sm-panel-contact .sm-panel-content {
    background-color: #ffffff !important;
}

/*Changing form fields
.sm-panel-contact .sm-form-field-text-input, .sm-panel-contact .sm-form-field-textarea {
    color: #2b2b2b !important;
    background-color: #ffffff !important;
    border-color: #34363a;
}

.sm-panel-contact .sm-form-field:focus, .sm-panel-contact .sm-form-field-textarea:focus {
    background-color: #eaeaea !important;
    border-color: #3c3e43;
}

/*Modifying buttons
.sm-panel-contact .sm-button-skin-default, .sm-panel-contact .sm-button-skin-submit {
    color: #1b1b1b !important;
    border-color: #34363a !important;
    background-color: #ffffff !important;
}


.sm-panel-contact .sm-button-skin-default:hover, .sm-panel-contact .sm-button-skin-submit:hover {
    color: #3a3a3a !important;
    border-color: #34363a !important;
    background-color: #eaeaea !important;
}


.sm-widget-text {
  letter-spacing: 0px;}


.sm-eu-cookie-message {
  color: white !important;
}

.sm-eu-cookie-message a {
  color: grey !important;
}

/*Making headers bold
h1, h2, h3, h4, h5 {
  font-weight: bold !important;
}