/**
 * @brief UPOSDemo1Design Theme,  tablet format styles.
 * @details Plugin / Theme Styles
 * @author JB Lebrun
 * @version 1.0.4
 * @date Creation: Feb 2018
 * @date Modification: Jun 2022
 * @copyright 2018 - 2022 Ideogram Design
 */
.hiddenOnTablet {display:none !important;}
img.halfWidth {max-width:48%; height:auto;}

/* editor */
* {font-size:13px;}
.eTitle1 {font-size:28px;}
.eTitle2 {font-size:20px;}
.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 #707070; 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;}
#pageHeader .headBar .account img {display:none;}

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

#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:#efefef;}
#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 .articleChildren {width:auto; margin-right:0px;}
#pageHeader .subBar .caddy .finaliseButton { padding: 0 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;
	background-color: #;
}

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

#MobileMenu {display:none; vertical-align:top; width:250px;}
#MobileMenu .menuHeader {display:none;}
#MobileMenu .family {display:block; padding:20px; text-transform:uppercase; font-size:16px; color:#454550; text-align:right; transition: all 0.3s;}
#MobileMenu .family:hover {background:#ebebeb;}
#MobileMenu .family.selected {background:#ebebeb; color:#f88b46;}

/* 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:14px;}

/* shop - articles list */
.shop .articles.thumbs {width:100%; max-width:100%; padding:0;}
.shop .articles.thumbs .article.col3 {width:44%;}
.shop .articles.thumbs .article .picture img {max-width:100%;}

.shop .articles.text {width:100%; max-width:100%; padding:0 0 0 20px;}
.shop .articles.text {padding-right:20px;}
.shop .articles.text .article {display:flex;}
.shop .articles.text .article .title {flex:2; width:auto;}
.shop .articles.text .article .priceBar {max-width:200px;}


/* shop - single article */
.shop .articleSingle {display:block; width:auto; margin-left:220px; 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 */
.order {display:block; font-size:0; padding:10px 40px 10px 270px;}