/* File: css/types/article_item/pictorial.css */
.article_pictorial { } .article_pictorial h1 { margin-left: 13px; padding-right: 150px !important; } .body-mobile .article_pictorial h1 { padding-right: 90px !important; } .article_pictorial .counter { padding-top: 3px; position: absolute; top: 9px; right: 0; } .article_pictorial .counter * { display: block; float: left; } .article_pictorial .counter i { font-family: Times, Georgia, serif; font-size: 16px; font-style: italic; margin-top: -2px; padding: 0 7px; } .article_pictorial .image_num {} .article_pictorial .image_count {} .article_pictorial .content_helper { display: none; } .article_pictorial .content_helper.active { display: block; } .article_pictorial h2 { margin: 0 34px 0 26px; float: none; } .article_pictorial .image_text { padding: 15px 34px 20px 26px; min-height: 34px; } .article_pictorial .image_text, .article_pictorial .image_text * { color: #666666; } .article_pictorial .image_text ul { padding: 0; list-style: none; } .article_pictorial .image_text ul li { background: url("//images.mummypages.co.uk/media/images/dec/li_pink.gif") no-repeat 0 6px; padding-left: 11px; } .pictorial_image { position: relative; margin-top: 14px; margin-bottom: 21px; border: 2px solid #ef84b7; border-left: 0; border-right: 0; background: #d7ecf9; white-space: nowrap; } .pictorial_image .image_prev, .pictorial_image .image_next { display: none; background-image: url("//images.mummypages.co.uk/media/images/dec/arrows_lr.png" ); width: 19px; height: 32px; cursor: pointer; z-index: 10; } .pictorial_image .image_next { background-position: -19px 0; } .pictorial_image .image_prev img, .pictorial_image .image_next img { width: 19px; height: 32px; } .pictorial_image .image_next:hover { background-position: -19px -32px; } .pictorial_image .image_prev:hover { background-position: 0 -32px; } .pictorial_image .image_content, .pictorial_image .image_content .helper { text-align: center; height: 434px; width: 100%; overflow: hidden; position: relative; } .pictorial_image .loading { background: url(//images.mummypages.co.uk/media/images/ico/loading.gif) no-repeat center center; width: 100%; height: 100%; position: absolute; z-index: 0; } .pictorial_image .image_content .helper { display: none; position: absolute; top: 0; left: 0; } .pictorial_image .image_content img, .pictorial_image .image_content .banner_item { display: inline-block; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }

/* File: css/blocks/cards.css */
.card { margin: 0 0 20px 22px; padding: 0; float: left; position: relative; overflow: hidden; width: 300px; height: 250px; -moz-border-radius: 5px; border-radius: 5px; border-collapse: separate; } .card { -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.28); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.28); box-shadow: 0 0 20px 0 rgba(0,0,0,0.28); border: none; } .card:hover { -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5); box-shadow: 0 0 20px 0 rgba(0,0,0,0.5); border: none; } .card.nf { float: none; height: auto; } .card.first { margin-left: 13px; } .card .card_image { margin: 0 0 5px 0; width: 300px; height: 165px; overflow: hidden; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .card.nf .card_image { height: auto; } .card .card_image img { } .card .card_desc { padding: 0 10px 10px 10px; position: absolute; top: 173px; } .card.nf .card_desc { position: static; top: auto; } .card .card_desc .card_header, .card .card_desc .card_header a { font-size: 14px; line-height: 19px; color: #5a87df; text-decoration: none; } .card .card_desc .card_header a:hover { text-decoration: none; } .card .card_desc .card_text, .card .card_desc .card_text a { color: #545e60; font-size: 11px; line-height: 14px; text-decoration: none; height: 28px; } .card .card_desc .card_text a:hover { text-decoration: none; } .card .card_date { font-size: 11px; color: #808080; padding: 0 10px; position: absolute; bottom: 4px; right: 0; text-align: right; } .card.ss_best > div { width: 300px; height: 250px; background-position: 230px 10px; } .card.ss_best .ss_best_title { padding: 10px 0 0 0; } .card.ss_best .ss_best_list .ss_best_item { padding-bottom: 33px; } .card.find_shops_services.ssttdform { overflow: visible; } .card.find_shops_services .ss_ttd_content { padding: 14px 23px 24px 22px; } .card.find_shops_services .dec_fss.dec_ss { background: url('//images.mummypages.co.uk/media/images/dec/shop_bag.gif') 100% 0 no-repeat; } .card.month_photo div.dec_month_photo { background: url('//images.mummypages.co.uk/media/images/dec/dec_photo_month.gif') 90px 3px no-repeat; } .card.month_photo .month_photo_td { width: 124px; } .card.month_photo .month_photo_text_td { padding-top: 40px; } .card.banner { -moz-border-radius: 0; border-radius: 0; min-height: 250px; height: auto; overflow-y: visible; } .card.banner div, .card.banner iframe { margin: 0 auto; text-align: center; } .card.no_border { -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .card.no_border:hover { -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .card.question_item .card_desc { top: 10px; } .card.question_item .mummy_expert_img { width: 89px; float: left; padding: 0 15px 15px 0; } .card.question_item .card_header { padding-top: 10px; float: right; width: 176px; } .card.question_item .card_date_text { padding-top: 15px; float: right; width: 176px; font-size: 11px; color: #808080; } .card.question_item .card_text { } .card.qna { border: 1px solid #f27eb3; border-radius: 6px !important; -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; -ms-border-radius: 6px !important; -o-border-radius: 6px !important; height: auto; overflow: visible; float: none; background: #f8eff3; padding-bottom: 14px; } .card.qna .heading { background: #f27eb3; color: #ffffff; font-size: 24px; font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; text-align: center; padding: 20px 0; } .card.qna .list { border-top: 1px solid #f6c4db; } .card.qna .item { background: #ffffff; margin: 14px 13px 30px; padding: 15px 9px 7px 9px; position: relative; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; font-size: 12px; } .card.qna .item:after { content:""; position: absolute; right: 47px; top: 100%; width: 0; height: 0; border-top: 17px solid #ffffff; border-left: 26px solid transparent; transform: skew(20deg); -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -ms-transform: skew(20deg); -o-transform: skew(20deg); } .card.qna .item:nth-child(2n):after { left: 47px; border-right: 26px solid transparent; border-left: none; transform: skew(-20deg); -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); -o-transform: skew(-20deg); } .card.qna .item .title { padding-bottom: 5px; } .card.qna .item .title a { font-weight: bold; color: #5a87df; text-decoration: none; } .card.qna .item .title a:hover { text-decoration: underline; color: #5985e2 !important; } .card.qna .item .text { padding-bottom: 18px; } .card.qna .item .links { text-align: right; } .card.qna .item .links a { background-position: right center; } .card.qna .all { text-align: center; } .card.qna .all a { position: relative; display: inline-block; background: #ef80b3; color: white; font-family: 'GothamRoundedBook', Arial, Helvetica, sans-serif; text-decoration: none; padding: 6px 22px 4px 9px; border-radius: 2px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -ms-border-radius: 2px !important; -o-border-radius: 2px !important; -webkit-box-shadow: 0px 2px 1px 0px #d85f96; -moz-box-shadow: 0px 2px 1px 0px #d85f96; box-shadow: 0px 2px 1px 0px #d85f96; } .card.qna .all a:after { content:""; position: absolute; top: 8px; right: 8px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #ffffff; border-bottom: 6px solid transparent; }

/* File: css/blocks/cards/ss_best.css */
.ss_best { padding-top: 5px; } .ss_best h2 { font-size: 21px; line-height: 22px; font-weight: bold; color: #42250F; float: left; padding: 7px 0px 24px; margin: 0; } .ss_best .block_border_blue { padding: 10px 0px 20px 0px !important; } .ss_best .ss_best_padd { padding: 0px 23px 0px 22px !important; } .ss_best .ss_best_title { width: 200px; } .ss_best .dec_ss_best { background: url('//images.mummypages.co.uk/media/images/dec/dec_baby_bear.gif') 230px 0 no-repeat; } .ss_best .ss_best_list .ss_best_item { padding: 0 0 15px 0; margin: 0 3px 15px 3px; background: url('//images.mummypages.co.uk/media/images/dec/dot_gray_h.gif') 0 100% repeat-x; } .ss_best .ss_best_list .ss_best_item .ss_photo { margin: 0 18px 0 0; position: relative; } .ss_best .ss_best_list .ss_best_item .ss_item_title a { font-size: 12px !important; color: #5a87df !important; padding: 0 0 2px 0; display: block; } .ss_best .ss_best_list .ss_best_item .ss_item_text { font-size: 11px !important; color: #545e60 !important; } .ss_item.recipe_item .method_padd { padding-left: 25px; } .ss_item.recipe_item .cookbook_links .link_pw { margin-bottom: 10px; } .ss_item.recipe_item .cookbook_links label { padding-bottom: 11px; display: block; } .ss_item .ingredients .list_style strong { color: #545E60 !important; }

/* File: css/blocks/subscribe/digest.css */
.img-responsive { width: 100%; } @media screen and ( max-width: 1150px ) { .block_subscribe_digest { display: none; } } .block_subscribe_digest { position: fixed; z-index: 999; bottom: 0; width: 100%; text-align: left; } .block_subscribe_digest .box-p { width: 580px; margin: 0 auto; background: #ffffff; border-radius: 6px 6px 0 0; border-color: #ef80b3; position: relative; padding: 10px 22px 16px 22px; } .interstitial-scaled .block_subscribe_digest .box-p { padding: 20px 65px 32px 45px; } .block_subscribe_digest .desc { width: 330px; position: relative; margin-right: 70px; padding-top: 20px; } .block_subscribe_digest .title { font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; font-size: 31px; line-height: 31px; color: #f599c2; } .block_subscribe_digest .text { font-family: 'GothamRoundedBook', Arial, Helvetica, sans-serif; font-size: 19px; line-height: 24px; color: #808080; margin-top: 10px; padding-right: 85px; } .block_subscribe_digest .birdie { position: absolute; width: 66px; height: 62px; background: url(//images.mummypages.co.uk/media/images/ico/birdie_digest.png); top: 64px; right: 12px; } .block_subscribe_digest .subscribe { width: 180px; } .block_subscribe_digest .btn-link { width: 178px; } .block_subscribe_digest .input_text_pink { width: 168px; margin-bottom: 7px; } .block_subscribe_digest .or { font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; font-size: 18px; color: #f599c2; width: 180px; text-align: center; margin: 8px 0; } .block_subscribe_digest .close_pink { position: absolute; right: -10px; top: -11px; cursor: pointer; } .block_subscribe_digest .update_holder { padding-top: 31px; } .block_subscribe_digest .update_holder>.posrel { height: 20px; width: 100%; margin-bottom: 7px; } .block_subscribe_digest .update_holder .select_pink { width: 100%; background-position: 98% 4px; } .block_subscribe_digest .update_holder .btn_update { width: 100%; } .block_subscribe_digest .select_pink .newList { max-height: 80px; } .interstitial-scaled .block_subscribe_digest .desc { padding-top: 106px; } .digest-variant-6 .block_subscribe_digest .desc { padding-top: 38px; } .interstitial-scaled .digest-variant-2 .block_subscribe_digest .desc, .interstitial-scaled .digest-variant-3 .block_subscribe_digest .desc, .interstitial-scaled .digest-variant-4 .block_subscribe_digest .desc, .interstitial-scaled .digest-variant-5 .block_subscribe_digest .desc, .interstitial-scaled .digest-variant-6 .block_subscribe_digest .desc, .interstitial-scaled .digest-variant-7 .block_subscribe_digest .desc { padding-top: 60px; } .interstitial-scaled .block_subscribe_digest .title { font-size: 33px; line-height: 33px; } .interstitial-scaled .block_subscribe_digest .text { font-size: 31px; line-height: 41px; } .interstitial-scaled .block_subscribe_digest .birdie { width: 99px; height: 93px; background-repeat: no-repeat; background-size: 99px 93px; left: 39%; } .interstitial-scaled .digest-variant-2 .block_subscribe_digest .birdie, .interstitial-scaled .digest-variant-3 .block_subscribe_digest .birdie, .interstitial-scaled .digest-variant-4 .block_subscribe_digest .birdie, .interstitial-scaled .digest-variant-5 .block_subscribe_digest .birdie, .interstitial-scaled .digest-variant-6 .block_subscribe_digest .birdie, .interstitial-scaled .digest-variant-6 .block_subscribe_digest .birdie, .interstitial-scaled .digest-variant-7 .block_subscribe_digest .birdie, .interstitial-outer .digest-variant-2 .block_subscribe_digest .birdie, .interstitial-outer .digest-variant-3 .block_subscribe_digest .birdie, .interstitial-outer .digest-variant-4 .block_subscribe_digest .birdie, .interstitial-outer .digest-variant-5 .block_subscribe_digest .birdie, .interstitial-outer .digest-variant-6 .block_subscribe_digest .birdie, .interstitial-outer .digest-variant-6 .block_subscribe_digest .birdie, .interstitial-outer .digest-variant-7 .block_subscribe_digest .birdie { display: none; } .interstitial-scaled .block_subscribe_digest .input_text_pink { width: 600px; margin: 20px 0; } .interstitial-scaled .digest-variant-1 .block_subscribe_digest .input_text_pink, .interstitial-scaled .digest-variant-3 .block_subscribe_digest .input_text_pink, .interstitial-scaled .digest-variant-4 .block_subscribe_digest .input_text_pink, .interstitial-scaled .digest-variant-5 .block_subscribe_digest .input_text_pink, .interstitial-scaled .digest-variant-6 .block_subscribe_digest .input_text_pink, .interstitial-scaled .digest-variant-7 .block_subscribe_digest .input_text_pink { width: 500px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest #subscribe_name, .interstitial-inner.digest-variant-2 .block_subscribe_digest #subscribe_email, .interstitial-inner.digest-variant-2 .block_subscribe_digest #button_subscribe, .interstitial-inner.digest-variant-2 .block_subscribe_digest .or { display: none; } .interstitial-inner.digest-variant-2 .block_subscribe_digest #button_subscribe_fb { margin-top: 15px; } .interstitial-scaled .block_subscribe_digest .input_text_pink, .interstitial-scaled .block_subscribe_digest .input_text_pink:hover, .interstitial-scaled .block_subscribe_digest .input_text_pink:focus { font-size: 31px; line-height: 31px; } .interstitial-scaled .block_subscribe_digest a.btn-link { font-size: 29px; line-height: 43px; width: 600px; } .interstitial-scaled .digest-variant-1 .block_subscribe_digest a.btn-link, .interstitial-scaled .digest-variant-3 .block_subscribe_digest a.btn-link, .interstitial-scaled .digest-variant-4 .block_subscribe_digest a.btn-link, .interstitial-scaled .digest-variant-5 .block_subscribe_digest a.btn-link, .interstitial-scaled .digest-variant-6 .block_subscribe_digest a.btn-link, .interstitial-scaled .digest-variant-7 .block_subscribe_digest a.btn-link { width: 500px; } .interstitial-scaled .block_subscribe_digest a.btn-link.arrow:after { border-top-width: 10px; border-bottom-width: 10px; border-left-width: 15px; margin-top: 11px; } .interstitial-scaled .block_subscribe_digest .or { font-size: 30px; line-height: 30px; margin: 20px 0; } .interstitial-scaled .block_subscribe_digest .fb_error, .interstitial-scaled .block_subscribe_digest .success_holder, .interstitial-scaled .block_subscribe_digest .double_optin_holder { font-size: 30px; } .interstitial-scaled .block_subscribe_digest .success_holder { font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; font-size: 30px; line-height: 30px; color: #fff; padding: 30px 0; } .interstitial-scaled .digest-variant-1 .block_subscribe_digest .success_holder { color: #808080; } .interstitial-scaled .digest-variant-2 .block_subscribe_digest .success_holder { color: #fff; margin-top: 100px; } .interstitial-scaled .block_subscribe_digest .update_holder .select_pink { width: 600px; font-size: 30px; padding: 8px; background-position: 97% 20px; } .interstitial-scaled .digest-variant-1 .block_subscribe_digest .update_holder .select_pink { width: 500px; } .interstitial-scaled .block_subscribe_digest .update_holder > .posrel { height: 50px; } .interstitial-scaled .select_pink .selectedTxt { padding: 8px 0; } .interstitial-scaled .select_pink, .interstitial-scaled .select_pink a { font-size: 30px; padding: 8px 0; } .interstitial-inner.digest-variant-0 .block_subscribe_digest, .interstitial-inner.digest-variant-2 .block_subscribe_digest { padding-top: 0; } .interstitial-inner .block_subscribe_digest .box-p { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .interstitial-inner.digest-variant-0 .block_subscribe_digest > .box-p, .interstitial-inner.digest-variant-2 .block_subscribe_digest > .box-p { border: none; background: none; } .interstitial-inner.digest-variant-3 .block_subscribe_digest > .box-p, .interstitial-inner.digest-variant-4 .block_subscribe_digest > .box-p, .interstitial-inner.digest-variant-5 .block_subscribe_digest > .box-p, .interstitial-inner.digest-variant-6 .block_subscribe_digest > .box-p, .interstitial-inner.digest-variant-7 .block_subscribe_digest > .box-p { border: 2px solid #e984b5; } .interstitial-inner.digest-variant-0 .block_subscribe_digest .block-book, .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-book { border: 2px solid #ec85bb; margin-bottom: 20px; padding: 20px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-book { border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: #2a5f9d; margin: 0 -35px; } .interstitial-inner.digest-variant-1 .block_subscribe_digest .block-book, .interstitial-inner.digest-variant-3 .block_subscribe_digest .block-book, .interstitial-inner.digest-variant-4 .block_subscribe_digest .block-book, .interstitial-inner.digest-variant-5 .block_subscribe_digest .block-book, .interstitial-inner.digest-variant-6 .block_subscribe_digest .block-book, .interstitial-inner.digest-variant-7 .block_subscribe_digest .block-book { display: none; } .interstitial-inner.digest-variant-0 .block_subscribe_digest .block-book .img-book, .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-book .img-book { float: left; display: block; width: 169px; height: 229px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-book .img-book { overflow: hidden; width: 160px; } .interstitial-inner.digest-variant-0 .block_subscribe_digest .block-book .text-book, .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-book .text-book { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 260px; font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; color: #ef80b3; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-book .text-book { margin-top: 62px; right: 30px; width: 310px; font-size: 33px; line-height: 37px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-book .text-book { color: #fff; } .interstitial-inner .block_subscribe_digest .block-book .header-book { display: none; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-book .header-book { display: block; padding: 15px 45px 27px 45px; background: url('//images.mummypages.co.uk/media/images/competitions/digest/header_small.png') top center no-repeat; min-height: 104px; color: #ef80b3; margin: 0 auto 20px auto; font-size: 22px; line-height: 22px; font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; } .interstitial-scaled .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-book .header-book { font-size: 33px; line-height: 33px; } .interstitial-inner.digest-variant-0 .block_subscribe_digest .title, .interstitial-inner.digest-variant-2 .block_subscribe_digest .title { margin: 0 -45px; padding: 18px 45px 24px 45px; background: url('//images.mummypages.co.uk/media/images/competitions/digest/header.png') top center no-repeat; min-height: 111px; color: #ef80b3; } .interstitial-inner.digest-variant-3 .block_subscribe_digest .title, .interstitial-inner.digest-variant-4 .block_subscribe_digest .title, .interstitial-inner.digest-variant-5 .block_subscribe_digest .title { width: 292px; margin: 0 auto; padding: 9px 23px 12px 23px; background: url('//images.mummypages.co.uk/media/images/competitions/digest/header_with_border.png') top center no-repeat; min-height: 59px; color: #ef80b3; background-size: 100% 100%; } .interstitial-scaled .interstitial-inner.digest-variant-3 .block_subscribe_digest .title, .interstitial-scaled .interstitial-inner.digest-variant-4 .block_subscribe_digest .title, .interstitial-scaled .interstitial-inner.digest-variant-5 .block_subscribe_digest .title { width: 585px; margin: 0 -45px; padding: 18px 45px 24px 45px; min-height: 117px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .title { padding-top: 13px; } .interstitial-inner.digest-variant-0 .block_subscribe_digest .title > div, .interstitial-inner.digest-variant-2 .block_subscribe_digest .title > div, .interstitial-inner.digest-variant-3 .block_subscribe_digest .title > div, .interstitial-inner.digest-variant-4 .block_subscribe_digest .title > div, .interstitial-inner.digest-variant-5 .block_subscribe_digest .title > div, .interstitial-inner.digest-variant-6 .block_subscribe_digest .title > div, .interstitial-inner.digest-variant-7 .block_subscribe_digest .title > div { max-width: 475px; margin: 0 auto; } .interstitial-scaled .interstitial-inner.digest-variant-6 .block_subscribe_digest .title > div { max-width: 407px; } .interstitial-inner.digest-variant-0 .block_subscribe_digest .title > div img, .interstitial-inner.digest-variant-2 .block_subscribe_digest .title > div img, .interstitial-inner.digest-variant-3 .block_subscribe_digest .title > div img, .interstitial-inner.digest-variant-4 .block_subscribe_digest .title > div img, .interstitial-inner.digest-variant-5 .block_subscribe_digest .title > div img, .interstitial-inner.digest-variant-6 .block_subscribe_digest .title > div img { width: 100%; height: auto; } .interstitial-inner.digest-variant-3 .block_subscribe_digest .title > div img, .interstitial-inner.digest-variant-4 .block_subscribe_digest .title > div img, .interstitial-inner.digest-variant-5 .block_subscribe_digest .title > div img { width: 90%; } .interstitial-inner.digest-variant-0 .block_subscribe_digest .select_pink .newList { max-height: 200px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .select_pink .newList { max-height: 400px; } .interstitial-inner.digest-variant-0 .blocks-subscribe-digest, .interstitial-inner.digest-variant-2 .blocks-subscribe-digest { min-height: 100%; background: #f4d060 url('//images.mummypages.co.uk/media/images/competitions/digest/sea.png') 50% 0 no-repeat; } .interstitial-inner.digest-variant-2 .blocks-subscribe-digest, .interstitial-inner.digest-variant-3 .blocks-subscribe-digest, .interstitial-inner.digest-variant-4 .blocks-subscribe-digest, .interstitial-inner.digest-variant-5 .blocks-subscribe-digest, .interstitial-inner.digest-variant-6 .blocks-subscribe-digest, .interstitial-inner.digest-variant-7 .blocks-subscribe-digest { background-image: url('//images.mummypages.co.uk/media/images/competitions/digest/sea3.png'); } .interstitial-inner.digest-variant-0 .block_subscribe_digest .text, .interstitial-inner.digest-variant-2 .block_subscribe_digest .text { font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; font-size: 30px; line-height: 30px; color: #fff; padding-top: 20px; padding-bottom: 20px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .text { font-size: 32px; line-height: 32px; } .interstitial-inner.digest-variant-3 .block_subscribe_digest .text, .interstitial-inner.digest-variant-4 .block_subscribe_digest .text, .interstitial-inner.digest-variant-5 .block_subscribe_digest .text, .interstitial-inner.digest-variant-6 .block_subscribe_digest .text, .interstitial-inner.digest-variant-7 .block_subscribe_digest .text { font-size: 23px; line-height: 25px; margin: 13px 6px; color: #e984b5; } .interstitial-scaled .interstitial-inner.digest-variant-3 .block_subscribe_digest .text, .interstitial-scaled .interstitial-inner.digest-variant-4 .block_subscribe_digest .text, .interstitial-scaled .interstitial-inner.digest-variant-5 .block_subscribe_digest .text, .interstitial-scaled .interstitial-inner.digest-variant-6 .block_subscribe_digest .text, .interstitial-scaled .interstitial-inner.digest-variant-7 .block_subscribe_digest .text { font-size: 46px; line-height: 50px; margin: 25px 11px; } .interstitial-inner.digest-variant-0 .block_subscribe_digest .subscribe, .interstitial-inner.digest-variant-2 .block_subscribe_digest .subscribe { margin: 0 -50px; width: 600px; } .interstitial-inner.digest-variant-0 .block_subscribe_digest .or, .interstitial-inner.digest-variant-2 .block_subscribe_digest .or { color: #fff; } .interstitial-inner.digest-variant-4 .block_subscribe_digest .subscribe .block-fb, .interstitial-inner.digest-variant-5 .block_subscribe_digest .subscribe .block-fb { margin: 20px 0 0 0; } .interstitial-inner.digest-variant-4 .block_subscribe_digest .subscribe .btn-okdone.btn-link, .interstitial-inner.digest-variant-5 .block_subscribe_digest .subscribe .btn-okdone.btn-link { line-height: 50px; } .interstitial-inner.digest-variant-4 .block_subscribe_digest .subscribe .btn-nothanks, .interstitial-inner.digest-variant-5 .block_subscribe_digest .subscribe .btn-nothanks { margin: 20px 0 0 0; line-height: 50px; background: #c2c4c6; color: #ffffff; box-shadow: 0px 2px 0px 0px #9a9b9c; -webkit-box-shadow: 0px 2px 0px 0px #9a9b9c; -moz-box-shadow: 0px 2px 0px 0px #9a9b9c; -ms-box-shadow: 0px 2px 0px 0px #9a9b9c; -o-box-shadow: 0px 2px 0px 0px #9a9b9c; } .interstitial-inner .block_subscribe_digest .block-fb { display: none; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-fb, .interstitial-inner.digest-variant-4 .block_subscribe_digest .block-fb, .interstitial-inner.digest-variant-5 .block_subscribe_digest .block-fb { display: block; height: 100px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest .block-fb iframe, .interstitial-inner.digest-variant-4 .block_subscribe_digest .block-fb iframe, .interstitial-inner.digest-variant-5 .block_subscribe_digest .block-fb iframe { -ms-transform: scale(3.75); -webkit-transform: scale(3.75); -moz-transform: scale(3.75); -o-transform: scale(3.75); transform: scale(3.75); -ms-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; z-index: 1; } .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .text, .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .block-fb, .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .block-book, .interstitial-inner.digest-variant-3 .block_subscribe_digest.digest-step-update .block-book, .interstitial-inner.digest-variant-6 .block_subscribe_digest.digest-step-update .block-book, .interstitial-inner.digest-variant-7 .block_subscribe_digest.digest-step-update .block-book { display: none; } .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .update_holder { padding-top: 181px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .update_holder > .posrel { margin-top: 0; } .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .update_holder .btn_update { margin-top: 30px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .select_pink { background-color: #5a86df; background-image: none; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -o-box-shadow: 0 2px 0 0 #3164cb; -ms-box-shadow: 0 2px 0 0 #3164cb; -moz-box-shadow: 0 2px 0 0 #3164cb; -webkit-box-shadow: 0 2px 0 0 #3164cb; box-shadow: 0 2px 0 0 #3164cb; border: none; position: relative; } .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .select_pink:after { display: block; position: absolute; top: 8px; right: 15px; content: ""; width: 0; height: 0; vertical-align: top; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #fff; margin-top: 11px; } .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .select_pink, .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .select_pink a { color: #fff; } .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .select_pink a.hiLite, .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .select_pink a:hover { color: #5a86df; background-color: #fff; } .interstitial-inner.digest-variant-2 .block_subscribe_digest.digest-step-update .select_pink .disabled .selectedTxt { color: #d1d1d1 !important; } .interstitial-inner .blocks-subscribe-digest .block-general img { max-width: 100%; }

/* File: css/blocks/subscribe/mailchimp.css */
.block_subscribe_mailchimp .block-img-responsive { max-width: 100%; height: auto; } .block_subscribe_mailchimp { text-align: left; padding-top: 75px; margin-left: 10px; margin-right: 10px; } .body-mobile .block_subscribe_mailchimp { padding-top: 10px; padding-bottom: 10px; } .block_subscribe_mailchimp .box-p { max-width: 600px; width: 100%; margin: 0 auto; background: #ffffff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-color: #ef80b3; padding: 10px 22px 16px 22px; } .block_subscribe_mailchimp label { font-size: 17px; margin-top: 5px; margin-bottom: 5px; display: block; font-weight: normal; } .block_subscribe_mailchimp .mp-logo { padding-top: 20px; padding-bottom: 10px; text-align: center; } .block_subscribe_mailchimp .mp-logo img { margin: 0 auto; } .block_subscribe_mailchimp .desc { padding-top: 20px; padding-bottom: 20px; } .block_subscribe_mailchimp .title { font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; font-size: 31px; line-height: 31px; color: #f599c2; } .block_subscribe_mailchimp .subtitle { font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; font-size: 21px; line-height: 21px; color: #f599c2; margin-top: 5px; margin-bottom: 10px; } .block_subscribe_mailchimp .text { font-family: 'GothamRoundedBook', Arial, Helvetica, sans-serif; font-size: 19px; line-height: 24px; color: #808080; margin-top: 20px; } .block_subscribe_mailchimp .subscribe { } .block_subscribe_mailchimp .subscribe .section-email { margin-bottom: 20px; } .block_subscribe_mailchimp .subscribe .section-name { margin-bottom: 20px; } .block_subscribe_mailchimp .subscribe .section-county { margin-bottom: 20px; height: 50px; } .block_subscribe_mailchimp .subscribe .section-county-first { margin-bottom: 5px; } .block_subscribe_mailchimp .subscribe .section-digest { margin-bottom: 20px; width: auto; } .block_subscribe_mailchimp .subscribe .section-custom { margin-bottom: 20px; width: auto; } .block_subscribe_mailchimp .subscribe .section-submit { margin-bottom: 20px; margin-top: 20px; } .block_subscribe_mailchimp .btn-link { width: 178px; } .block_subscribe_mailchimp .input_text_pink { width: 98%; margin-bottom: 7px; font-size: 16px; padding: 8px; } .block_subscribe_mailchimp .select_pink { width: 98%; font-size: 16px; padding: 8px; background-position: 97% 20px; } .block_subscribe_mailchimp .select_pink .selectedTxt { padding: 8px 0; } .block_subscribe_mailchimp .select_pink .newList { max-height: 200px; } .block_subscribe_mailchimp .select_pink { } .block_subscribe_mailchimp .select_pink:after { } .block_subscribe_mailchimp .select_pink, .block_subscribe_mailchimp .select_pink a { font-size: 16px; padding: 8px; } .block_subscribe_mailchimp .select_pink .disabled .selectedTxt { color: #d1d1d1 !important; } .block_subscribe_mailchimp .submit_holder { margin-bottom: 20px; } .block_subscribe_mailchimp .submit_holder .section-submit { height: 40px; } .block_subscribe_mailchimp .submit_holder .btn_subscribe { width: 100%; font-size: 16px; height: 30px; padding-top: 10px; margin-top: 10px; } .body-mobile .block_subscribe_mailchimp .submit_holder .section-submit { height: 40px; } .body-mobile .block_subscribe_mailchimp .submit_holder .btn_subscribe { font-size: 18px; height: 40px; } .block_subscribe_mailchimp .submit_holder .btn_subscribe.arrow:after { margin-top: 6px; } .block_subscribe_mailchimp #loader_image { display: none; } .block_subscribe_mailchimp #error_message { padding-top: 20px; color: #f599c2; font-weight: bold; display: none; } .block_subscribe_mailchimp .success_holder { font-family: 'GothamRoundedBook', Arial, Helvetica, sans-serif; font-size: 19px; line-height: 24px; color: #808080; margin-top: 20px; margin-bottom: 20px; text-align: center; display: none; }

/* File: css/types/school_crest_item.css */
.school-crest input[type='text'], .school-crest-popup input[type='text'], .school-crest textarea, .school-crest-popup textarea { font-size: 1em; } .school-crest { background-color: #d7ecf9; padding-top: 21px; } .school-crest header, .school-crest main, .school-crest footer { display: block; } .school-crest header { padding: 1px 24px 1px 24px; position: relative; } .school-crest header .btn-back { position: absolute; top: 10px; left: 34px; background-color: #FFF; display: block; } .school-crest header .btn-back span { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 0 0 rgba(181,218,243,0.5); -moz-box-shadow: 1px 1px 0 0 rgba(181,218,243,0.5); box-shadow: 1px 1px 0 0 rgba(181,218,243,0.5); border: #f17eb3 1px solid; width: 30px; height: 30px; text-align: center; } .school-crest header .btn-back span i { font-size: 16px; color: #f17eb3; font-weight: bold; vertical-align: top; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } .school-crest main { padding: 1px 24px 1px 24px; } .school-crest ul { list-style: none; margin: 0; padding: 0; } .school-crest .boxed { background-color: #FFF; border: #f17eb3 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); -moz-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); -ms-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); -o-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); box-shadow: 2px 3px 0 0 rgba(181,218,243,1); padding: 19px; margin-bottom: 13px; } .school-crest header .boxed { margin-bottom: 11px; } .school-crest .crest-logo-mobile, .body-mobile .school-crest .crest-logo { display: none; } .body-mobile .school-crest .crest-logo-mobile { display: inline-block; margin-bottom: 10px; width: 100%; } .body-mobile .school-crest .crest-logo-mobile img { margin-left: 30px } .body-mobile .school-crest .boxed .t-a-l, .body-mobile .school-crest .boxed .t-a-l h1, .body-mobile .school-crest .boxed .t-a-l h2 { text-align: center; } .body-mobile .school-crest .f-s-14 { font-size: 16px; } .school-crest footer { } .school-crest footer > div { background-color: #fff; padding: 9px 0; border-top: #f17eb3 1px solid; } .school-crest footer h2 { float: none; color: #f27fb3 !important; margin: 0; padding: 5px 0; } .school-crest footer ul { -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } .school-crest footer a, .school-crest footer a:link, .school-crest footer a:active, .school-crest footer a:visited { color: #f27fb3; font-size: 12px; line-height: 200%; font-weight: normal; } .school-crest footer a:hover { color: #f27fb3; font-size: 12px; line-height: 200%; font-weight: normal; } .school-crest a.btn-link, .school-crest-popup a.btn-link { height: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .school-crest .boxed h1, .school-crest .boxed h2 { float: none; } .school-crest .boxed .t-a-l h1, .school-crest .boxed .t-a-l h2 { text-align: left; } .school-crest .boxed h1, .school-crest .boxed h2 { color: #f27fb3 !important; text-align: center; line-height: 150% !important; padding: 0; } .school-crest .boxed h2 { margin-bottom: 11px; } .school-crest .pbes.t-a-r, .school-crest-popup .pbes.t-a-r { text-align: center; height: auto; margin: 20px 0 0 0; } .school-crest .pbes.t-a-r .shares { margin-bottom: 7px; } .school-crest .pbes.t-a-r .shares .shares_count { font-size: 12px; top: 24px; } .school-crest .pbes.t-a-r .shares .shares_count.bigger { font-size: 16px; top: 22px; } .school-crest .pbes.t-a-r .shares .label { font-size: 10px; right: auto; top: 57px; width: 100%; } .school-crest-popup .popup-pbes { margin-top: 10px; } .school-crest-popup .popup-pbes .shares { display: none; } .school-crest-popup .popup-pbes .social-actions { } .school-crest-popup .popup-pbes .pbes.t-a-r { margin-top: 10px; } .school-crest .pbes.t-a-r .fa-stack { font-size: 20px; } .school-crest-popup.t-a-r .pbes .fa-stack { font-size: 16px; } .body-mobile .school-crest .pbes {} .body-mobile .school-crest .pbes .shares {} .body-mobile .school-crest .pbes .shares .shares_count { top: 19px; } .body-mobile .school-crest .pbes .shares .shares_count.bigger { top: 17px; } .body-mobile .school-crest .pbes .shares .label { top: 49px; } .body-mobile .school-crest .pbes .social-actions.shares-visible { padding-top: 6px; } .body-mobile .school-crest-popup .pbes {} .body-mobile .school-crest-popup .pbes .shares {} .body-mobile .school-crest-popup .pbes .shares .shares_count {} .body-mobile .school-crest-popup .pbes .shares .shares_count.bigger {} .body-mobile .school-crest-popup .pbes .shares .label {} .body-mobile .school-crest-popup .pbes .fa-stack { font-size: 24px; } .school-crest #find-a-school .btn-school-level { display: inline-block; padding-top: 52px; color: #4d4d4d !important; font-size: 14px !important; font-weight: bold; margin: 0 30px; min-width: 45px; } .school-crest #find-a-school .btn-school-level:first-of-type { margin: 0 30px 0 0; } .school-crest #find-a-school .btn-school-level:last-of-type { margin: 0 0 0 30px; } .school-crest #find-a-school-primary { background: url('//images.mummypages.co.uk/media/images/competitions/school_crest/primary3.png') 50% 0 no-repeat; } .school-crest #find-a-school-secondary { background: url('//images.mummypages.co.uk/media/images/competitions/school_crest/secondary3.png') 50% 0 no-repeat; } .school-crest #votes #votes-total { padding-top: 48px; display: inline-block; color: #4d4d4d !important; font-size: 18px !important; background: url('//images.mummypages.co.uk/media/images/competitions/school_crest/trophy.png') 50% 0 no-repeat; min-width: 26px; } .school-crest #schools-filter { } .school-crest #schools-filter .level, .school-crest #schools-filter .name { display: inline-block; margin-bottom: 13px; } .school-crest #schools-filter .level .btn-filter { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #ef80b3; -webkit-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); -moz-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); -ms-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); -o-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); box-shadow: 2px 3px 0 0 rgba(181,218,243,1); border: none; color: #ffffff; font-family: 'GothamRoundedBook', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; line-height: 100%; padding: 7px 11px; } .school-crest #schools-filter .level .btn-filter:hover, .school-crest #schools-filter .level .btn-filter:active, .school-crest #schools-filter .level .btn-filter.selected { background: #d85f96; } .school-crest #schools-filter .name input { margin: 0; padding: 7px; background-color: #FFF; border: #f17eb3 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); -moz-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); -ms-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); -o-box-shadow: 2px 3px 0 0 rgba(181,218,243,1); box-shadow: 2px 3px 0 0 rgba(181,218,243,1); color: #f27fb3; font-family: 'GothamRoundedBook', Arial, Helvetica, sans-serif; font-size: 24px; text-align: center; min-width: 322px; } .body-mobile .school-crest #schools-filter .name { display: block; } .body-mobile .school-crest #schools-filter .name input { font-size: 21px; min-width: 0; width: 100%; } .body-mobile .school-crest #schools-filter .name input#crest_url_share { font-size: 10px; } .school-crest #schools-filter .name input::-webkit-input-placeholder { margin: 0; padding: 2px; color: #f27fb3; text-align: center; } .school-crest #schools-filter .name input:-moz-placeholder { margin: 0; padding: 2px; color: #f27fb3; text-align: center; } .school-crest #schools-filter .name input::-moz-placeholder { margin: 0; padding: 2px; color: #f27fb3; text-align: center; } .school-crest #schools-filter .name input:-ms-input-placeholder { margin: 0; padding: 2px; color: #f27fb3; text-align: center; } .school-crest #schools-list ul li { margin: 15px 0; font-size: 11px; } .school-crest #schools-list ul li a { display: block; color: #4d4d4d; font-size: 20px; } .school-crest #schools-list ul li a i { font-size: 19px; vertical-align: middle; margin-left: 5px; display: inline; } .school-crest #schools-list .btn-add-school { margin-top: 10px; } .school-crest #school-voting button.school-vote { display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid transparent; width: 76px; height: 76px; font-size: 0; cursor: pointer; -webkit-box-shadow: 1px 1px 2px 0 rgba(217,217,217,1); -moz-box-shadow: 1px 1px 2px 0 rgba(217,217,217,1); -ms-box-shadow: 1px 1px 2px 0 rgba(217,217,217,1); -o-box-shadow: 1px 1px 2px 0 rgba(217,217,217,1); box-shadow: 1px 1px 2px 0 rgba(217,217,217,1); margin: 0; padding: 0; text-align: center; -webkit-appearance: none; } .school-crest #school-voting button.school-vote span { font-size: 27px; color: #FFF; padding: 21px 13px; margin: 0; display: inline-block; } .school-crest #school-voting button.school-vote:first-of-type { margin-right: 20px; } .school-crest #school-voting button.school-vote:last-of-type { margin-left: 20px; } .school-crest #school-voting #school-vote-yes { background-color: #84dd9f; border-bottom-color: #4fc36e; } .school-crest #school-voting #school-vote-yes:hover, .school-crest #school-voting #school-vote-yes:active { background-color: #4fc36e; } .school-crest #school-voting #school-vote-no { background-color: #f54633; border-bottom-color: #ed251a; } .school-crest #school-voting #school-vote-no:hover, .school-crest #school-voting #school-vote-no:active { background-color: #ed251a; } .school-crest #school-voting #school-no-crest-link { margin-top: 20px; } .school-crest #school-voting #school-no-crest-link a, .school-crest #school-voting #school-no-crest-link a:link, .school-crest #school-voting #school-no-crest-link a:active, .school-crest #school-voting #school-no-crest-link a:visited { font-size: 12px; color: #4d4d4d; } .school-crest #school-voting #school-no-crest-link a:hover { font-size: 12px; color: #4d4d4d; } #school-no-reasons { display: none; } #school-no-reasons ul li:before { content: "• " } .school-crest #school-results h2 { margin-bottom: 0; } .school-crest #school-results h3 { margin: 0 0 14px 0; padding: 0; } .school-crest #school-results-graph #piechart_3d { min-height: 200px; } .school-crest #school-results-graph #piechart_3d { margin: 0 auto; } .school-crest #school-results-graph #school-results-empty { margin: 25px 0; } .school-crest #school-voucher { position: relative; } .school-crest #school-voucher .crest-logo-holder img { margin-left: 40px; } .school-crest #school-voucher .logo-lidl { position: absolute; right: 6px; bottom: 5px; } .school-crest #school-voucher h2 { line-height: 130% !important; } .school-crest #school-voucher a:after { content: ""; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #f27fb3; vertical-align: top; margin-top: 8px; } .school-crest #school-voucher h2 a { color: #f27fb3 !important; } .school-crest-popup { width: 400px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .body-mobile .school-crest-popup { width: 300px; } .school-crest-popup .fancy-ajax-popup-title { font-family: 'GothamRoundedBold', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 21px; line-height: 138%; color: #f27fb3; margin-bottom: 15px; } .school-crest-popup ul { list-style: none; margin: 0; padding: 0; } .school-crest-popup ul#voter-gender { margin-bottom: 15px; } .school-crest-popup ul#voter-gender li { display: inline-block; margin: 0 10px; } .school-crest-popup #voter-gender input[type="radio"] { display: none; } .school-crest-popup #voter-gender input[type="radio"] + span { cursor: pointer; display: inline-block; padding-top: 70px; min-width: 57px; } .school-crest-popup #voter-gender input[type="radio"] + span#voter-gender-1 { background: url('//images.mummypages.co.uk/media/images/competitions/school_crest/mum.png') 50% 0 no-repeat; } .school-crest-popup #voter-gender input[type="radio"]:checked + span#voter-gender-1 { background: url('//images.mummypages.co.uk/media/images/competitions/school_crest/mum-act.png') 50% 0 no-repeat; color: #f27fb3; } .school-crest-popup #voter-gender input[type="radio"] + span#voter-gender-2 { background: url('//images.mummypages.co.uk/media/images/competitions/school_crest/dad.png') 50% 0 no-repeat; } .school-crest-popup #voter-gender input[type="radio"]:checked + span#voter-gender-2 { background: url('//images.mummypages.co.uk/media/images/competitions/school_crest/dad-act.png') 50% 0 no-repeat; color: #1b75bb; } .school-crest-popup #voter-gender input[type="radio"] + span#voter-gender-3 { background: url('//images.mummypages.co.uk/media/images/competitions/school_crest/other.png') 50% 0 no-repeat; } .school-crest-popup #voter-gender input[type="radio"]:checked + span#voter-gender-3 { background: url('//images.mummypages.co.uk/media/images/competitions/school_crest/other-act.png') 50% 0 no-repeat; color: #63a678; } .school-crest-popup #vote-description { margin-bottom: 15px; } .school-crest-popup #vote-description, .school-crest-popup #vote-description * { font-size: 12px; color: #808080; } .school-crest-popup #county-select { margin: 0 auto; display: block; max-width: 300px; } .school-crest-popup #county-select li { display: inline-block; float: left; } .school-crest-popup #county-select li a { display: block; width: 60px; margin: 15px 0; } .school-crest-popup #county-select li a, .school-crest-popup #county-select li a:link, .school-crest-popup #county-select li a:active, .school-crest-popup #county-select li a:visited { font-size: 10px; color: #666; } .school-crest-popup #county-select li a:hover { font-size: 10px; color: #666; } .school-crest-popup #county-select li a img, .school-crest-popup #county-select li a span { display: block; margin: 0 auto; } .school-crest-popup #county-select li a img { width: 27px; height: 27px; margin-bottom: 5px; } .school-crest-popup #vote-buttons input { width: 80%; box-sizing: border-box; text-align: center; text-decoration: none; } .school-crest-popup #vote-buttons input.error { width: 80%; box-sizing: border-box; } .school-crest-popup #vote-buttons input.error { color: #c4241d; border-color: #c4241d; } .school-crest-popup #vote-buttons input.error::-webkit-input-placeholder { color: #c4241d; text-align: center; } .school-crest-popup #vote-buttons input.error:-moz-placeholder { color: #c4241d; text-align: center; } .school-crest-popup #vote-buttons input.error::-moz-placeholder { color: #c4241d; text-align: center; } .school-crest-popup #vote-buttons input.error:-ms-input-placeholder { color: #c4241d; text-align: center; } .school-crest-popup #vote-buttons > * { margin-top: 5px; width: 80%; } .school-crest-popup #vote-buttons .or { color: #f27fb3; font-size: 12px; }