body { min-width: 320px; font-size:63%; font-family:Arial, Helvetica, sans-serif; } #wrapper {font-size:100%; position:relative; padding-top:6em; } .defaultBtn{ background: #71C5CC; color: #FFFFFF; display: inline-block; font:400 1.5em/140% 'Open Sans',Arial,Helvetica,sans-serif; padding: 7px 15px; text-transform:uppercase;} a.disabled { opacity:0.65; } @media ( min-width: 769px ) { .defaultBtn:hover { background: #5FB9C0; color:#fff; } } #nav { background:#71C5CC; position:fixed; z-index:1; top:0; left:auto; width:100%; } #navigation { position:relative; z-index:300; } #navigation div { background: #d8632d; display: none; width:260px; padding:5px 0; left: auto; left: -1px; position: absolute; top: auto; z-index: 3; } #navigation div ul { background: none repeat scroll 0 0 transparent; left: auto; position: relative; top: auto; width: auto; } #navigation > ul { float: left; } #navigation > ul > li { float: left; position:relative; } #navigation > ul > li + li {border-left:solid 1px rgba(0, 0, 0, 0.12);} #navigation ul li a { color: #fff; display: block; font:700 1.5em/1.3 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; padding: 1.3em 1.8em; text-transform: uppercase; text-align:center; } #navigation ul li a.active { background:#5FB9C0; } .smallNav #navigation ul li a { padding-top:0.7em; padding-bottom:0.7em; } #navigation ul li.current > a, #navigation ul li.current > span > a, #navigation ul li.current > a:hover {background-color: rgba(255,255,255,.3); } #navigation ul li ul > li { float:none; } #navigation ul li ul > li:last-child { border:none; } #navigation ul li li li { border: medium none; float: none; min-height: inherit; *min-height: 20px; width: 100%; } #navigation ul li li a { font:normal 1.4em 'Open Sans',Arial,Helvetica,Tahoma,sans-serif; padding: 10px 22px; border-bottom:solid 1px #33C8DA; border-bottom:solid 1px rgba(255,255,255,.2); margin-bottom:0; color:#fff; text-align:left; } #navigation ul li li:last-child a { border:none; } #menuBar { display:none; background:#ee7841; overflow:hidden; font:normal 2em/90% 'Open Sans',Arial,Helvetica,Tahoma,sans-serif; color:#fff; width:100%; position:fixed; z-index:9999; left:0; top:0; } #menuBtn {cursor:pointer; float:left; padding:10px 10px 14px; } #menuBtn i {width: 25px; display:block; float:left; margin:.4em .4em 0 0; border-radius:2px; height:3px; background:#fff; position:relative; z-index:3; } #menuBtn i:before, #menuBtn i:after { position:absolute; width:100%; border-radius:2px; height:3px; background:#fff; content:""; display:block; top:-7px; } #menuBtn i:after { top:7px; } #menuBtn.activeMenu { } .transition { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (min-width: 769px) { #navigation ul > li:hover div { display: block; } #navigation ul li a:hover, #navigation > ul > li:hover > a { background-color:#5FB9C0; } #navigation ul li ul a:hover, #navigation ul ul li.hoverHold > a { background-color: rgba(255,255,255,.1); } #navigation ul li.hasSubMenu:hover > .triggerWrap a { background:#d8632d; color:#fff; } } @media (max-width: 768px) { #wrapper {font-size:90%; padding-top:4em; } #nav { border:none 0;background:transparent; } #nav .midContent { padding:0; } #menuBar { display:block!important;} #navigation { top:41px; border-bottom:solid 5px #d8632d; left:auto; width: 100%; background:#ee7841; max-height: 0; overflow:hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #navigation > ul { float:none; } #navigation ul li { float:none; width:auto; border:none; position:inherit; } #navigation ul li a { text-align:left; color:#fff; padding:12px 4% !important; font:normal 1.8em 'Open Sans',Arial,Helvetica,Tahoma,sans-serif!important; margin:0; border-bottom:solid 1px rgba(255,255,255,.2); text-transform:inherit; } #navigation ul li a:active { background:rgba(0,0,0,0.15); -webkit-tap-highlight-color: rgba(0,0,0,0.15);} #navigation.slide { max-height:500px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2), (max-width: 568px) { #wrapper {font-size:85%; } } .socialSet { overflow:hidden; } .socialSet .title {color:#747474; font:700 1.4em/140% 'Open Sans', Arial, Helvetica, sans-serif; } .socialSet li { float:left; display:block; padding-left:9px; } .socialSet li a:hover { opacity:.8; } /**EGG SOCIAL LANDING PAGE**/ #eggsocialPage {} #eggsocialPage #eggsocialHeader { background:url(../images/eggsocial_banner.jpg) no-repeat 100% 0 / auto 100%; padding:3em 0; } #eggsocialPage #eggsocialHeader .caption { display:inline-block; color:#fff; font:600 3.5em/1 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; margin:1.5em 0 1em;} #eggsocialPage #eggsocialHeader .caption span { display:inline-block; background:#a5c919; padding:20px 20px 0; } #eggsocialPage #eggsocialHeader .caption big { display:block; font-size:2.3em; background:#a5c919; font-weight:300; padding:0 20px 10px; } #eggsocialPage .landingTitle { color:#000; font:300 7em/1 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif;background:#c6f1f5; padding:0.5em 0;/* margin-bottom:0.8em; */} #eggsocialPage #upcomingEventsList { padding:0 0 6em 0; } #eggsocialPage #upcomingEventsList .bx { background:#f8f8f8; border:1px solid #eaeaea; padding: 0 15px 15px; } #eggsocialPage #upcomingEventsList h3 { font:300 3.5em/1 'Open Sans', Arial, Helvetica, sans-serif; background:#71c5cc; color:#fff; padding:0.5em 0; text-align:center; margin:0 -15px 15px; } #eggsocialPage #upcomingEventsList .details li { list-style:none; color:#515151; font:400 1.4em/1 'Open Sans', Arial, Helvetica, sans-serif; padding:0.7em 0; } #eggsocialPage #upcomingEventsList .details big { display:block; text-transform:uppercase; color:#ee7841; font-weight:600; font-size:1em; padding-bottom:0.3em; } #eggsocialPage #upcomingEventsList .defaultBtn { background:#ee7841; font-size:1.1em; } #about-egg-freezing { background:#f9faec; padding:6em 0; } #about-egg-freezing .title, #photo-gallery-section .title{display:inline-block; color:#fff; font:400 3.8em/1 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; margin:0 0 1.5em; } #about-egg-freezing .title span, #photo-gallery-section .title span { display:inline-block; background:#a5c919; padding:20px 20px 0; } #about-egg-freezing .title big, #photo-gallery-section .title big{ display:block; font-size:2.3em; background:#a5c919; font-weight:200; padding:0 20px 10px; } #about-egg-freezing p{ color:#515151; font:400 1.8em/1.2 'Open Sans', Arial, Helvetica, sans-serif;} #about-egg-freezing p + p{ padding-top:1.5em; } #about-egg-freezing p .hlt { background:#e8ee96; line-height:1.3; } #about-egg-freezing #twitPost { padding:15px; background:#fff; text-align:center; border-radius:7px; } #about-egg-freezing #twitPost iframe { width:100% !important; height:320px !important;} #about-egg-freezing #twitPost h2 { color:#000; font:300 5em/1 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; padding-bottom:0.5em; } #about-egg-freezing #twitPost h2 i { color:#5EAADE; font-size:1.3em; } #factors-to-consider { background:url(../images/eggFreezingSocial.jpg) no-repeat fixed 100% 100% / cover; padding:6em 0; } #factors-to-consider h2 { display:inline-block; color:#a5c919; font:400 3.5em/1 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; margin:0 0 1em;} #factors-to-consider h2 span { background:#fff; padding:0 20px 10px; } #factors-to-consider h2 big { display:block; font-size:2.3em; background:#fff; font-weight:200; padding:10px 20px 20px; } #factors-to-consider .t { width:60%; background:#f0f0f0; border-radius:15px; padding:2.5em; } #factors-to-consider h3 { color:#ee7841; font:400 2.2em/1 'Open Sans', Arial, Helvetica, sans-serif; padding-bottom:0.3em; } #factors-to-consider .t p{ color:#515151; font:400 1.6em/1.3 'Open Sans', Arial, Helvetica, sans-serif;} #factors-to-consider p + h3 { padding-top:1.5em; } #factors-to-consider .t p b { font-weight:600; } #photo-gallery-section { padding:6em 0; } #photoGallery { margin:1em -1.5em; overflow:hidden; } #photoGallery li { padding:1.5em; width:33.33%; float:left; } #photoGallery li img{cursor:pointer} #eggTestimonial { background:#f9faec; padding:6em 0; } #eggTestimonial h2 { display:inline-block; background:#a5c919; color:#fff; font:200 8.4em/1 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; padding:0.1em 0.3em; margin:0 0 0.5em; } #eggTestimonial li { list-style:none; color:#515151; font:400 1.6em/1.3 'Open Sans', Arial, Helvetica, sans-serif; background:#fff; padding:1.5em; border-radius:10px;} #eggTestimonial li + li { margin-top:2em; } #eggTestimonial li p { padding-bottom:1em; } #eggTestimonial li .author { font-style:italic; font-weight:600; } #elfoot { border:none; border-top:solid 5px #71c5cc; padding:6em 0; } #elfoot .ftLgo {} #elfoot p { font:400 1.8em/1.3 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; color:#444; padding-bottom:0.5em; } #elfoot .phoneNumber { color:#000000; font:400 2.6em/1 'Open Sans', Arial, Helvetica, sans-serif; display: block; } #elfoot .socialSet { padding-top:2em; } #elfoot .socialSet .title { float:none; width:100%; color:#000000; font:400 1.8em/1.8 'Open Sans', Arial, Helvetica, sans-serif; display: block; } #elfoot .socialSet li { width:36px; } #inPress{padding:6em 0;} #inPress h2{display:inline-block; background:#a5c919; color:#fff; font:200 8.4em/1 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; padding:0.1em 0.3em; margin:0 0 0.5em; } #inPress {} #inPress .postList li{position:relative;width:30%;margin:1.5em;padding:20px;float:left;display:block;list-style:none; min-height:220px;background:#fff;border:solid 1px #ccc;} #inPress .postList .imgHolder{display:block;padding-bottom:10px;height:70px;text-align:center} #inPress .postList .imgHolder img{max-height:100%} #inPress .postList h4{color:#000;font:600 1.7em/130% 'Raleway', 'Open Sans',Arial,Helvetica,sans-serif;padding-bottom:15px} #inPress .postList p{color:#2e2f2f;font:1.5em/130% 'Open Sans',Arial,Helvetica,sans-serif;padding-bottom:20px} #inPress .postList li > p:last-child{padding-bottom:0} #inPress .postList .link{display:block;font-weight:600;text-decoration:underline} #inPress .postList .link + .link{padding-top:8px} #inPress .postList .fa{padding-right:10px;font-size:1.4em} #eggSpons { padding:6em 0; background:#f9faec;} #eggSpons h2 { display:inline-block; background:#a5c919; color:#fff; font:200 8.4em/1 'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; padding:0.1em 0.3em; margin:0 0 0.5em; } #eggSpons .txtholder{width:80%;text-align:center;margin:3em auto 0} #eggSpons .txtholder .imgHolder{padding-bottom:1.5em} #eggSpons p{font:400 1.8em/1.5 'Raleway','Open Sans',Arial,Helvetica,sans-serif;color:#444;padding-bottom:1.5em;text-align:center;} #eggSpons .link{font:400 1.8em/1 'Raleway','Open Sans',Arial,Helvetica,sans-serif;color:#66bcc2; text-align:center;text-decoration:underline;} #eggSpons .link:hover{color:#0b8189;} #eggsocialPage #upcomingEventsList .defaultBtn.btn-gallery { display: block; font-size: 1.6em; margin: 50px auto 0; max-width: 300px; text-align: center; } @media (max-width: 768px) { #eggsocialPage #eggsocialHeader { overflow:hidden;} #eggLogo { width:40%; padding-left:2%; } #eggsocialPage #eggsocialHeader .caption { font-size:2.8em; } #factors-to-consider { background-position:70% 0; } #elfoot .phoneNumber { font-size:2.2em; } #inPress .postList li{width:45%;} } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2), (max-width:568px){ .socialSet { text-align:center; padding:5px 0 10px; margin:0 -20px; border-bottom:solid 1px #DFDFDF;} .socialSet li { float:none; display:inline; padding:0 5px; } #eggsocialPage #eggsocialHeader { background-position: 120% 0; } #eggsocialPage #eggsocialHeader .caption { font-size:2.3em; margin-bottom:0; } #eggsocialPage #upcomingEventsList .col-sm-6 + .col-sm-6, #about-egg-freezing .col-sm-6 + .col-sm-6, #eggTestimonial .col-sm-6 + .col-sm-6{ margin-top:3.5em; } #eggsocialPage #upcomingEventsList h3 { font-size:2.5em; } #about-egg-freezing .title, #factors-to-consider h2 { font-size:2.85em; } #elfoot .col-sm-4 { text-align:center; font-size:1.3em; } #elfoot .col-sm-4 + .col-sm-4 { margin-top:5em; } #elfoot p { text-align:center; font-weight:400; font-size:2.1em; color:#000; } #elfoot .socialSet { border:none; } #elfoot .socialSet .title { text-align:center;} #eggSpons .txtholder{width:90%;} #inPress .postList li{width:auto;} } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2), (max-width: 360px) { .socialSet li { float:none; display:inline; padding:0 2px; } #eggLogo { width:auto; padding:0; text-align:center; } #eggsocialPage #eggsocialHeader { background:none; } #eggsocialPage #eggsocialHeader .caption { font-size:2.5em; display:block; } #eggsocialPage .landingTitle { font-size:4.2em; } #about-egg-freezing .title, #photo-gallery-section .title, #factors-to-consider h2 { font-size:2.2em; } #eggTestimonial h2,#eggSpons h2 { font-size:4.2em; } #factors-to-consider .t { width:auto; } #photoGallery li { width:50%; } } #galleryModal .loader {padding:10em 0;text-align:center;} #mc_embed_signup{float: left;margin-bottom:4em;background:#f7f3ef;padding:4em 0 5em; width: 100%; } #mc_embed_signup label, #mc_embed_signup h2{font:300 2.5em/1 'Open Sans', Arial, Helvetica, sans-serif; color: #000;padding: 0.5em 0;} #mc_embed_signup .hbspt-form label { display: none; } #mc_embed_signup .required.email, #mc_embed_signup input[type=email]{border:solid 1px #ccc;padding:0.7em 1em;font:400 1.8em/1 'Open Sans', Arial, Helvetica, sans-serif;color:#000;float:left;width:72%;margin-right:3%;height:50px} #mc_embed_signup #mc-embedded-subscribe, #mc_embed_signup input[type=submit]{float:left;background:#333;height:50px;font:700 1.8em/1 'Open Sans', Arial, Helvetica, sans-serif;color:#fff;width:25%;text-align:center;text-transform:uppercase} @media (min-width: 768px) { #mc_embed_signup #mc-embedded-subscribe:hover, #mc_embed_signup input[type=submit]:hover{background:#000;} } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2), (max-width: 360px) { #mc_embed_signup label, #mc_embed_signup h2{float:none;margin-bottom:1em;width:100%;padding:0;font-weight:400;font-size:2em;} #mc_embed_signup .required.email, #mc_embed_signup input[type=email]{float:none;margin-bottom:1em;width:100%;padding:0;} #mc_embed_signup #mc-embedded-subscribe, #mc_embed_signup input[type=submit]{width:100%;} }