/*Banner Mobile 20/08/2014*/

@media only screen and (max-width: 959px) {
    #wet-bnr-in:lang(en) {
        height: 150px !important;
        background-color: rgb(18, 84, 130) !important;
        background: url("/sites/eap/themes/wetkit_omega_actionplan/images/common/headerActionPlanEN.png") no-repeat scroll center left transparent !important;
        margin-top: 0px;
        background-size: 100% auto !important;
        width: 100%;
    }

	#wet-bnr-in:lang(fr) {
        height: 150px !important;
        background-color: rgb(18, 84, 130) !important;
        background: url("/sites/eap/themes/wetkit_omega_actionplan/images/common/headerActionPlanFR.png") no-repeat scroll center left transparent !important;
        margin-top: 0px;
        background-size: 100% auto !important;
        width: 100%;
	}

    .views-exposed-widget.views-submit-button {
        margin-top: .5em;
        float: none;
        max-width: 30%;
    }

    iframe {
        width: 100% !important;
        height: 100% !important;
    }
}
	
@media only screen and (max-device-width: 980px) and (orientation:landscape) {
	#wet-bnr-in {
        height: 130px;
    }

    #wet-title-in {
        height: 0px;
    }

    #wet-title-in .ui-link img {
        display: block !important;
    }

    #wet-title-in .ui-link span img {
        margin-top: -110px;
        margin-left: 181px;
    }

    #wet-title object, #wet-title img, #wb-sec {
        display: block !important;
    }

    .site-slogan img {
        margin-left: 800px;
        margin-top: 50px;
    }

    #wet-psnb {
        display: block !important;
    }
}
	
@media only screen and (max-width: 800px) {
    .panel-display.eaphome.clearfix {
        margin-top: 43px;
    }
}

/* ipad landscape 15/09/2014 */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.span-6 { 
        width: 66% !important;
    }
}

/* ipad portrait */
@media all and (device-width: 768px) and (device-height: 1024px) and 	(orientation:portrait) {
    .span-6 { 
        width: auto !important;
    }
}

/* ipad landscape stabilizes width not to bleed over 16/09/2014 */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .ui-mobile, .ui-mobile body {
        height: 100%;
        width: auto;
    }
}

/* ipad landscape menu bar <position: absolute;> bleeding, causing wider background 16/09/2014 */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
        position: relative;
    }
}

/* ipad landscape background to large for iPad bleeding over 16/09/2014 */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	div#wb-body.ui-page-active.ui-page.ui-body-c {
        width: auto;
    }
}

/* ipad landscape fiting the 3 columns on homepage 16/09/2014 */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.region-eaphome-first.span-2 {
        width: 20%;
    }

	.region-eaphome-second.span-4 {
        width: 45%;
    }

	.region-eaphome-third.span-2 {
        width: 32%;
    }
}

/* ipad portrait fiting the 3 columns on homepage 16/09/2014 */
@media all and (device-width: 768px) and (device-height: 1024px) and 	(orientation:portrait) {
	.region-eaphome-first.span-2 {
        width: 20% !important;
    }

	.region-eaphome-second.span-4 {
        width: 43% !important;
    }

	.region-eaphome-third.span-2 {
        width: 30% !important;
    }
}

/* ipad landscape height bleed issue 17/09/2014 */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.ui-mobile.ui-mobile {
        height: auto;
    }
}

/* ipad landscape height bleed issue 18/09/2014 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.ui-mobile.ui-mobile {
        height: auto;
    }
}

/* ipad portrait height bleed issue 17/09/2014 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #wet-sft-in {
        display: none;
    }
}

/*Fix 3 columns iPad 17/09/2014*/
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .region-eaphome-first.span-2 {
	    width: 22% !important;
	}
}

/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.region-eaphome-first, .region-eaphome-second, .region-eaphome-third {
	width: 20% !important;
	}
}*/

.panel-pane.pane-block.pane-bean-bbg-features-icon {
    margin-top: 10px;
}

.menu-block-wrapper.menu-block-mid_footer_menu.menu-name-menu-wet-mid-footer.parent-mlid-0.menu-level-1 div ~ div:lang(fr) {
    clear: left;
}

@media all and (max-width: 375px) {
	#wet-bnr-in:lang(en), #wet-bnr-in:lang(fr) {
	    height: 93px !important;
	}
	
    .ui-submit.ui-btn.ui-shadow.ui-btn-corner-all.ui-btn-hover-c {
        display: inline-block;
        width: 100%;
    }

    #front ol {
        margin-left: 15px !important;
        margin-right: auto !important;
    }

    #jqm-mb-location-text {
        margin-right: auto;
    }

    #wb-body .region-eaphome-second.span-4 {
        padding-right: 0px !important;
    }

    body #main-content {
        margin-right: 10px;
    }
}

.field.field--name-body.field--type-text-with-summary.field--label-hidden .span-3.align-center a img {
    margin-top: -10px;
}

#wet-psnb ul.mb-menu > li:lang(en) > div a, #wet-psnb ul.mb-menu > li:lang(en) > section a,
#wet-psnb ul.mb-menu > li:lang(fr) > div a, #wet-psnb ul.mb-menu > li:lang(fr) > section a {
    padding-top: 9px;
}