/*
 * CaMykS Engine
 * Developed by	    : Ideogram Design
 * Author	        : JB Lebrun
 * CaMykS Version   : 1.0b
 * Object Version   : 1.0
 * Object Type      : Plugin / Theme Main CSS Styles
 * Creation Date    : Jan 2017
 * Last Modif Date  : Jan 2017
 *
 * IdeogramEvent Theme Main CSS styles : handheld version
 */
 
 /* mobile specific */
.hiddenOnMobile {display:none !important;}
img.halfWidth {max-width:100%;}

* {font-size:12px;}

.eTitle1 {font-size:24px;}
.eTitle2 {font-size:16px; line-height:15px;}

/* header */
#pageHeader {background:url(../img/header-mobile.jpg) 0 0 no-repeat #324f9d; background-size:100%; padding:8px 0 12px;}
#pageHeader .mainContent {padding:10px 20px 0; font-size:0;}
#pageHeader .large .menuButton {display:block; float:right; width:10%; text-align:right; padding:4px 0 0 4px;}
#pageHeader .large .logotype {width:20%;}
#pageHeader .large .title {width:70%; vertical-align:top; font-size:16px; font-weight:400; text-align:right; line-height:18px;}

#pageHeader .large .menus {margin:20px 0 0; display:none; padding:10px 0;}
#pageHeader .large .menus .menu {width:30% !important; margin:0; padding: 0 4px 6px;}
#pageHeader .large .menus .menu .icon {}
#pageHeader .large .menus .menu .icon img {width:60%;}
#pageHeader .large .menus .menu .title {line-height:10px;}
#pageHeader .large .menus .menu .title a {font-size:9px; line-height:9px;}
#pageHeader .large .menus .menu:hover .icon img {width:55%;}

/* footer */
#pageFooter .mainContent {padding:20px; }
#pageFooter .content .contact {width:100%;}

/* html content */
#pageContent .mainContent.html{background:white; padding:20px; position:relative; top:0px;}

/* home portal content */
#pageContent .mainContent.homePortal{position:relative; top:0;}
#pageContent .mainContent.homePortal .freeContent {padding:20px ;}
#pageContent .mainContent.homePortal .customers {padding:20px;}
#pageContent .mainContent.homePortal .highlight {height:auto !important;}
#pageContent .mainContent.homePortal .highlight .eTitle1 {background:url(../img/home/clip-mobile.png) 0 0 repeat-y;}
#pageContent .mainContent.homePortal .highlight .eTitle1 {line-height: 20px; padding:20px 20px 0 20px;}
#pageContent .mainContent.homePortal .highlight .content {width:100%; padding: 0 20px 20px 0;}
#pageContent .mainContent.homePortal .highlight .pictureBox {display:none;}