/*MAIN CONTENT*/
@import url('https://fonts.googleapis.com/css?family=Yellowtail');
#banner { margin: 10px 0 0 32px; }
#prod_promo { margin-bottom: 12px; }
#breadcrumb { font-family: "Aguafina Script", cursive; font-size: 18px; text-align: right; }
#breadcrumb a, #breadcrumb a:visited { color: #000000; }
.prod_content { margin-bottom: 48px; text-align: center; }
.prod_content_left { margin-bottom: 48px; text-align: left; }
.prod_content_books { padding-left: 80px; text-align: left; }
.prod_content_frames { margin-bottom: 28px; text-align: center; }
.prod_highlights { display: none; margin-bottom: 10px; }
.prod_highlights ul { margin: 0px; padding: 0px 0px 0px 200px; text-align: left; font-family: 'Yellowtail', cursive; font-size: 22px; }
.prod_highlights li { list-style: none; }
.prod_cont {  margin-top: auto; }
.prod_cat { display: inline-block; margin: 0px 18px 20px; height: 250px; }
.prod_grp { margin-bottom: 32px; }
.prod_item { display: inline-block; vertical-align: text-top; border: 2px solid #a47c64; width: 360px; height: 740px; padding: 40px; }

@media (max-width:767px) {
    .prod_item { width: 100px; }
}

.prod_desc_a { margin-bottom: 25px; padding: 5px; }
.prod_desc_f { margin-bottom: 25px; padding: 5px; }
.prod_title_f { padding-top: 25px; }
.prod_item_f { display: inline-block; vertical-align: text-top; border: 2px solid #a47c64; width: 100%; height: 700px; padding: 40px; }
.prod_item_f .prod_img { width: 100%; }
@media (max-width:767px) {
    .prod_item_f { height: auto; }
}

.prod_item_c { display: inline-block; vertical-align: text-top; border: 2px solid #a47c64; width: 500px; height: 500px; padding: 20px; }
@media (max-width:1199px) {
    .prod_item_c { width: auto; height: auto; margin-bottom: 10px; }
}

.prod_img_o { display: inline-block; font-size: 0px; width: 600px; }
@media (max-width:767px) {
    .prod_img_o { width: auto; }
}

.prod_link:link, .prod_link:visited { color: #000000; }
.prod_title { padding: 25px 0px; }
.prod_title img { vertical-align: top; }
.prod_border { border: 1px solid #946c5b; }
.books_box { border: solid #946c5b; padding: 20px; height: 564px; position: relative; display: flex; flex-direction: column; margin: 15px 0; }
.books_box > #banner { margin: 10px 0 0 0; }

/* Paper Products */

.small_paper_box { border: solid #946c5b; padding: 20px 10px 20px 10px; height: 520px; margin-bottom: 27px; }
.shorter_paper_box { border: solid #946c5b; padding: 20px; height: 444px; margin-bottom: 27px; }
.short_paper_box { border: solid #946c5b; padding: 20px; height: 470px; margin-bottom: 27px; }

.paper_box { border: solid #946c5b; padding: 20px; height: 567px; margin-bottom: 27px; }

.long_paper_box { border: solid #946c5b; padding: 20px; height: 672px; margin-bottom: 27px; }
.longer_paper_box { border: solid #946c5b; padding: 20px; height: 745px; margin-bottom: 27px; }
.longest_paper_box { border: solid #946c5b; padding: 20px; height: 920px; margin-bottom: 27px; }
@media (max-width: 767px) {.longer_paper_box { min-height: 1111px; } #b4ty { margin-bottom: 125px; }}
@media (max-width: 600px) {.longer_paper_box { min-height: 987px; }}
@media (max-width: 500px) {.longer_paper_box { min-height: 876px; }}
@media (max-width: 400px) {.longer_paper_box { min-height: 765px; }}

.quick-links a { text-decoration: underline; color: black; }

.paper8x11 { height: 1150px; }
.paper8x11_fb { height: 1150px; }
.paper11x17 { height: 1200px; }
.paper12x18_fb { height: 750px; }
.other_paper { height: 1650px; }
.other_paper .small_paper_box { height: 480px; }
.thankyou-cards {}
.thankyou-cards .small_paper_box { height: 460px; }
.thankyou-cards h3 { font-size: 20px;}
@media (max-width: 1199px) {
    .thankyou-cards h3 { font-size: 18px;}
    .thankyou-cards .small_paper_box { min-height: 420px; }
}

.goRight { float: right; text-align: right;}
.goLeft { float: left; }
.goDown { margin-top: 25px; }
.mLeft { margin-left: 25px; }

.pb_img_container { text-align: center; }

#big_img { max-width: 110%; height: auto; }
.paper_img { padding: 0 200px; }

.skinny_right { margin: 0 120px 0 20px; }
.skinny_left { margin: 0 20px 0 120px; }
.title_box { height: 50px; }
@media (max-width:1199px) {
    .title_box { height: 70px; }
    .small_paper_box { height: 530px; }
    .short_paper_box { height: 474px; }
    .shorter_paper_box { height: 400px; }
    .other_paper .small_paper_box { height: 410px; }
    .paper_box { height: 530px; }
    .longest_paper_box { height: 800px; }
    .paper8x11_fb { height: 1000px; }
}
@media (max-width:991px) {
    .paper8x11 { height: 1850px; }
    .paper11x17 { height: 2000px; }
    .paper_img { padding: 0 100px; }
    .short_paper_box { height: 470px; }
    .small_paper_box { height: 540px; }
    .paper_box { height: 500px; }
}
@media (max-width:767px) {
    .small_paper_box { height: auto; }
    .short_paper_box { height: auto; }
    .shorter_paper_box { height: auto; }
    .other_paper .small_paper_box { height: auto; }
    .paper_box { height: auto; }
    .long_paper_box { height: auto; margin-bottom: 150px; }
    .longest_paper_box { height: auto; }
    .paper_img { padding: 0 10px; }
}


.box { 
    border: solid #946c5b;
    padding: 17px;
    height: 400px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.box img { width: 100%; }
.box p { margin: 10px 0 10px 0; text-align: center;}
.smaller_img img { width: 66%; margin: 10px 0; }
.alittleonthetop { margin-top: 50px; }

@media (max-width:992px) { 
    .box { height: 430px; padding: 30px 10px; } 
}
@media (max-width:767px) {
    .box { margin: 10px 0; height: auto; }
    .box img { display: block; margin: 0 auto; max-width: 400px; }
    .alittleonthetop { margin-top: 0px; }  
}


.border { border: 1px solid black }
.prod_det_img_a { position: relative; display: inline-block; width: 550px; height: 400px; }
.prod_det_img { position: relative; display: inline-block; width: 200px; height: 200px; }
.prod_det_img a { position: absolute; left: 0px; display: none; }

#candles .prod_img { display: inline-block; font-size: 0px; width: 180px; }
#bookmarks .prod_img { display: inline-block; font-size: 0px; width: 180px; }

@media (max-width:1199px) {
    #candles .prod_item { height: auto; width: auto; margin-bottom: 10px; }
    #candles .prod_img { height: auto; width: auto; }
}
@media (max-width:767px) {
    #candles .prod_item { max-height: 500px; max-width: 210px; }
    #candles .prod_img { max-height: 500px; max-width: 100px; }
}
.prod_img_c { display: inline-block; font-size: 0px; width: 80%; }
.heighted { margin-top: 20px; }
#first-one .book { position: relative; top: -50px; }
#first-one #gld_stand { padding-top: 55px; }
.book { display: inline-block; vertical-align: bottom; height: auto; }
.book > a { height: 270px; display: block; }
.book a img { width: 222px; }
@media (max-width:1199px) {
    .book { width: 180px; }
    .books_box { height: 512px; }
    #first-one .book { top: 0; }
    #first-one #gld_stand { padding-top: 40px; }

}


.bottomed { vertical-align: bottom; }
.prod_img a { display: inline-block; outline: 0px; }
.prod_img img { cursor: pointer; }
#bookmarks .prod_img img { cursor: default; }
.prod_feat { display: inline-block; margin-left: 24px; max-width: 300px; vertical-align: top; text-align: left; }
.prod_feat_r { display: inline-block; margin-left: 24px; max-width: 300px; vertical-align: bottom; text-align: right; }
.prod_desc { margin: 0px auto; padding: 5px; }
.prod_item .prod_desc { width: 200px; }
.prod_opts { display: inline-block; vertical-align: top; font-size: 0px; }
.prod_opts_a { display: inline-block; vertical-align: top; font-size: 0px; }
.po_x3 { width: 200px; }
.po_x4 { width: 240px; }
.po_x5 { width: 300px; }
.po_a { width: 500px; }
@media (max-width:484px) {
    .prod_feat_r { margin-left: 0 !important; text-align: center; }
    .mLeft { margin: 0; }
    .books_box { height: auto; }
}
.prod_opts div { display: inline-block; margin: 4px; width: 85px; height: 85px; border: 1px solid #946c5b; cursor: pointer; }
.prod_opts_a div { display: inline-block; margin: 4px; width: 85px; height: 85px; border: 1px solid #946c5b; cursor: pointer; }
.prod_bk_blue { background-color: #2f3a52; }
.prod_bk_burg { background-color: #2b0d0d; }
.prod_bk_green { background-color: #2d342d; }
.prod_bk_black { background-color: #000000; }
.prod_bk_brown { background-color: #4f3122; }
.prod_bk_tan { background-color: #b19977; }
.prod_bk_country { background-image: url(../products/books/img/bk_opt_country.png); }
.prod_bk_light { background-image: url(../products/books/img/bk_opt_light.png); }
.prod_bk_stream { background-image: url(../products/books/img/bk_opt_stream.png); }
.prod_bk_artbrown { background-image: url(../products/books/img/artisan_brown.png); }
.prod_bk_artgrey { background-image: url(../products/books/img/bk_opt_artgrey.png); }
.prod_bk_artgreen { background-image: url(../products/books/img/bk_opt_artgreen.png); }
.prod_bk_artpink { background-image: url(../products/books/img/bk_opt_artpink.png); }
.prod_bk_artstitch { background-image: url(../products/books/img/bk_opt_artstitch.png); }

.ar_opts div { display: inline-block; margin: 4px; width: 85px; height: 85px; border: 1px solid #946c5b; cursor: pointer; }
.ar_opts_a div { display: inline-block; margin: 4px; width: 85px; height: 85px; border: 1px solid #946c5b; cursor: pointer; }
.prod_ab_bloom { background-color: #f5ffc9; }
.prod_ab_grey { background-color: #484848; }
.prod_ab_green { background-color: #3aff3a; }
.prod_ab_chairs { background-color: #983f03; }
.prod_ab_brown { background-color: #4f3122; }
.prod_ab_pink { background-color: #ff41e3; }

.bottom_space { margin-bottom: 50px; }
.top_space { margin-top: 50px; }
.small_row { max-width:750px; margin: auto; }
.bigger_container { padding-right:15px; padding-left:15px; margin-right:160px; margin-left:160px; }
.big_row { width:1750px; }
.book_display { margin-top: 18px; margin-bottom: 100px; }
.prod_opts div img { width: 100%; }
.ab_opts div img { width: 100%; }
.stepbutton { border: 1px solid #946c5b; border-radius: 50px; height: 50px; width: 50px; margin: 0 auto; }
.stepbutton p { color: #946c5b; margin-top: 10px; margin-left: 1px;}
.service-item-box_b { background-color: #fff; padding: 30px 30px; margin-bottom: 30px; height: 450px; }
.service-item-box_b img { vertical-align: bottom; }
#artisan_books > div > img { cursor: pointer; }

.link_to_order{ color: #337ab7; text-decoration: underline; }
.link_to_order:hover{ color: #0a477c; text-decoration: underline; }
.link_to_order:visited{ color: #1d1a76; text-decoration: underline; }

@media (max-width:992px) {
    .service-item-box_b {
        height: 450px;
    }    
    .service-item-box_b img {
        vertical-align: bottom;
        width: 75%;
    }    
}

@media (max-width:768px) {
    .service-item-box_b {
        height: 100%;
    }       
}

.book_bg {
    background-image: url(../services/bookmarks/img/bookmark-album.png);
    height: 643px;
    width: 100%;
    background-size: 100% 100%;
}

.bm_album_desc {
    margin-top: 100px;
    margin-left: 100px;
    font-size: 20px;
    color: #000000;
    width: 580px;
    line-height: 35px;
}

.bm_album_title {
    position: relative;
    top: -20px;
}

.container > .heading { margin-bottom: 88px; }

@media (max-width:992px) { 
    .book_bg {
        height: 412px;
    }
    .bm_album_desc {
        margin-top: 35px;
        margin-left: 225px;
        width: 463px;
        font-size: 15px;
        line-height: 25px;
    }
}

@media (max-width:713px) { 
    .book_bg {
        margin-bottom: 130px;
        height: 220px;
    }
    .bm_album_desc {
        margin-top: 190px;
        margin-left: auto;
        margin-right: auto;
        width: auto;
        font-size: 15px;
        text-align: center;
    }
}


/*Magnetic Boxes*/

.row_skinny { margin: 0 210px; }
.mag_box { border: solid 2px #946c5b; padding: 17px; height: 260px; }
.mag_box h5 { margin-bottom: 20px; text-align: center; }
@media (max-width:991px) { 
    .mag_box { padding: 17px 3px 17px 3px; height: auto; min-height: 200px; }
}
@media (max-width:767px) { 
    .mag_box { margin-bottom: 20px; }
}

/*Seed Products*/

.seed_box { 
    border: solid 2px #946c5b; 
    padding: 17px; 
    height: auto; 
    max-height: 520px; 
    min-height: 476px; 
    display: flex;
    flex-direction: column;
    align-items: center;
}

.seed_box img {
    max-width: 100%;
    height: auto;
}

.seed_box h3, .seed_box p { text-align: center; }
.seed_box p { min-height: 150px; }
.seed_box .title_box { height: auto; max-height: 225px; min-height: 160px; }
.weird.seed_box { min-height: 520px; }
.header_box { height: auto; }
.header_box_fr { min-height: 70px; }
.bottom_cards { padding: 0 100px; height: 362px; }
.weird-img { position: absolute; bottom: 1px; right: 15px; z-index: -10; width: 358px;}
.nonweird-img { display: none; }

@media (max-width:1199px) { 
    .seed_box .title_box { min-height: 270px; }
    .weird-img { width: 293px; }
    .nonweird-img { display: none; }
}
@media (max-width:991px) { 
    .seed_box .title_box { min-height: 370px; }
    .seed_box { min-height: 550px; }
    .row_skinny { margin: 0 100px; }
    .weird-img { width: 219px; }
    .weird.seed_box { min-height: 550px !important; }
    .nonweird-img { display: none; }
}
@media (max-width:767px) { 
    .seed_box .title_box { min-height: auto; }
    .seed_box { min-height: auto; margin-bottom: 20px; }
    .seed_box img { height: 50%; }
    .row_skinny { margin: 0 50px; }
    .bottom_cards { padding: 0 25px; height: auto; }
    .weird-img { display: none; bottom: auto; right: auto; height: 500px !important; width: 358px;}
    .weird.seed_box { min-height: 520px !important; overflow: clip; }
    .nonweird-img { display: block; }
}

/*Presentation Products*/

.lp { padding: 0 8px;}
.present_box { position: relative; border: solid 2px #946c5b; margin: 16px 0; height: 430px; }
.box_content {  
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    height: 426px;
    padding: 30px 20px 20px 20px; 
}

.present_title_fr { height: 40px; }
.present_desc { margin-top: 28px; }
.box_content h5 { text-align: center; }

@media (max-width:1199px) { 
    .present_box { height: 539px; }
    .box_content { height: 100%; }
    .present_desc { margin-top: 35px; }
    .present_title_fr { height: 50px; }
}
@media (max-width:991px) { 
    .present_box { height: 100%; }
    .box_content { height: 100%; padding: 10px 20px 20px 20px; }
    .present_desc { margin-top: 25px; }
    .present_title_fr { height: 60px; }
}

.crumb { margin-top: 0; }
@media (max-width:991px) { 
    .crumb { margin-top: 10px !important; }
}
@media (max-width:767px) {
    .crumb { 
        margin-top: 0 !important;
        margin-bottom: 10px !important; 
    }
}
@media (max-width:626px) {
    .crumb { 
        margin-bottom: 20px !important; 
    }
}

/*Bespoke*/

#bespoke p { font-size: 19px; }
.prod_bes { padding-top: 10px; }
.prod_bes img { border-radius: 11px; margin-bottom: 10px; height: 66px; cursor: pointer; }
.prod_bes p { margin: 0 !important; font-size: 18px !important; line-height: 20px;}
.prod_bes .color { height: 66px; display: flex; align-items: center; }
.bes_list p { line-height: 20px; display: flex; }
.bes_thumbnail { width: 50%; }
.bes_logo { position: relative; bottom: 40px; }
.p0 { padding: 0 !important; }
.pr0 { padding-right: 0 !important; }
.pl0 { padding-left: 0 !important; }
@media (max-width: 991px) {
    .section-wrap-mp { padding-top: 20px !important; }
    .bes_logo { bottom: 10px; }
}
@media (max-width: 635px) {
    .bes_thumbnail { width: 40%; }
    .prod_bes img { height: 60px; }
    .prod_bes { padding: 10px 0 0 0 !important; }
    .prod_bes p { font-size: 15px !important; line-height: 20px; padding-bottom: 5px; }
}
@media (max-width: 480px) {
    .color { display: none; }
    .bes_thumbnail { width: auto; }
}

.col-xxs-12, .col-xxs-11, .col-xxs-10, .col-xxs-9, 
.col-xxs-8, .col-xxs-7, .col-xxs-6, .col-xxs-5, 
.col-xxs-4, .col-xxs-3, .col-xxs-2, .col-xxs-1,
.col-cus-27, .col-cus-30 { }

@media (max-width: 480px) {
    .col-xxs-12 { width: 100%; }
    .col-xxs-11 { width: 91.66666667%; }
    .col-xxs-10 { width: 83.33333333%; }
    .col-xxs-9 { width: 75%; }
    .col-xxs-8 { width: 66.66666667%; }
    .col-xxs-7 { width: 58.33333333%; }
    .col-xxs-6 { width: 50%; }
    .col-xxs-5 { width: 41.66666667%; }
    .col-xxs-4 { width: 33.33333333%; }
    .col-xxs-3 { width: 25%; }
    .col-xxs-2 { width: 16.66666667%; }
    .col-xxs-1 { width: 8.33333333%; } 
    .col-cus-27 { width: 27.1%; }
}
@media (max-width: 384px) {
    .col-cus-27 { width: 30% !important; }
    .col-xxs-7 { width: 67.3%; }
}
@media (max-width: 352px) {
    .col-cus-30 { width: 45% !important; }
    .col-cus-27 { width: 33% !important; }
    .col-xxs-7 { width: 73.3%; }
}

.bookmark-service ul, .design-service ul {
  list-style-type: disc;
  margin-bottom: 15px;
  padding: 0 10pt;
  color: inherit;
}

#artisan_book_opts img {
    cursor: pointer;
}
.list {
    margin: 0 0 15px 15px;  /* Removes default margin */
    padding: 0;          /* Removes default padding */
    list-style: disc;    /* Restores the default bullet style */
}
.list li {
    margin: 0;           /* Ensures no extra margin on list items */
    padding: 0;          /* Ensures no extra padding on list items */
}

.pnav .nav.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}
.pnav .nav.nav-tabs li {
    margin-top: 10px;
}
.pnav .nav.nav-tabs > li.active > a {
    border-width: 2px;
}

.simple.pnav .nav.nav-tabs > li.active > a {
    border: none;
    text-decoration: underline;
    color: #946c5b;
    background-color: #ffffff00;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 10px;
}
.simple.pnav .nav.nav-tabs:nth-child(2) > li.active > a{
    padding: 0 10px 20px 10px;
}
.simple.pnav .nav.nav-tabs > li.active > a:hover {
    background-color: #ffffff00;
    cursor: pointer;
    color: #584036;
}
.simple.pnav .nav.nav-tabs { justify-content: space-evenly; }
@media (max-width: 954px) { .simple.pnav .nav.nav-tabs { justify-content: center; } }
.simple.pnav { background-color: #fff; margin-bottom: 10px; box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.1); }
.sticky { position: sticky; top: 60px; z-index: 10; }
@media (max-width: 991px) { .sticky { top: 0; } }
@media (max-width: 480px) { .sticky { position: relative; } }
.tag-offset {position: relative; bottom: 140px; }

.paper_box {
    border: solid #946c5b; 
    padding: 20px; 
    margin-bottom: 27px; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.paper_box img, .longest_paper_box img {
    height: 225px; 
    width: fit-content;
    margin: 0 auto;
}

.vshort_paper_box {
    height: 365px; 
}

.short_paper_box {
    height: 520px; 
}

.medium_paper_box {
    height: 550px; 
}

.large_paper_box {
    height: 750px; 
}

.full_paper_box {
    height: auto;
}

.short_paper_box p:last-child {
    margin-top: auto;
}

.full_image {
    width: auto !important;
    height: 100% !important;
}

/* presentation */
.presentation .present_box {
    position: relative;
    padding: 20px; /* Example padding; adjust as needed */
    min-height: 250px; /* Minimum height to ensure space for content and image */
    display: -webkit-box; /* For older browsers */
    display: -ms-flexbox; /* For older browsers */
    display: flex;
    -webkit-box-orient: vertical; /* For older browsers */
    -webkit-box-direction: normal; /* For older browsers */
    -ms-flex-direction: column; /* For older browsers */
    flex-direction: column;
    -webkit-box-pack: justify; /* For older browsers */
    -ms-flex-pack: justify; /* For older browsers */
    justify-content: space-between;
}

.presentation .box_content {
    -webkit-box-flex: 1; /* For older browsers */
    -ms-flex: 1; /* For older browsers */
    flex: 1; /* Allows content to take available space above image */
}

.presentation .image-container {
    display: -webkit-box; /* For older browsers */
    display: -ms-flexbox; /* For older browsers */
    display: flex;
    -webkit-box-pack: center; /* For older browsers */
    -ms-flex-pack: center; /* For older browsers */
    justify-content: center;
    -webkit-box-align: end; /* For older browsers */
    -ms-flex-align: end; /* For older browsers */
    align-items: flex-end; /* Aligns image to the bottom */
    width: 100%;
    margin-top: auto; /* Pushes the image to the bottom */
}

.presentation .img-responsive {
    max-width: 80%; /* Ensures image fits within container width */
    height: auto; /* Maintains aspect ratio */
}


@media (max-width: 991px) {
  .presentation .present_box {
    height: 412px;
  }
}
@media (max-width: 768px) {
    .presentation .present_box {
        height: auto;        
    }
    .presentation .present_box div {
        height: auto;   
        display: block;     
    }
    .presentation .present_box .box_content {
        position: unset;    
    }
    .presentation .present_box .image-container img {
        margin: 0 auto;
        text-align: center;    
    }
    .presentation .present_lg {
        height: auto !important;
    }
}

/* Default (xs - less than 768px) */
.presentation .present_lg {
    height: 800px; /* Default height for extra small devices */
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .presentation .present_lg {
        height: 600px; /* Height for small devices */
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .presentation .present_lg {
        height: 650px; /* Height for medium devices */
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .presentation .present_lg {
        height: 600px; /* Height for large devices */
    }
}