/*site_mobile.css - Overrides Site.css upon screen going narrow*/ BODY#SiteBackgroundDiv{margin:0;overflow-x:hidden;-webkit-overflow-scrolling: touch;}/*the last one prevents sticky scrolling on mobile */ /*Template Sections to UNmake 1024*/ .make1024,TABLE#tableMainContent, #smCompleteMenu{width:100% !important;} #SiteBodyDiv{overflow-x:hidden;} #SiteVeryTopDiv{display:none;}/*this always exists. it is above the main template NOT inside SiteBodyDiv - used for membership Log out Buttons at the very top */ h2.eventSub{text-align:center !important;} .bodyThird, .bodyThirdLast, .bodyTwoThirds, .bodyHalf, .bodyFourth, .bodyThreeFourths{float:none;width:100%;} .bodyPad{padding:10px;} .mobileOnly{display:block;} .noMobile{display:none;} IMG.bodyImg{ float:none !important; display:block; margin:20px 0 8px 0 !important; width:100% !important; height:auto !important; } IMG.bodyImg.smallerTopBottomMargins{margin:10px 0 5px 0 !important;} /*CALENDAR LIST*/ table#calendarListTable{margin-top:0px !important;width:100%;} table#calendarListTable TR TD{padding:20px 0 20px 0 !important:} table#calendarListTable TR:first-child td{padding:0 0 20px 0 !important;} table#calendarListTableLiveSearch{margin-top:0px !important;} table#calendarListTableLiveSearch TR TD{ padding:8px 0 8px 0 !important; font-size:15px; line-height:normal; } table#calendarListTableLiveSearch TR:first-child td{padding:0 0 8px 0 !important;} /*ISAE SITEMAP PAGE*/ TABLE.sitemapElemOut{margin:0 auto 0 auto !important;width:98%;} TABLE.sitemapElemOut TR TD{padding:25px 0 18px 0 !important;} TABLE.sitemapElemOut TR TD.sitemapEventPic{width:80px !important;padding:25px 8px 18px 0 !important;} /*TOP MENU*/ /*TD#TopMenuDiv stays, but changes to hamburger style (#topMenuMobile), and Vertical Menu elements are added to it*/ TD#TopMenuDiv{/*at this point it IS on a table TD */ display:table-cell; vertical-align:top; height:auto; padding:0; overflow-x:hidden; overflow-y:visible; font-size:20px; } TD#TopMenuDiv SPAN{font-size:20px;} TD#TopMenuDiv A{font-size:20px;white-space:normal;}/*let the menu wrap on mobile*/ TD#TopMenuDiv A:hover{font-size:20px;} TD#TopMenuDiv .TopMenuOver A{font-size:20px;white-space:normal;} TABLE#topMenuTable{display:NONE;}/*inside of TD#TopMenuDiv" HIDE desktop menu */ DIV#topMenuMobile{/* show ONLY the hamburger, onclick here opens table#topMenuMobileElements in ck_net.js */ display:block; background:#6F2341;/*wine color ISAE*/ } UL.pick-state{display:none !important;} DIV#TopMenuMobileCallContact{display:block;}/* [ CALL | CONTACT | FIND ] background color is in site_theme_blue.css */ .kristiTopSubDiv{display:none;} #VerticalMenuDiv{display:none;} .err{ margin: 7px 0 7px 0; width:95%; overflow-x:hidden; } .msg{ margin: 7px 0 7px 0; width:95%; overflow-x:hidden; } .minorMsg{ margin: 5px 0 5px 0; width:95%; overflow-x:hidden; font-size: 15px; } table#sitemapTable TR TD{width:100%;vertical-align:top;} td.sitemapColumn1{width:100%;overflow-x:hidden;}/*used if there is only one column on the site map*/ td.sitemapColumn2{/*used for both columns, if there are exactly two columns on the site map*/ width:100%; padding-top:20px; padding-bottom:20px; overflow-x:hidden; } td.sitemapColumn3{/*used for all 3 columns, if there are exactly three columns on the site map*/ width:100%; padding-top:20px; padding-bottom:20px; overflow-x:hidden; } .sitemapColumnPadding{padding:10px 10px 10px 10px;}/*inside of each column DIV to add padding*/ /*font size overrides*/ #cartSpace{font-size:17px;} .VLgHeadiTxt{font-size:26px;} .LgrHeadiTxt{font-size:23px;} .LgHeadiTxt{font-size:20px;} .MdHeadiTxt{font-size:19px;} .SmHeadiTxt{font-size:18px;} .NormTxt{font-size:17px;} .SmTxt{ font-size:16px; line-height: 19px; } .TinyTxt{ font-size:15px; line-height: 18px; } H1{font-size:23px;} H2{font-size:20px;} H3{font-size:19px;} #SiteBackgroundDiv{font-size:14px;}/*BODY Background Area*/ /*HEADER TOP*/ #HeaderTopDiv{font-size:14px;} #HeaderDesignDiv{font-size:20px;} #HeaderDesignDiv TABLE TD, #HeaderDesignDiv P, #HeaderDesignDiv DIV{font-size:20px;} #PageBodyDiv{font-size:17px;} /*PHOTO ALBUM*/ #photoAlbumMenu SPAN{font-size:19px;} #photoAlbumMenu SPAN A{font-size:19px;} #photoAlbumMenu SPAN A:hover{font-size:19px;} /*PAGE FOOTER*/ #PageFooterDiv{display:table-cell;font-size:20px;} #PageFooterDiv TABLE TD, #PageFooterDiv P, #PageFooterDiv DIV{font-size:20px;} #PageFooterDiv TABLE TD P{text-align:center !important;} /*FOOTER MENU*/ #FooterMenuDiv{ font-size:17px; padding:8px 0 8px 0; margin-top:10px; } #FooterMenuDiv SPAN{ font-size:17px; margin-left:0; margin-right:0; line-height:normal; } #FooterMenuDiv A{ display:block;/*make the As a block element, floating left, so I can add padding top and bottom for mobile*/ float:left; border:1px solid #cccccc; background:#015F9B;/*slightly darker blue*/ white-space:nowrap; text-decoration:none !important; margin:8px 8px 8px 8px; padding:6px 6px 6px 6px; font-size:17px; border-radius:8px; -moz-border-radiius:8px; line-height:normal; } #FooterMenuDiv SPAN.sep{display:none;} #FooterMenuDiv .wid3{display:none;} /*FOOTER CREDITS*/ #footerCredits{ width:100% !important; padding:0; margin:20px 0 30px 0; overflow-x:hidden; text-align:center; } #footerCredits DIV:nth-child(2){display:none;}/*no display w3now on mobile (text-align:center;padding-right:0;)*/ /* no display, unnecessary: #footerCredits DIV:nth-child(2) A{font-size:15px;}*/ /*EVENTS*/ .EventName{font-size:19px;}/*same as .W3ShoppingCart_ProductName in other template for sign-up-and-pay events*/ table#calendar .bigCalendar{font-size:22px;} .title_h2{font-size:16px;} FIELDSET LEGEND{font-size:18px;}/*same as h3*/ #printerFriendlyPrintButton{DISPLAY:NONE;} #membershipLogoutButton SPAN{font-size:16px;} #upcomingEventsButton A SPAN{font-size:16px;} /*event info page*/ div.eventGoogleMap{/*div for iframe events map*/ width:300px; height:300px; float:none; display:block; margin-top:15px; margin-bottom:15px; } iframe.eventGoogleMap{width:300px;height:300px;} /*MEMBERSHIP LOGIN PAGE*/ #pagetype_membership #divLogin{width:90%;} #loginTableDiv{ border-radius:8px !important; -moz-border-raduis:8px !important; background:#eeeeee !important; } table#loginFormTable TR TD{padding:10px 0 10px 5px !important;} table#loginFormTable TR TD input.formfield{padding:3px;} /*BLOG PAGE*/ #BlogRightDiv{/*on td*/ width:100%; overflow:hidden; border-top:1px solid #dddddd; padding:20px 0 0 0; font-size:16px; } .blogBodyImageDiv{/*keep the same in admin.css*/ margin:0 auto 15px auto !important; width:99% !important; height:auto !important; overflow:hidden; border:1px solid #dddddd; border-radius:8px; -moz-border-radius:8px; -moz-box-shadow: 0px 0px 0px #bbb; -webkit-box-shadow: 0px 0px 0px #bbb; box-shadow: 0px 0px 0px #bbb; } H2.commentTitle{font-size:22px;margin-bottom:12px;} #blog-page DIV.divCommentForm{width:95%;} TABLE.commentTable{width:90%;} #blog-page .fieldTitle{/*for comment forms*/ margin:15px 0px 5px 0px; white-space:nowrap; } #blog-page SPAN.fieldErr{/*for comment forms*/ display:block;/*make it go under the field, not beside it*/ margin-left:1%; width:99%; font-size:17px;/*like TinyTxt*/ } #blog-page DIV.formSaying{font-size:17px;}/*like TinyTxt*/ #blog-page .divComments{margin:10px 10px 0px 10px;display:none;} #blog-page H2.blogArticleTitle{margin-bottom:10px;} #blog-page .post-info{ font-size:17px; margin-bottom:20px: } #blog-page .post-info .post-info-date{white-space:normal;} #blog-page DIV.blogBodyImageDiv IMG{width:100% !important;height:auto !important;} #blog-page .post-info SPAN{display:inline-block;margin-right:18px;} #blog-page .post-info DIV{margin:18px 0 0 0;} #blog-page TABLE.exerptTable{margin:0 auto 20px auto;width:100%;} #blog-page TABLE.exerptTable TR TD p#exerpt{ font-size:18px; margin-left:0; line-height: 23px;/*kristi see if this is too much*/ } #blog-page #facebook{display:none;}/*we will display it on article, not on page with lots of exerpts*/ #blog-page .tagsDiv{display:none;}/*we will display it on article, not on page with lots of exerpts*/ #blog-page DIV.comments{display:none;}/*we will display it on article, not on page with lots of exerpts*/ #blog-page .pageBottomNav{padding:18px;} /*blog article page (overrides on blog-page stuff above)*/ #blog-article #facebook{display:block;}/*we are display it on article*/ #blog-article .tagsDiv{display:block;}/*we will display it on article, not on page with lots of exerpts*/ #blog-article H2.blogArticleTitle{ font-size:26px; margin-bottom:18px; } #blog-article DIV.blogBodyImageDiv{ float:none; margin-right:0; margin-bottom:0; } #blog-article DIV.blogBodyImageDiv IMG{width:100% !important;height:auto !important;} #blog-article #post-info DIV{margin-top:15px;font-size:18px;} #blog-article #facebook{margin-left:25px;} #blog-article DIV#articleComments{margin-left:0px;text-align:center;} #blog-article #articleComments SPAN{ display:inline-block; margin-left:12px; margin-right:12px; margin-bottom:18px; font-size:18px; } #blogMoreButton{ margin:15px auto 4px auto; width:135px; border-radius:8px; -moz-border-radius:8px; } #blogMoreButton p{font-size:17px;} #blogMoreButtonOver{ margin:15px auto 4px auto; width:135px; border-radius:8px; -moz-border-radius:8px; } #blogMoreButtonOver p{font-size:17px;} /*For product display on site*/ #pagetype_event #PageBodyDiv #PageBodyTable{width:100%;} #pagetype_cart #PageBodyDiv #PageBodyTable{width:100%;} .W3ShoppingCart_Selection_Block{width:100%;} .W3ShoppingCart_Selection_Block TABLE{width:99%;} .W3ShoppingCart_Option_Block{margin:20px 0 20px 0;} .W3ShoppingCart_prodFormMainTable{width:100%;}/*WE ONLY NEED TO DEFINE THIS FOR MOBILE, NOT FOR NON-MOBILE*/ #eventInfoBox{margin:10px auto 5px auto;} .W3ShoppingCart_CatPage_Title{font-size:20px;} .W3ShoppingCart_CatPage_Text{font-size:17px;} .W3ShoppingCart_ProductName{font-size:19px;} .cartPrice{font-size:19px;} .W3ShoppingCart_ItemNumber_Text{font-size:16px;} .W3ShoppingCart_Description_Text{font-size:17px;} .W3ShoppingCart_Price_Text{font-size:18px;} .W3ShoppingCart_Option_Text{font-size:17px;} .W3ShoppingCart_Option_Block LABEL{font-size:17px;} .W3ShoppingCart_Option_NoteText{font-size:15px;} .W3ShoppingCart_Option_NoteText SPAN{font-size:15px;} .W3ShoppingCart_Product_Form INPUT{font-size:17px;} .W3ShoppingCart_Product_Form TEXTAREA{font-size:17px;} .W3ShoppingCart_Product_Form SELECT{font-size:17px;} .W3ShoppingCart_ClickPhotoToEnlarge_Text{font-size:14px;} .W3ShoppingCart_Add_to_Cart_Button_Text{font-size: 16px;} .W3ShoppingCart_Next_Back_Links{width:auto;font-size: 16px;} .W3ShoppingCart_Next_Back_Links SPAN{font-size: 21px;}/*SPAN for »increased size*/ .W3ShoppingCart_selPhoto{font-size:15px;line-height:21px;} .W3ShoppingCart_SectionTitle{font-size:18px;} .W3ShoppingCart_ProdDetailsLink{margin:10px 0px 15px 0px;} .W3ShoppingCart_catListTable{width:100%;} .W3ShoppingCart_catListTable TR TD{padding:8px 0px 20px 0;} .W3ShoppingCart_catListTable TR TD.photo{/*override for the photo cell td*/ padding:15px 0px 12px 0; border-bottom:0; text-align:center;/*centers the photo on top of the text*/ } .W3ShoppingCart_catListTable TR TD.photo IMG{margin-top:20px;} .W3ShoppingCart_catListTable TR TD DIV.catListTableDiv{ display:table;/*changes to display:table;margin-left:auto;margin-right:auto for mobile devices*/ width:250px;/*same width as pic on mobile*/ margin-left:auto; margin-right:auto; } /*MOBILE OVERRIDE STYLES For productDisplayTemplate_photoList.cfm (photos across format)*/ #W3ShoppingCart_cpContainer .cpProductBox{ float:none; display:block; margin:0 auto 25px auto;/*center the product*/ border-bottom:3px solid #cccccc; } #W3ShoppingCart_cpContainer .cpProductBox .quickinfo-body .closebox{font-size:17px;} #W3ShoppingCart_cpContainer .cpProductBox .quickinfo-body UL LI{font-size:16px;} #W3ShoppingCart_cpContainer .cpProductBox .cpProductItemBox .quickinfolink{ font-size:14px; } #W3ShoppingCart_cpContainer .cpProductBox .quickinfo-body UL{padding-left:1.2em;} .W3ShoppingCart_ProductName{white-space:wrap;} /*product page bar for site manager only*/ .W3ShoppingCart_pageBar SPAN{font-size:17px;} .W3ShoppingCart_pageBarStatsBlock{ display:block; float:none; margin-left:0; margin-right:0; margin-bottom:18px; text-align:center; } .W3ShoppingCart_pageBarLinksBlock SPAN{margin-left:5px;margin-right:5px;} .W3ShoppingCart_pageBarLinksBlock SPAN A{text-decoration:underline !important;} .W3ShoppingCart_pageBarLinksBlock SPAN.currpage{font-weight:bold;} .W3ShoppingCart_pageBarLinksBlock SPAN:first-child{text-align:left;} .W3ShoppingCart_pageBarLimitBlock FORM SELECT{font-size:17px;} /*CART / Checkout1 / Checkout5 - .css in /cart*/ .header_for_cart TABLE#PageBodyTable{ width:100%; margin:0; border:0; } .header_for_cart TABLE#PageBodyTable TR TD{ vertical-align:top; padding:0; border:0; } table#headerCartTable{width:100% !important;} table#headerCartTable TR TD DIV#cartDiv{font-size:17px;} table#headerCartTable TR TD DIV#cartDiv p, table#headerCartTable TR TD DIV#cartDiv td, table#headerCartTable TR TD DIV#cartDiv DIV, table#headerCartTable TR TD DIV#cartDiv li, table#headerCartTable TR TD DIV#cartDiv SPAN{font-size:17px;} h1.cartTitle{font-size:20px;} .CartSubHead{font-size:19px;} h2.CartSubHead{ font-size:20px; color: #000000 !important; text-align:center; } h3.CartSubHead{ font-size:19px; color: #000000 !important; text-align:center; } #CartBackgroundBlackFontStyles{width:100%;border:0;} #CartBackgroundBlackFontStyles TEXTAREA, #CartBackgroundBlackFontStyles SELECT, #CartBackgroundBlackFontStyles INPUT[type="text"], #CartBackgroundBlackFontStyles INPUT[type="email"], #CartBackgroundBlackFontStyles INPUT[type="password"], #CartBackgroundBlackFontStyles INPUT[type="tel"]{font-size:18px;} #nameAddrFormFields DIV{margin:0 0 8px 0;} .cartItemTitle{font-size:21px;} .cartItemTitleInsideBundle{font-size:20px;} .CartBigText{font-size:21px;} .CartSmall{font-size:17px;} .CartSmallbold{font-size:17px;} .CartSmallGray{font-size:17px;} .CartTinyText{font-size:16px;} INPUT#CartTinyText{font-size:16px;} .CartTinyTextGray{font-size:16px;} .tinynote{font-size:16px;font-family:arial,helvetica,sans-serif !important;} .CartRequiredStar{font-size:19px;} .CartBigGreenLink{font-size:21px;}/*can be either an