/**
 * @brief UPOSBasicDesign Theme tablet format styles
 * @details Plugin / Theme Styles
 * @author JB Lebrun
 * @version 1.0.1.1
 * @date Creation: Nov 2020
 * @date Modification: Dec 2022
 * @copyright 2020 - 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;}

/* parts */
.UPOSBasicButton {min-width: 140px; padding:6px 8px;}

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

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

#pageHeader .headBar .menu {width:200px;}

#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:270px; padding:10px 10px 0;}
#pageHeader .headBar .sites .site .phone a {ont-size:14px;}
#pageHeader .headBar .sites .site .schedule {font-size:14px;}
#pageHeader .headBar .sites .site .address {font-size:14px;}

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

/* 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 thumb list */
.shop .articles {width:100%; max-width:100%; padding:0;}
.shop .articles .article.col2 {width:44% !important;}
.shop .articles .article.col3 {width:44% !important;}
.shop .articles .article .picture img {max-width:100%;}

/* shop - articles thumb list */
.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:20px; 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;}

/* search */
.search .formInput input {padding:7px 4px 6px;}