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

/* editor */
* {font-size:13px;}
.eTitle1 {font-size:28px;}
.eTitle2 {font-size:28px; line-height:24px;}
.eTitle3 {font-size:16px;}
.eTitle4 {font-size:16px;}

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

#pageHeader .headBar .logo {display:inline-block; width:200px; height:140px; position:relative;}
#pageHeader .headBar .myCaddy {display:block; float:right; background:url(../img/custom/addToCart.png) 50% 50% no-repeat #261c21; width:50px; height:50px; margin-top:50px;}

#pageHeader .headBar .account {width:50px; height:50px; margin-top:50px; padding:13px 20px 12px; background:url(../img/custom/accountMobile.png) 50% 50% no-repeat #3e8c72;}
#pageHeader .headBar .account img {display:none;}

#pageHeader .headBar .sites {width:220px; padding:10px 10px 0;}

#pageHeader .headBar .menu a {font-size:15px;}

#pageHeader .subBar {height:auto;}
#pageHeader .subBar .title {margin-left:200px; width:auto; padding: 10px 12px 0 20px;}
#pageHeader .subBar .caddy {display: none; width:50%; margin:0 0 0 auto; background:white;}
#pageHeader .subBar .caddy .header {margin-top: 0; text-align:right; padding: 10px 16px;}
#pageHeader .subBar .caddy .articles {text-align:right; padding: 0 20px;}
#pageHeader .subBar .caddy .articles .articleTitle {width:200px;}
#pageHeader .subBar .caddy .articles .articleTitle .articleChildren {width:auto; margin-right:0px;}
#pageHeader .subBar .caddy .finaliseButton { padding: 10px 20px; text-align:right;}

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

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

#MobileMenu {display:none; vertical-align:top; width:250px;}
#MobileMenu .menuHeader {display:none;}

#MobileMenu .family {display:block; padding:20px 20px 4px; text-transform:uppercase; font-size:16px; color:#454550; text-align:right; transition: all 0.3s;}
#MobileMenu .family:hover {color:#d4ac77;}
#MobileMenu .family.selected {color:#3e8c72;}

/* page footer */
#pageFooter {clear:both; position:static; padding:10px 20px 4px;}

/* content */
#pageContent {margin:0 0 20px;}

.mainContent.htmlContent {padding:20px 20px 20px 220px;}

/* home */
.homePortal .banners {width:100%; font-size:0;}

.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;}

/* shop - families menu */
.shop {display:flex;}
.shop .families {width:200px; float:left;}
.shop .families .family {display:block; font-size:24px;}

/* shop - articles list */
.shop .articles {width:100%; max-width:100%; 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; padding:0;}
.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 .picture {display:inline-flex; width:150px;}
.shop .articleSingle .data .picture img {width:150px; height:150px;}
.shop .articleSingle .data .description {display:inline-flex; width:auto;}

/* order */
.shop.order {display:block;}
.order {font-size:0; padding:10px 50px 10px;}
.order form {width:100%;}
.order .formButtons {display:block;}

/* site viewer */
.siteViewer .sites {margin:30px 50px; font-size:0;}

/* account viewer */
.accountViewer {padding:30px 50px;}