/**
 * @brief KiosqueDuBoucherStyle Theme tablet format styles
 * @details Plugin / Theme Styles
 * @author JB Lebrun
 * @version 1.0.1
 * @date Creation: Mar 2023
 * @date Modification: Mar 2023
 * @copyright 2023 Ideogram Design
 */
.hiddenOnTablet {display:none !important;}
img.halfWidth {max-width:48%; height:auto;}

/* master */
.linputs {max-width:100%;} select.linputs {max-width:100%;}

/* editor */
.eTitle1 {font-size:32px;}
.eTitle2 {font-size:28px;}
.eTitle3 {font-size:24px;}
.eTitle4 {font-size:24px;}

/* page header */
#pageHeader .demoButton {display:none;}
#pageHeader .demoMessage {position:static;}
#pageHeader .demoMessage + .headBar {margin-top:0;}

#pageHeader .headBar .myCaddy {display:block; float:right; background:url(../img/custom/addToCart.png) 50% 50% no-repeat black; width:50px; height:50px; margin-top:70px;}

#pageHeader .subBar {height:auto;}
#pageHeader .subBar .title {margin-left:232px; width:auto; padding: 20px 12px 0 20px;}
#pageHeader .subBar .caddy {display: none; width:50%; margin:0 0 0 auto; background:black; height:68px; overflow:visible; z-index:10; position:relative; top:-18px;}
#pageHeader .subBar .caddy * {background:black;}
#pageHeader .subBar .caddy .header {margin-top: 0; padding: 10px 20px 4px;}
#pageHeader .subBar .caddy .total {padding: 4px 20px;}
#pageHeader .subBar .caddy .articles {text-align:right; padding: 10px 20px;}
#pageHeader .subBar .caddy .articles .articleTitle {padding-right:10px;}
#pageHeader .subBar .caddy .articles .articleTitle .articleChildren {width:auto; margin-right:0px;}
#pageHeader .subBar .caddy .finaliseButton {max-width:300px; margin:0 auto;}

#pageHeader .headBar .myCaddy.flash {
    animation-name: caddyAdding;
    animation-duration: 0.25s;
    animation-iteration-count: 4;
    animation-direction: alternate;
    animation-timing-function: linear;
    /* background-color: #XXXXXX; */
}

@keyframes caddyAdding {
    to {
        background-color: #881111;
    }
}

/* page footer */
#pageFooter {clear:both; padding:20px 0;}
#pageFooter .mainContent {width:100%; max-width:100%;}

/* content */
.mainContent.htmlContent {padding:20px 20px 20px 220px;}

/* home */
.homePortal .freeContent .mainContent{max-width:100%; padding:20px 60px;}

.homePortal .shopButton .content {padding: 20px 40px 20px 60px; color:white; vertical-align:top;}
.homePortal .shopButton .button img {max-height:140px;}

.homePortal .mainContent.articles {padding:20px 0; font-size:0;}
.homePortal .mainContent.articles .eTitle2 {padding:0 20px;}

/* shop - families menu */
.shop .families {display:block; width:200px; float:left;}
.shop .families .family {display:block; text-transform:uppercase; font-size:26px; transition: all 0.3s;}

/* shop - articles list */
.shop .articles {display:block; width:auto; margin-left:220px; padding:0;}
.shop .articles .article.col3 {width:44%;}
.shop .articles .article .picture img {max-width:100%;}

/* shop - single article */
.shop .articleSingle {display:block; width:auto; margin-left:220px;}
.shop .articleSingle .actions .priceBox {width:300px;}
.shop .articleSingle .actions .priceBox .price {width:72px; color:white; padding-left:8px; }
.shop .articleSingle .actions .priceBox .orderButton {width:212px; text-align:right;}

.shop .articleSingle .data {display:block; min-height:200px;}
.shop .articleSingle .data .picture {float:right; width:150px;}
.shop .articleSingle .data .picture img {width:150px; height:150px;}
.shop .articleSingle .data .description {width:auto;}

/* order */
.order {font-size:0; padding:10px 40px 10px;}

/* article */
.mainContent.articles {padding:20px 20px 20px 155px;}
.articles .article {}
.articles .article {padding: 0 20px;}
.articles .article .date {width:40px; float:left;}
.articles .article .content {margin-left:50px; padding-left:20px;}
.mainContent.articleDisplay {padding:20px 20px 20px 155px;}
.mainContent.articleDisplay .date {width:50px;}
.mainContent.articleDisplay .content {margin-left:50px; padding-left:20px;}