body {
    color: #4A4A4A;
}
#allsummary #totals tr{
	    font-size: 32px;
	    
}

.page-404 .header_titolo, .page-404 .header_sottotitolo{
	color: #4A4A4A;
}

#total_price_cont .total-span-cont{
	width: 100%;
    font-size: 26px;
    font-weight: 600;
    text-align: right;
}

#allsummary #totals tr td.total_cell.fixed.value{
	font-weight: 600 !important;
}

.order_table_panel #accordion .card{
	border: none;
}

.tooltip.in {
    opacity: 1 !important;
}

.tooltip-inner {
    white-space: nowrap; 
}

.flexFromJs[style*='display: block']{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.row:before, .row:after {
	display: flex !important;
}

h1,
h2,
h3,
.h3 {
    font-weight: bold;
    font-size: 32px;
    line-height: 45px;
}

h2.smallerFont {
    font-size: 28px;
    font-weight: 500;
}

h4 {
    font-size: 24px;
    line-height: 33px;
    font-weight: bold;
}

h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

p {
    line-height: 22px;
}

a {
    color: #5F021F;
}

p a {
    color: #5F021F;
}

a:hover {
    color: #5F021F;
    opacity: 0.8;
}

strong {
    font-weight: 600;
}

.text-primary-color {
    color: #4A4A4A;
}

.text-underline {
    text-decoration: underline;
}

.gap5 {
    gap: 5px;
}

.gap10 {
    gap: 10px;
}

.gap15 {
    gap: 15px;
}

.gap20 {
    gap: 20px;
}

.gap30 {
    gap: 30px;
}

.w50-gap15 {
    width: calc(50% - 8px);
}

.w50-gap10 {
    width: calc(50% - 5px);
}

.upperHeader {
    background-color: #F5F5F5;
}

.logoContainer img {
    margin: 0 auto;
    max-width: 350px;
}

.navbar-light .navbar-nav .nav-link {
    color: #4A4A4A !important;
}

.navbar .dropdown-item {
    padding: 0.5rem 1rem;
    font-weight: 400 !important;
}

.navbar a {
    color: #4A4A4A;
}

.upperHeader .search .input-group .input-group-prepend .input-group-text {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #FFFFFF;
    color: #4A4A4A;
    border-color: #A3A3A3;
    border-right: 0;
}

.upperHeader .search .input-group .form-control {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #FFFFFF;
    color: #4A4A4A;
    border-color: #A3A3A3;
    border-left: 0;
}

.upperHeader .search .input-group .form-control:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.bottomHeader {
    border-top: 1px solid #EEEEEE;
}

.bottomHeader .navbar {
    margin-bottom: 0;
}

.bottomHeader .navbar .navbar-nav {
    float: none;
}

.mainBanner {
    background-color: #f6f6f6;
}

.mainBanner.nobg {
    background-color: transparent;
}

.mainBanner.productBanner {
    /* box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.15); */
}

.mainBanner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mainBanner .container{
	min-height: 400px;
}

.mainBanner .maxHeightImage {
    max-height: 400px;
}

.customButton {
    background-image: -o-linear-gradient(300deg, #980542 0%, #5F021F 100%);
    background-image: linear-gradient(150deg, #980542 0%, #5F021F 100%);
    border-radius: 2px;
    font-size: 16px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 15px 25px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.customButton.full_width {
    width: 100%;
}

.customButton.smallButton {
    padding: 5px 15px;  
}

.customButton.disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.customButton:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.settings .customButton {
    padding: 15px 9px;
}

.composerWSC .font-select {
    width: 100%;
    font-size: 1rem;
}

.composerWSC .font-select a {
    background: none;
    border: none;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.composerWSC .font-select a span {
    font-weight: 400;
}


.composerWSC .font-select a>div {
    display: none;
}

.composerWSC .font-select .fs-drop {
    top: 38px;
    border: 1px solid #ced4da;
    width: 100%;
}

.composerWSC .font-select .fs-results {
    width: 100%;
}

.composerWSC .customButton {
    font-size: 14px;
    line-height: 16px;
}

.homeInfo {
    background-color: #F5F5F5;
}

.bgImageFull {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.bannerDiscount {
    background-image: -o-linear-gradient(274deg, #E6EBEC 0%, #C9D3D5 100%);
    background-image: linear-gradient(176deg, #E6EBEC 0%, #C9D3D5 100%);
}

.singleBoxPageInfo {
    background-color: #F5F5F5;
    height: 100%;
}

.singleBoxPageInfo img {
    height: 70px;
}

.totalPrice {
    background-color: #F5F5F5;
}

footer {
    background-color: #4A4A4A;
}

footer img {
    max-width: 250px;
}

footer p {
    color: #FFFFFF;
    font-size: 16px;
}

footer a {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: 400;
}

.bgLightGrey {
    background-color: #F5F5F5; 
}

.composerWSC {
    color: #232323;
    font-size: 14px;
}

.composerWSC .fakeHeader span {
    font-size: 18px;
}

.composerWSC .fakeHeader span.material-icons {
    cursor: pointer;
}

.composerWSC .allCardsContainer .cardsContainer {
    -webkit-box-flex: 13;
        -ms-flex: 13;
            flex: 13;
}

.composerWSC .allCardsContainer .iconContainer {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.composerWSC .allCardsContainer .cardsContainer .singleCard {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 170px;
    padding: 5px;
    cursor: pointer;
}

.composerWSC .allCardsContainer .cardsContainer .singleCard.selected_page {
    border: 1px solid #000000;
}

.composerWSC .allCardsContainer .cardsContainer .singleCard p {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.composerWSC .allCardsContainer .cardsContainer .singleCard .bgImageCard {
    background-color: #f1f1f1;
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15);
            box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 115px;
}

.composerWSC .allCardsContainer .iconContainer .singleIcon {
    padding: 12px;
    cursor: pointer;
    text-align: left;
    gap: 12px;
}

.composerWSC .allCardsContainer .iconContainer .singleIcon span.material-icon {
    font-size: 26px;
}

.composerWSC .canvasContainer {
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15);
            box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15);
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.composerWSC .settings {
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15);
            box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15);
}

.composerWSCModal.eq-ui-modal,
.composerWSCModal .eq-ui-modal-footer {
    background-color: #FFFFFF;
}

.composerWSCModal a.btn {
    text-decoration: none;
}

#selectVerseTab {
    border-bottom: 0;
}

#selectVerseTab .nav-item a.nav-link {
    font-size: 18px;
    color: #232323;
    background-color: #F5F5F5;
    text-decoration: none;
    border-radius: 0;
    font-weight: 400 !important;
}

#selectVerseTab .nav-item a.nav-link.active {
    background-image: -o-linear-gradient(285deg, #C90000 0%, #990000 100%);
    background-image: linear-gradient(165deg, #C90000 0%, #990000 100%);
    color: #FFFFFF;
}

#selectVerseTabContent {
    border: 1px solid #f5f5f5;

}

#selectVerseTabContent .tab-pane,
#selectVerseTabContent #font-preview {
    height: calc(100vh - 86px);
    max-height: none;
    overflow: auto;
}

#selectVerseTabContent span.premade-verse-text {
    font-size: 20px;
}



#selectVerseTabContent .singlePremade {
    border-bottom: 2px solid #f5f5f5;
    white-space: pre-wrap;
    text-align: center;
    padding: 2rem 0;
    position: relative;
}

.premade-verse-code{
	font-weight: 600;
    position: absolute;
    font-size: 12px;
    left: 8px;
    color: #a5a1a1;
    top: 8px;
    font-family: Poppins, sans-serif;
}

#selectVerseTabContent .singlePremade:last-child {
    border-bottom: 0;
}

#selectVerseTabContent #verses_container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}

@media (max-width: 768px) {
    #selectVerseTabContent #verses_container {
        flex-direction: column;
    }
}

.verse_image_container {
    flex: 1 0 25%;
    text-align: center;
    max-width: calc(25% - 16px);
}

@media (max-width: 768px) {
    .verse_image_container {
        flex: 1 0 100%;
        text-align: center;
        max-width: 100%;
    }
}

img.verse_image {
    padding: 6px;
    max-width: 100%;
    cursor: pointer;
    border: 1px solid #efefef;
}

img.verse_image:hover{
	border: 1px solid #ccc;
}

#verses_color #verses_color_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.flexGrow {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-height: 0;
}

.templatesContainer .singleTemplate {
    max-width: calc(25% - 15px);
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15);
            box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.15);
    cursor: pointer;
}

.templatesContainer .singleTemplate span {
    font-size: 14px;
}

.label-xs {
    font-size: 12px;
    font-weight: bold;
}

.settings .imageSettings .drag-zone {
    background-color: #FFFFFF;
    border: dotted 3px #DDDDDD;
    padding: 1rem;
}

.settings .imageSettings .drag-zone .fake_icon_container {
    display: none;
}

.settings .imageSettings .drag-zone .drag-zone-label {
    line-height: 25px;
}

.settings .listOfFilesContainer {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.settings .verse_preview {
    min-height: 200px;
}

.h100vh {
    height: 100vh;
}

.envelope_preview {
	max-height: calc(100vh / 2);
    margin: 0 auto;
    display: block;
}

.templateNameLabel .titlePrice {
	font-weight: 500;
}

#recap_summary {
    max-width: 780px;
    margin: 0 auto;
    -webkit-box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 15%);
            box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 15%);
}

#recap_summary .recap_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px;
}

#recap_summary .recap_line .recapImageLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#recap_summary .recap_line .recap_thumb {
    max-width: 130px;
    margin-bottom: 5px;
}

#recap_summary .recap_line:nth-child(odd) {
    background-color: #F5F5F5;
}

#recap_summary .recap_line .recap_title .recap_title_span {
    font-weight: 600;
    text-decoration: underline;
}

#recap_summary .recap_line .recap_value {
    width: calc(50% - 15px);
    text-align: right;
}

#recap_summary .recap_line textarea#item_comments {
    height: 100px;
    text-align: left;
}

#recap_summary .recap_line a.recap_value {
    color: #C90000;
    text-decoration: none;
}

#category_template_body .eq-ui-collapsible-header {
    background-color: #EEEEEE;
}

.order_table_panel .summary-panel #container_shadow #card_details #accordion .card {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.order_table_panel .summary-panel #container_shadow #card_details #accordion .card-header {
    background-color: transparent;
    cursor: pointer;
}

.order_table_panel .summary-panel #container_shadow #card_details #accordion .card-header {
    background-color: #f5f5f5;
    border-bottom: 0;
    border-radius: 0;
}

#verse_preview{
	min-height: 100px;
}

.legacyBanner {
    background-color: #EDC967;
    border-radius: 4px;
    padding: 20px;
    color: #FFFFFF;
}

input#customQuantity,
input#env-extra-number {
	width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

p.remove_from_cart {
    cursor: pointer;
}

#designer .columnHeader .material-icons{
	display: none;
}

.eq-ui-modal .eq-ui-modal-header {
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.eq-ui-modal .eq-ui-modal-header .header-title .section-title {
    float: none;
}

.prevStepContainer{
	display: none!important
}

@media (max-width: 992px) {
    .envelope_preview {
        width: 100%;
    }

    .w50-gap10 {
        width: 100%;
    }
    
    .dropdown-menu {
        -webkit-box-shadow: none;
                box-shadow: none;
        border: none;
    }

    .open>.dropdown-menu {
        display: none;
    }

    .collapse:not(.show) {
        display: none !important;
    }

    .containerheaderCenterBottom{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    position: relative;
	}
	
	.containerheaderCenterBottom .centerHeader{
		position: absolute;
	    top: 8px;
        z-index: 10;
	}
	
	.containerheaderCenterBottom .bottomHeader{
		width: 100%;
	}

    .bottomHeader .navbar {
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    justify-content: flex-end;
	    padding-right: 0px;
	    padding-left: 0px;
    }
    .containerheaderCenterBottom .logoContainer{
	  	padding-top: 0px !important;
	    padding-bottom: 0px !important;  
    }

    header .navbar-collapse {
        background-color: transparent;
    }

    .featured_striscia .featured-container .single-feat-container {
        width: calc(33% - 23px);
    }
}


@media (max-width: 768px) {
    .containerheaderCenterBottom .centerHeader{
        top: 15px;
    }
	.cart-page .cart-section .custom_cart_content .cart_popup_table tbody .media .media-left .cart-image{
		max-width: 200px;
        width: 100%;
        margin: auto;
    
	}
	.cart-page .cart-section .custom_cart_content .cart_popup_table tbody tr td p.remove a{
		text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #ffffff;
        background-color: #f3565d;
        height: 36px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 8px;
        border-radius: 4px;
	}
	.cart_popup_table-big-body .media{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
	}
	.cart_popup_table-big-body .media h4{
		    font-size: 20px;
        line-height: normal;
	}
	.cart_popup_table-big-body .media-left.media-middle{
		margin: auto;
        margin-bottom: 8px;
        padding-right: 0px;
        background-color: #eee;
        width: 100%;
        padding: 8px;
	}
	.cart_popup_table-big-body tr td{
		text-align: left;
		padding: 8px 0px !important;
	}
	.cart_popup_table-big-body tr td span.price{
		text-align: left !important;
	}
	.removePaddingMobile{
		padding-right: 0px;
	    padding-left: 0px;
	}
	.prevStepContainer{
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
	}
	.allCardsContainer{
		display: none !important;
	}
    .hide-on-mobile {
        display: none;
    }

    .logoContainer img {
        max-width: 250px;
    }

    .featured_striscia .featured-container .single-feat-container {
        width: calc(50% - 23px); 
    }

    .featured_striscia .featured-container .single-feat-container .container-image {
        height: auto;
    }

    .composerWSC .allCardsContainer .cardsContainer {
        overflow: scroll;
    }

    .composerWSC .allCardsContainer .cardsContainer .singleCard {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%;
    }

    .templatesContainer .singleTemplate {
        max-width: calc(50% - 15px);
    }

    .envelope_preview {
        width: 100%;
    }

    .bottomHeader .navbar .navbar-nav {
        margin: 0;
    }

    #recap_summary .recap_line .recap_value  {
        width: 100%;
    }
    #recap_summary .recap_line {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 15px;
    }
    footer .container {
        text-align: center !important;

    }
    footer .text-right {
        text-align: center !important;
        margin-top: 8px;
    }
}

.recap_title .subtitle{
	text-decoration: none;
	font-size: 12px;
	color: #444;
	display: block;
}