/*

DEVICE SPECIFIC CSS (really mainly for the ipad but I've included others if needed...)
*/

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
body .mainNavBgWrap, body.page-template-template-main-link-sub-php .interiorBgWrap, body.page-template-template-main-link-php .interiorBgWrap, body.page-template-template-stories-php .interiorBgWrap {
border-top: 47px solid #003264;
} 
input.search {
    width:70%;
}
body.page-template-template-main-link-php .interiorBgWrap, body.page-template-template-main-link-sub-php .interiorBgWrap, body.page-template-template-stories-php .interiorBgWrap, .mainNavBgWrap {
    border-top: 47px solid #003264;
    top: 142px;
}
body.tax-story_categories .interiorBgWrap, .mainNavBgWrap {
    border-top: 47px solid #003264;
    top: 142px;
}


.headerSearch input.search    { width: 92%; margin-left: -5px; }
.headerSearch input.searchSubmitButton	{ margin-left: -8px; }

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */

blockquote { font-size:14px; }
.quoteRight { margin: 20px 0 20px 20px; }
.quoteLeft { margin: 20px 20px 20px 0px; }

.storyNav a {font-size: 15px; padding-right: 10px; }

aside.sidebar.col-sm-4 { margin-left: 0; width:31.6%; }

nav.mainNav ul.sub-menu li.menu > a { font-size:14px; }

nav.mainNav ul.sub-menu { top:58px; }

.mainNavBgWrap { top:128px; border-top: 47px solid #003264; }

ul.sub-menu li.topMain ul a { font-size:13px; background:url("../img/arrow-right-small.png") no-repeat left center; padding-left:12px;}

body.page-template-template-main-link-sub-php .interiorBgWrap, body.page-template-template-main-link-php .interiorBgWrap {top:128px; border-top:47px solid #003264; }

.sliderText h3 { font-size:25px; }
.sliderWrapBg { background:none; }
section.sliderWrap { min-height:370px; }
.ls-bottom-slidebuttons {
    right: -140px;
    top: -275px !important;
}

.sbMiddle { width:370px; }
.sbMiddle p { font-size:12px; }
.sbRight { padding:14px 0px; }
.sbRight a { font-size:14px; }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}