/* CMS - Light CMS Author - Joshua Ogle Style - iphone.css Note - css is linked by this tag: */ .iphone-hide { display: none !important; } .iphone-show { display: inline !important; } embed, object { display: none !important; } /* GENERAL */ #navigation, body#homePage #contentContainer #mainColumn, body#homePage #contentContainer #extraColumn, #footer { display: none; visibility: hidden; } #body { background: url(images/page-bg-flipped.png) top center no-repeat; } h1#logo { margin: 20px 0 0 30px; } h1#logo a { background: url("/Websites/immerseme4/templates/ImmerseMe/images/logo-simple.png"); width: 90px; height: 91px; } #header .headerNav { margin: 50px 60px 0 0; font-size: 48px; } h1.pageTitle, h1.title { font-size: 48px; font-weight: bold; margin-bottom: 25px; } /* HOME */ body#homePage #featuredArea { padding-top: 40px; } body#homePage #contentContainer { padding: 20px 0 30px; -moz-border-radius: 48px; -webkit-border-radius: 48px; } body#homePage #contentContainer #subColumn { width: auto; font-size: 32px; line-height: 1.2em; } body#homePage #contentContainer h1 { font-size: 48px; font-weight: bold; } body#homePage #iphone-actions { margin-bottom: 50px; display: block; } body#homePage #iphone-actions .call, body#homePage #iphone-actions .nextPage { padding: 25px 50px; height: 100px; background: #003871; width: 400px; float: left; display: block; } body#homePage #iphone-actions .call { -moz-border-radius-bottomleft: 48px; -moz-border-radius-topleft: 48px; -webkit-border-top-left-radius: 48px; -webkit-border-bottom-left-radius: 48px; } body#homePage #iphone-actions .nextPage { margin-left: 2px; -moz-border-radius-bottomright: 48px; -moz-border-radius-topright: 48px; -webkit-border-bottom-right-radius: 48px; -webkit-border-top-right-radius: 48px; } body#homePage #iphone-actions h1 { font-size: 48px; color: #00c380; margin-bottom: 5px; } body#homePage #iphone-actions, body#homePage #iphone-actions a { color: #fff; font-size: 40px; text-decoration: none; } /* CONTACT */ #secPage .contact #mainColumn, body#secPage .contact #subColumn { width: auto; display: block; float: none; margin: 0 20px 80px; } #secPage .contact .formHeader { display: block; background: #003871; margin-bottom: 30px; padding: 20px; -moz-border-radius: 48px; -webkit-border-radius: 48px; } #secPage .contact .formHeader h2 { font-size: 48px; color: #00c380; } #secPage .contact #mainColumn .element { font-size: 36px; line-height: 1em; } #secPage .contact .form_container .fieldItemInner { padding-top: 0; padding-bottom: 20px; } #secPage .contact .form_container .fieldTitle { font-size: 36px; } #secPage .contact .form_container .choice-option label { font-size: 13px; } #secPage .contact .form_container input { width: 600px; height: 48px; font-size: 24px; } #secPage .contact .form_container input, #secPage .contact .form_container textarea { -moz-border-radius: 20px; -webkit-border-radius: 20px; } #secPage .contact .form_container .firstname, #secPage .contact .form_container .lastname { width: 217px; } #secPage .contact .form_container .textField.phone-areacode, #secPage .contact .form_container .textField.phone-prefix { width: 120px; } #secPage .contact .form_container .textField.phone-suffix { width: 196px; } #secPage .contact .form_container .fieldName, #secPage .contact .form_container .fieldBlock em { font-size: 24px } #secPage .contact .form_container .firstname, #secPage .contact .form_container .lastname { padding-left: 80px; } #secPage .contact .form_container input[name="field_39587_455943"], #secPage .contact .form_container textarea { width: 930px; margin-top: 10px;} #secPage .contact .form_container .choice-option input[type=checkbox] { height: 25px; margin: 0 15px 0 0; } #secPage .contact .form_container .choice-option label { font-size: 28px !important; padding-top: 6px; } #secPage .contact .form_container input[type=submit] { font-size: 36px; padding: 10px 15px; height: 60px; } body#secPage .contact .contactinfo { margin: 0 0 50px; display: block; } body#secPage .contact .contactinfo div { padding: 25px 50px; height: 125px; background: #003871; width: 240px; float: left; display: block; } body#secPage .contact .contactinfo .email { -moz-border-radius-bottomleft: 48px; -moz-border-radius-topleft: 48px; -webkit-border-top-left-radius: 48px; -webkit-border-bottom-left-radius: 48px; } body#secPage .contact .contactinfo .phone { width: 170px; margin: 0 2px;} body#secPage .contact .contactinfo .mail { width: 240px; -moz-border-radius-bottomright: 48px; -moz-border-radius-topright: 48px; -webkit-border-bottom-right-radius: 48px; -webkit-border-top-right-radius: 48px; } body#secPage .contact .contactinfo label { font-size: 48px; color: #00c380; margin-bottom: 5px; font-weight: normal; } body#secPage .contact .contactinfo span, body#secPage .contact .contactinfo a { color: #fff; font-size: 24px; text-decoration: none; } /* WORK */ a.iphone-bar { display: block; background: #003871; padding: 40px 50px; color: #fff; font-size: 36px; text-decoration: none; margin-bottom: 20px; -moz-border-radius: 48px; -webkit-border-radius: 48px; width: 800px; } /* ABOUT */ #body.inside3 #mainColumn { width: 600px; margin-right: 20px; } #body.inside3 #mainColumn p { font-size: 32px; line-height: 1.2em; margin-bottom: 25px; } #body.inside3 #subColumn { display: none; } /* BLOG */ #body.blog #mainColumn { width: 800px !important; } #body.blog #mainColumn .blogList .postTitle { font-size: 48px !important; } #body.blog #subColumn { display: none; } /* SERVICES & ABOUT */ #body.inside2 #mainColumn { width: 720px; } #body.inside3 #mainColumn { width: 750px; } #body.inside2 #mainColumn p, #body.inside3 #mainColumn p { font-size: 32px !important; line-height: 1.2em; } #body.inside2 #mainColumn li, #body.inside3 #mainColumn li { font-size: 18px !important;} #body.inside2 .services-cms { font-size: 40px; } #body.inside2 .services-cms img { margin-top: 5px !important; } #body.inside2 .services-cms h1 { font-size: 48px; } #body.inside2 .bigButton, #body.inside3 .bigButton { font-size: 32px !important; } #body.inside2 .medButton, #body.inside3 .medButton { font-size: 24px !important; padding: 10px 15px !important; } #body.inside2 #subColumn { width: 240px; } #body.inside2 #subColumn h1 { font-size: 32px; } #body.inside3 #extraColumn { width: 210px; } #body.inside3 #extraColumn h1 { font-size: 26px; }