/* PARENT CONTAINERS FOR THE BLADES THAT CENTER THE CONTAINERS ON THE PAGE */

/* Full Width Video */
.center_video {
    margin: auto;
    position: absolute;
    text-align: center;
    color: rgb(0, 0, 0);
}

/* Gallery Blade */
.center {
    margin: auto;
    position: relative;
    text-align: center;
    color: rgb(0, 0, 0);
}

/* Not Logged in message at bottom of the page */
.center_400 {
    margin: auto;
    width: 400px;
    display: flex;
}

.center_login {
    margin: auto;
    width: fit-content;
    display: flex;
}

.center_600 {
    margin: auto;
    width: 600px;
    text-align: center;
}

.center_786 {
    display: block;
    margin: auto;
    width: 786px;
}

.center_800 {
    margin: auto;
    width: 800px;
}

/* Multi Image blade */
.center_840 {
    margin: auto;
    width: 840px;
}

/* Multi6 Image blade */
.center_850 {
    margin: auto;
    width: 850px;
}

/* Multi 5 Image blade */
.center_900 {
    margin: auto;
    width: 900px;
}

/* Multi7 */
.center_950 {
    margin: auto;
    width: 950px;
}

.center_985 {
    display: block;
    margin: auto;
    width: 985px;
}

.banner_img {
    object-fit: cover;
}

/* Multi Parent Container */

/* For the Multi5 blade */
.centre_1173 {
    display: block;
    margin: auto;
    width: 1173px;
}

.center_920 {
    display: block;
    margin: auto;
    width: 920px;
}

/* Portrait Parent Container */
.center_1000 {
    display: block;
    margin: auto;
    width: 1000px;
}

/* Landscape Mini - ALBUM SIZES */
.center_1015 {
    display: block;
    margin: auto;
    width: 1015px;
}

/* multi7 */
.center_1065 {
    display: block;
    margin: auto;
    width: 1065px;
}

/* Popular Products & Options Blade & Multi Image Blade */
.center_1100 {
    display: block;
    margin: auto;
    width: 1100px;
}

/* Multi6 */
.center_1025 {
    display: block;
    margin: auto;
    width: 1025px;
}

/* Landscape Blades */

/* Small Landscape */
.center_1150 {
    display: flex;
    margin: auto;
    width: 1150px;
}

/* Large Landscape */
.center_1200 {
    display: flex;
    margin: auto;
    width: 1200px;
}

/* Single Column Text Blade */
.center_single_col_text {
    margin: auto;
    width: 1200px;
}

.single_col_text_container {
    margin: auto;
    width: 1200px;
}

.mobile_single_col_text {
    margin: auto;
    width: fit-content;
}

/* Carousel Container */
/* Large Landscape */
.center_1225 {
    display: flex;
    margin: auto;
    width: 1225px;
}

/* Blade Parent Container for rest of the blades */
.center_1280 {
    display: flex;
    margin: auto;
    width: 1280px;
}

.center_1480 {
    display: block;
    margin: auto;
    width: 1480px;
}

/* END */

/* MAKES ALL CHILD CONTAINERS LOAD AS A ROW */
.container_row {
    display: flex;
}

/* END */

/* CHILD CONTAINERS */

/* Landscape Image large */
.container_row_550 {
    display: flex;
    height: 550px;
}
/* Landscape Image Medium */
.container_row_500 {
    display: flex;
    height: 500px;
}

/* Landscape Image Small */
.container_row_400 {
    display: flex;
    height: 400px;
}

/* Landscape Image Mini */
.container_row_300 {
    display: flex;
    height: 300px;
}

/* Portrait */
/* Portrait Image Large */
.container_row_675 {
    display: flex;
    height: 675px;
}

/* Portrait Image Small */
.container_row_600 {
    display: flex;
    height: 600px;
}

/* Square Text Container Large & Small Blade Layouts */
.container_child_text_square {
    margin: auto;
    max-width: 400px;
}

.container_child_text2 {
    margin: auto;
    max-width: 400px;
}

/* Square Small container */
.container_row_500 {
    display: flex;
    height: 500px;
}

/* Landscape Large Blade */
/* Image Container - 800px x 500px */
.container_child_image_landscape_large {
    margin: auto;
    width: 800px;
    height: 550px;
}
/* Large Text Container */
.container_child_text_landscape_large_left {
    margin: auto;
    max-width: 400px;
    padding-left: 25px;
}

.container_child_text_landscape_large_right {
    margin: auto;
    max-width: 400px;
    padding-right: 25px;
}
/* Landscape Medium Blade */
/* Image Container - 750px x 500px */
.container_child_image_landscape_medium {
    margin: auto;
    width: 750px;
    height: 500px;
}
/* Medium Text Container */
.container_child_text_landscape_medium_left {
    margin: auto;
    max-width: 400px;
    padding-left: 25px;
}

.container_child_text_landscape_medium_right {
    margin: auto;
    max-width: 400px;
    padding-right: 25px;
}

/* Landscape Small Blade */
/* Image Container - 750px x 400px */
.container_child_image_landscape_small {
    margin: auto;
    width: 750px;
    height: 400px;
}

/* Text Container */
.container_child_text_landscape_small_left {
    margin: auto;
    max-width: 400px;
    padding-left: 25px;
}

.container_child_text_landscape_small_right {
    margin: auto;
    max-width: 400px;
    padding-right: 25px;
}

/* Landscape Mini Blade */
/* Image Container - 550px x 300px */
.container_child_image_landscape_mini {
    margin: auto;
}

/* Text Container */
.container_child_text_landscape_mini_left {
    margin: auto;
    max-width: 300px;
    padding-left: 25px;
}

.container_child_text_landscape_mini_right {
    margin: auto;
    max-width: 300px;
    padding-right: 25px;
}
/* END */

/* Portrait Child Containers */
/* Large Portrait Blade */
.container_child_image_large {
    margin: auto;
    width: 600px;
    height: 675px;
}
/* Container for Text on blade */
.container_child_text_portrait_large_left {
    text-align: left;
    margin: auto;
    max-width: 400px;
    max-height: 675px;
    padding-left: 25px;
}

/* Container for Text on blade */
.container_child_text_portrait_large_right {
    text-align: left;
    margin: auto;
    max-width: 400px;
    max-height: 675px;
    padding-right: 25px;
}
/* Small Portrait Blade */
.container_child_image_small {
    margin: auto;
    width: 525px;
    height: 600px;
}
/* Container for Text on blade */
.container_child_text_portrait_small_left {
    text-align: left;
    margin: auto;
    max-width: 400px;
    max-height: 600px;
    padding-left: 25px;
}

.container_child_text_portrait_small_right {
    text-align: left;
    margin: auto;
    max-width: 400px;
    max-height: 600px;
    padding-right: 25px;
}

/* Multi Image Blade */
.container_child_multi_image {
    margin-right: 16px;
}

/* Multi Image Blade */
/* Multi Image Blade */
.container_row_225 {
    display: flex;
    height: 225px;
    margin-bottom: 16px;
    justify-content: flex-end;
}

.container_row_250 {
    display: flex;
    height: 250px;
    margin-bottom: 16px;
}

/* Multi 4 Blade */
.container_text_multi4 {
    width: 350px;
    text-align: left;
    margin: auto;
}

.container_text_right_multi4 {
    width: 350px;
    text-align: left;
    margin: auto;
    padding-left: 20px;
}

.container_image_multi4 {
    width: 320px;
    text-align: left;
    margin: auto;
}

.container_child_multi_300 {
    margin: 20px;
    width: 300px;
    height: 300px;
}

/* Text Container for Multi5 & 3 blade */
.container_child_multi_text_375 {
    margin: auto;
    text-align: left;
    max-width: 375px;
}

/* Text Container for Multi5 & 3 blade */
.container_child_multi_image_375 {
    margin: auto;
    text-align: left;
    width: 375px;
}

.container_child_multi_225 {
    margin-bottom: 20px;
    width: 225px;
    height: 225px;
}

/* Multi 6 Blade */
.container_text_multi6 {
    width: 230px;
    text-align: left;
    margin: auto;
}

.container_image_multi6 {
    width: 225px;
    text-align: left;
    margin: auto;
}

/* Multi 7 Blade */
.container_text_multi7 {
    width: 250px;
    text-align: left;
    margin: auto;
    padding-left: 5px;
}

.container_image_multi7 {
    width: 250px;
    text-align: left;
    margin-left: 16px;
}

.container_child_multi7_225 {
    width: 250px;
    height: 250px;
}

/* Multi 8 */
.container_child_multi_text {
    margin: auto;
    text-align: left;
    max-width: 350px;
}

/* Multi 11 */
.center_multi_11 {
    display: block;
    margin: auto;
    width: fit-content;
}

.container_text_multi11 {
    max-width: 400px;
    text-align: left;
    margin: auto;
}

.container_image_multi11 {
    width: 225px;
    text-align: left;
}

.container_child_multi11_225 {
    width: 250px;
    height: 250px;
}

.text_block_multi_11 {
    position: relative;
    text-align: center;
    bottom: 40px;
    padding-top: 5px;
}

/* END */

.container_child_option_text {
    max-width: 500px;
    position: relative;
    margin: auto;
}

.container_child_option_book_text {
    max-width: 285px;
    position: relative;
    margin: auto;
    padding: 0px 20px;
}

.container_child_option_img {
    text-align: center;
    max-width: 500px;
    position: relative;
    margin: auto;
}

.p_option_text {
    text-align: left;
}

.cover_type_img {
    position: absolute;
    margin-left: 48px;
}

.text_block {
    font-size: 15px;
    position: absolute;
    bottom: 20px;
    color: black;
    width: 100%;
}

.text_block_paper {
    position: relative;
    text-align: left;
    padding-top: 5px;
    width: 750px;
}

.text_block_multi {
    position: relative;
    text-align: center;
    bottom: 40px;
}

/* END */

/* NEW CUSTOMER REGISTER PAGE */
.reg_center {
    justify-content: center;
    position: relative;
    top: 82px;
}
.reg_container_200 {
    text-align: left;
    max-width: 200px;
    margin: 0 auto;
}

.reg_container_250 {
    text-align: left;
    max-width: 250px;
    margin: auto;
}

.reg_container_400 {
    text-align: left;
    max-width: 400px;
    margin: auto;
}

.reg_container_450 {
    text-align: left;
    max-width: 450px;
    margin: auto;
}

.reg_container_745 {
    text-align: left;
    max-width: 745px;
    margin: auto;
}

.reg_container_900 {
    text-align: left;
    max-width: 900px;
    margin: auto;
}

.reg_container_425 {
    width: 425px;
    margin: 0px 25px;
}

.reg_list {
    text-transform: none;
    padding-left: 17px;
}

.reg_list li {
    font-size: 15px;
}

.reg_tc {
    font-size: 15px;
}
/* SUBMENU & CATALOG CONTAINERS */
/* PAGE LAYOUT */
.center_1080 {
    display: flex;
    margin: auto;
    width: 1080px;
    flex-wrap: wrap;
}

.container_300 {
    align-content: flex-start;
    padding: 30px 30px;
    text-align: left;
    max-height: 650px;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

.container_catalog_image {
    margin: auto;
    width: 300px;
    height: 300px;
}

.container_catalog_text {
    max-width: 300px;
    max-height: 450px;
    padding: 12px 12px 0px 12px;
}

.container_child_500 {
    text-align: left;
    margin: auto;
    padding: 0px 0px 0px 0px;
    max-width: 500px;
}

.container_child_500 h1 {
    padding-bottom: 12px;
}

.container_child_500 p {
    text-align: left;
    max-width: 400px;
}

.container_catalog_btn {
    height: 45px;
    display: flex;
    margin: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* VIDEO */

#catalogvideo {
    position: static;
    right: 0;
    bottom: 0;
    object-fit: cover;
    min-width: 100%;
    height: 300px;
    opacity: 0.8;
}

.video_text_catalog {
    position: absolute;
    top: 15%;
    left: 35%;
    max-width: 985px;
    transform: translate(-50%, -50%);
    text-align: left;
}

/* IMAGE BANNER BLADE */

/* IMAGE BANNER CONTAINER - MAKES THE IMAGE FULL WIDTH BUT MAINTAINS 300PX HEIGHT */
.banner_container_1900x300 {
    position: relative;
    width: 100%;
    height: 300px;
}

.banner_container_1900x300 img {
    object-fit: cover;
    width: 100%;
    height: 300px;
}

.banner_container_1900x550 {
    position: relative;
    width: 100%;
    height: 550px;
}

.banner_container_1900x550 img {
    object-fit: cover;
    width: 100%;
    height: 550px;
}

/* IMAGE BANNER TEXT - CONTROLS THE POSITION OF THE TEXT OVER THE BANNER IMAGE FOR LEFT/RIGHT/CENTER */
.banner_text_left {
    position: absolute;
    top: 50%;
    left: 25%;
    width: 575px;
    transform: translate(-50%, -50%);
    text-align: left;
}

.banner_text_left p {
    width: 525px;
}

.banner_large_text_left {
    position: absolute;
    top: 50%;
    left: 25%;
    width: 500px;
    transform: translate(-50%, -50%);
    text-align: left;
}

.banner_text_centre {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 575px;
    transform: translate(-50%, -50%);
    text-align: left;
}

.banner_text_centre p {
    width: 525px;
}

.banner_large_text_centre {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    transform: translate(-50%, -50%);
    text-align: left;
}

.banner_text_right {
    position: absolute;
    top: 50%;
    left: 75%;
    width: 500px;
    transform: translate(-50%, -50%);
    text-align: left;
}

.banner_text_right p {
    width: 525px;
}

.banner_large_text_right {
    position: absolute;
    top: 50%;
    left: 75%;
    width: 500px;
    transform: translate(-50%, -50%);
    text-align: left;
}
/* END */

/* Cover Colour Options Blade */
.container_child_option_colours {
    margin: 30px 0px;
    text-align: left;
    max-width: 550px;
    position: relative;
}

.container_child_option_colours_img {
    text-align: center;
    max-width: 500px;
    position: relative;
    margin: auto;
}

.colour_container {
    padding: 10px 0px;
    width: 350px;
    margin: auto;
}

/* ADDS PADDING TO BLADES THAT ONLY HAVE A SINGLE HEADING */
.h1_bottom_padding {
    padding-bottom: 16px;
}

.price_padding {
    padding-bottom: 10px;
}

.text_block_colour {
    position: absolute;
    bottom: 20px;
    left: 290px;
    color: black;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.cov_colour_img {
    border: 2px solid rgb(0, 0, 0);
    padding: 3px;
    border-radius: 30px;
}

.cov_colour_img:hover {
    border: 3px solid rgb(0, 0, 0);
    padding: 0;
}

#linen {
    display: block;
    width: 495px;
    margin: auto;
}

#leather {
    display: none;
    width: 495px;
    margin: auto;
}

#leatherette {
    display: none;
    width: fit-content;
    margin: auto;
}

#velvet {
    display: none;
    width: 495px;
    margin: auto;
}

#envelope {
    display: block;
    width: fit-content;
    margin: auto;
}

/* END */

/* POPULAR PRODUCTS */
/* First Image Container */
.container_child_popular_text_first {
    text-align: left;
    margin: auto;
    padding: 0px 10px 10px 0px;
    max-width: 450px;
}
/* Image Container */
.container_child_popular_text {
    text-align: left;
    margin: auto;
    max-width: 450px;
}

/* Popular Product Image Swap code */
/* Hero image use in the main Div */
.popular_product_img {
    margin: auto;
    max-width: 500px;
    position: relative;
    display: inline-block;
}
/* Hover image set class in the second img element */
.popular_product_img .img_top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.popular_product_img:hover .img_top {
    display: inline;
}

/* FOOTER */

/* Child Footer Container */
.container_child_footer {
    text-align: left;
    margin: auto;
    padding: 25px 0px 25px 0px;
    max-width: 450px;
}

.container_child_footer > h5 {
    margin-bottom: 15px;
}

.footer_bar {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    background-color: grey;
    margin: auto;
}

.container_footer_text {
    padding: 10px 25px;
}

.footer_bar p {
    color: #ffffff;
    font-weight: 400;
}

hr {
    margin-bottom: 15px;
}

.container_social_icons {
    padding-bottom: 7px;
}

.container_social_icons i {
    font-size: 25px !important;
    padding: 0px 2px;
}

.copyright {
    position: absolute;
    right: 0px;
    margin: 94px 25px 0px 0px;
}

.copyright_mobile {
    position: relative;
    margin-top: 10px;
    font-size: 12px;
    left: 24vw;
    max-width: 280px;
}

/* Price Blades */

/* MAIN PRICE TABLE */
.price_container_200 {
    margin: auto;
    text-align: left;
    width: 200px;
}

.price_container_200 h2 {
    margin: 0px 0px 15px 0px;
}

.price_container_800 {
    text-align: left;
    width: fit-content;
    padding-left: 40px;
}

tr {
    width: 300px;
}

td {
    font-weight: normal;
    font-size: 13px;
    padding: 9px 5px;
    text-align: center;
}

.pt_mini {
    font-weight: normal;
    font-size: 13px;
    padding: 9px 0px !important;
    text-align: center;
}

.top_header {
    background-color: black;
    color: white;
    text-align: center;
}

.top_header h5 {
    margin: 10px;
}

/* Genuine Leather Toggle Switch */
/* The switch - the box around the slider */
.switch {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 35px;
    height: 17px;
    margin: 0px 0px 0px 10px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch select {
    width: 100px;
    height: 20px;
    font-size: 12px;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 9px;
    width: 9px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .slider {
    background-color: black;
}

input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 24px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Multi Table Buttons */
.button_price_option {
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    margin: 16px 0px;
    border: #000000;
    border-width: 2pt;
    border-style: solid;
    border-radius: 25px;
    width: 150px;
    height: 32px;
    text-align: center;
}

.button_price_option:hover {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border: black;
    border-radius: 25px;
    width: 150px;
    height: 32px;
    text-align: center;
}

/* Container for the Main Price container */
.price_container_350 {
    margin: auto;
    text-align: left;
    width: 350px;
    padding-right: 7px;
}

.price_container_350 p {
    padding: 0;
    width: 300px;
}

/* Container for the smaller price cards */
.price_container_250 {
    position: relative;
    height: 400px;
    border-radius: 7px;
    background-color: #b7b7b7;
    margin: 0px 12px;
}

.price_container_200_mobile {
    position: relative;
    width: 200px;
    height: 400px;
    border-radius: 7px;
    background-color: #b7b7b7;
    margin: 15px auto;
}

.price_menu_text {
    width: 300px;
}
/* Container for the bulk discount blade */
/* Menu Container */
.price_container_discount_main {
    width: 300px;
    margin: auto;
}

.price_container_discount {
    position: relative;
    width: 200px;
    height: 400px;
    margin: 0px 12px;
}

.price_card_h3_container {
    position: absolute;
    padding: 10px;
}

.price_card_h3_container h3 {
    padding-top: 10px !important;
}

.card_price h3 {
    color: #000;
    padding-left: 12px;
    margin: 10px 0px;
    text-align: center;
}

.price_card_menu {
    border-radius: 7px;
}

.price_card_menu_mobile {
    border-radius: 7px;
    width: 100%;
    height: 100%;
}

/* Quick Order Blades - 2,3,4 - Used Mainly for Album/USB & Presentation/Statonary Products */

.container_quickorder_1280 {
    margin: auto;
    position: relative;
    width: 1280px;
    left: 12px;
}

/* 3 Quick Order Header Container */
.container_quickorder_985 {
    margin: auto;
    position: relative;
    width: 985px;
    left: 12px;
}

/* 3 Quick Order Container */
.center_quickorder_985 {
    display: flex;
    margin: auto;
    width: 985px;
}

/* 2 Quick Order Header Container */
.container_quickorder_625 {
    margin: auto;
    position: relative;
    width: 625px;
    left: 12px;
}

/* 2 Quick Order Container */
.center_quickorder_625 {
    display: flex;
    margin: auto;
    width: 625px;
}

/* Main Card Container for the Quick Order Product */
.container_quickorder {
    width: 300px;
    margin: 12px;
}

/* Quick Order for Single Product aligns text to center. */
.container_quickorder_1 {
    width: 300px;
    margin: auto;
}

/* BUTTONS FOR STANDARD 4,3,2 Quick Order Blades */

/* QUICK ORDER BUTTONS */
.button_quickorder {
    color: #000;
    background-color: #fff;
    border: #000;
    border-width: 2pt;
    border-style: solid;
    border-radius: 25px;
    width: 175px;
    height: 35px;
    text-align: center;
    font-size: 15px;
}

.button_quickorder:hover {
    color: #fff;
    background-color: #000;
    border: black;
    border-radius: 25px;
    width: 175px;
    height: 35px;
    text-align: center;
    font-size: 15px;
}

/* QUICK ORDER MOBILE */
.container_megaquickorder_text_mobile {
    width: 375px;
    margin: 0px 15px;
}

.container_megaquickorder_buttons_format_mobile {
    width: 300px;
    margin: auto;
    padding: 10px 0px;
}

.container_megaquickorder_buttons_size_mobile {
    width: 300px;
    margin: auto;
}

.container_quickorder_mega_templates_mobile {
    width: 315px;
    margin: auto;
}

/* END */

/* Quick Order Mega Blade */
/* Wall Art Products will only need to use the Format Buttons */
/* Frames will need the Format Buttons that will load the Size buttons */

/* Text Container for the Quick Order Mega Blade */
.container_megaquickorder_text {
    width: 750px;
    margin: auto;
}

/* H5 Styling */
.container_megaquickorder_text h5 {
    text-align: left;
    padding-left: 12px;
    margin: 5px 0px;
}

/* Quick Order Mega Buttons for Format & Size */

/* Container for the Format Buttons */
.container_megaquickorder_buttons_format {
    width: 750px;
    margin: auto;
    padding: 10px 0px;
}

/* Container for the Size buttons (Only used for Frame Products */
.container_megaquickorder_buttons_size {
    width: 750px;
}

/* Button Code for Size Buttons */
.button_quickorder_mega_size {
    margin: 5px 10px;
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    border: #000000;
    border-width: 2pt;
    border-style: solid;
    border-radius: 25px;
    width: 125px;
    height: 35px;
    text-align: center;
    font-size: 0.9rem;
}

/* IMPORTANT - Class used with JS to keep FORMAT button selected until another button is clicked.  */
.special {
    margin: 5px 10px;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border: black;
    border-radius: 25px;
    width: 125px;
    height: 35px;
    text-align: center;
    font-size: 0.9rem;
}

/* IMPORTANT - Class used with JS to keep SIZE button Selected until anothe button is clicked. */
.special2 {
    margin: 5px 10px;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border: black;
    border-radius: 25px;
    width: 125px;
    height: 35px;
    text-align: center;
    font-size: 0.9rem;
}
#quickorder_card_landscape,
#mainimage_landscape {
    display: block;
}

/* Quick Order Mega Cards*/
#quickorder_card_portrait,
#mainimage_portrait,
#quickorder_card_square,
#mainimage_square,
#quickorder_card_panoramic,
#mainimage_panoramic,
#quickorder_card_round,
#mainimage_round,
#quickorder_size_portrait,
#quickorder_size_square,
#quickorder_size_panoramic,
#quickorder_size_round {
    display: none;
}
#quickorder_card_landscape_mobile,
#mainimage_landscape_mobile {
    display: block;
}
/* Quick Order Mega Cards Mobile*/
#quickorder_card_portrait_mobile,
#mainimage_portrait_mobile,
#quickorder_card_square_mobile,
#mainimage_square_mobile,
#quickorder_card_panoramic_mobile,
#mainimage_panoramic_mobile,
#quickorder_card_round_mobile,
#mainimage_round_mobile,
#quickorder_size_portrait_mobile,
#quickorder_size_square_mobile,
#quickorder_size_panoramic_mobile,
#quickorder_size_round_mobile {
    display: none;
}

/* Container for the Quick Order Mega Cards - Once number of options goes over 6 cards will wrap onto new row. */
.center_1280_quickorder_mega {
    display: flex;
    margin: auto;
    width: 1280px;
    flex-wrap: wrap;
}

/* Main Container for the Quick Order Mega Product Card */
.container_quickorder_mega {
    display: inline-block;
    width: 139px;
    height: 250px;
    margin: 8px;
    border: #000000;
    border-style: solid;
    border-width: 2px;
}

.container_quickorder_mega_small {
    display: inline-block;
    width: 139px;
    height: 110px;
    margin: 8px;
    border: #000000;
    border-style: solid;
    border-width: 2px;
}

/* General button styling */
button.accordion {
    display: block;
    margin: auto;
    background-color: #b2b2b2;
    color: #000000;
    cursor: pointer;
    padding: 18px 18px 18px 75px;
    width: 65%;
    text-align: left;
    transition: 0.4s;
    font-weight: 400;
    font-size: 15px;
}

/* First accordion gets the top border */
.accordion-wrapper button.accordion:first-of-type {
    border-bottom: 2px solid #000; /* Only add top border to the first item */
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.accordion:hover {
    background-color: #dadada;
    color: #000000;
}

.accordion:after {
    content: "\002B";
    color: #ffffff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.container_child_option_img {
    text-align: center;
    max-width: 500px;
    position: relative;
    margin: auto;
}

/* Style the accordion panel. Note: hidden by default */
.accordion_panel {
    margin: 0px 75px 0px 75px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

#QuickOrder1,
#QuickOrder2,
#QuickOrder3,
#QuickOrder4,
#QuickOrder5 {
    display: none;
}

.panel_text {
    display: block;
    margin: auto;
    width: 65%;
    padding-bottom: 20px;
}

/* Accordion Mobile */
.accordion_mobile,
.accordion_mobile_prices {
    display: block;
    margin: auto;
    background-color: #b2b2b2;
    color: #000000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border-style: solid;
    border-width: 1px 2px;
    transition: 0.4s;
    font-weight: 400;
    font-size: 15px;
}

.accordion_mobile.active,
.accordion_mobile_prices.active {
    background-color: #dadada !important;
}

.accordion_panel_mobile {
    margin: 0px 10px 0px 10px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel_text_mobile {
    display: block;
    margin: auto;
    width: 100%;
    padding-bottom: 20px;
}
/* Ambassador Blade Code styling */

.ambassador_text_container {
    width: 750px;
    height: fit-content;
    text-align: left;
    padding: 0px 20px 0px 16px;
}

.ambassador_text_container h3 {
    padding-bottom: 10px;
}

.ambassador_panel {
    width: 200px;
    display: flex;
    flex-direction: column;
    margin: 40px 0px 0px 0px;
}

.ambassador_link_container {
    text-align: left;
}

.ambassador_panel a {
    font-size: 12px;
    font-weight: 700;
    display: flex;
    padding: 5px 0px;
    flex-direction: column;
}

/* END */

/* Blog Table */
.blog_center_600 {
    margin: auto;
    width: 600px;
}

.blog_text_container {
    text-align: left;
}

.blog_table_container {
    width: 600px;
}

/* EU HARDCODE PRICE TABLE */
.eu_text_container {
    text-align: left;
}

.eu_table_container {
    width: fit-content;
}
/* messages for change password */

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    padding-left: 30px;
    padding-right: 30px;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-success hr {
    border-top-color: #b1dfbb;
}
.alert-success .alert-link {
    color: #0b2e13;
}

/* Show & Hide Counties for registration */

#GB {
    display: block;
}

#ES {
    display: none;
}

#AU {
    display: none;
}

#IT {
    display: none;
}
#US {
    display: none;
}
#CA {
    display: none;
}
#ZA {
    display: none;
}
#NoDropdown {
    display: none;
}

/* Sample Pack form styling */

.spf_container {
    width: 35%;
    margin: auto;
}