/* Theme Name: WelshBloodService Author: Pure Emerald Author URI: www.pureemerald.co.uk This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* Generic */ body, html {font-family: verdana,Arial,Helvetica,sans-serif; color: #333; font-size: 12px; background: #F2F2F2; background-image: url('/wp-content/themes/WelshBloodService/media/WB-body-grad.jpg'); height: 100%; background-repeat: repeat-x;} body.no-background {background: transparent} h1, h2, h4, h8 {font-family: Arial,Helvetica,sans-serif; font-weight: bold; } h1 {font-size: 20px; color: #848484; } h2 {color: #333; font-weight: bold; font-size: 15px; line-height: 22px} h3 {color: #333; font-weight: bold; font-size: 12px; line-height: 20px; font-family: verdana,Arial,Helvetica,sans-serif;} h4 {color: #848484; padding-bottom: 10px; font-size: 18px; font-family: Arial,Helvetica,sans-serif;} h5, h5 a {font-size: 20px; margin: 10px 0px; color: #67B6DD; font-weight: bold;} h6, h6 a {color: #ee1b26; font-weight: bold; font-size: 16px; margin-top:0} h7, h7 a { font-size: 13px; font-weight: bold} h8 {font-size: 50px; font-weight: bold;} h2.red {color: #BA2530; font-size: 18px} h3.grey {margin: 10px 0 20px; color: #848484; border-bottom: 1px solid #848484; padding-bottom: 10px; font-size: 18px; font-family: Arial,Helvetica,sans-serif;} h1.page-title {margin-top: 0} .page-header {margin:0 0 20px} h3.info-title {border-bottom: 1px solid #C1C1C1; margin-top: 30px; font-size:16px; padding-bottom: 5px;} h2.big {color: #e30613; font-size: 24px; border-bottom: none; line-height: 30px;} .img-responsive {display: inline} .left-column {padding-left: 0} .right-column {padding-right: 0} .no-padding {padding: 0} a:focus {outline: none} a, a:focus { color: #ED1B24; text-decoration: none; outline:none} a:hover {color: #ED1B24; text-decoration: underline; outline: none } ul {padding-left: 15px;} ul li {padding: 2px 0} a.svg { position: relative; display: inline-block;} a.svg:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .master-slider a, .master-slider a:hover {color: white; text-decoration: underline} /* Heading */ #header {padding:30px 0 0px} #header .logo {position: relative} #header .logo img {position: absolute; top:25px} #header .heading {font-family: Arial,Helvetica,sans-serif; font-size: 22px; font-weight: bold; color: #ED1C24; position: relative} #header .heading p {position: absolute; top:45px; left: 21px} #header .heading-welsh p {left: 17px;} #phone {color: #828282; font-size: 22px; text-align: right; font-weight: bold; font-family: Arial,Helvetica,sans-serif;} #header form input {font-weight: normal; font-size: 22px} #header .heading-platelet {font-family: Arial,Helvetica,sans-serif; font-size: 22px; font-weight: bold; color: #EF9100; position: relative} #header .heading-platelet p {position: absolute; top:45px} #header.head-welsh .logo img {top:26px;} .breadcrumbs {padding: 0 0 20px} #language {background: #ef1f20; /* Old browsers */background: -moz-linear-gradient(top, #ef1f20 0%, #bf1717 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ef1f20 0%,#bf1717 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ef1f20 0%,#bf1717 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef1f20', endColorstr='#bf1717',GradientType=0 ); /* IE6-9 */; min-height: 30px; border-radius: 0 0 10px 10px; padding:3px 15px} #language li.active {display: none} #language li {opacity: 1} #language li a {color: white; font-size: 14px; font-weight: bold; } .qtranxs_widget ul {text-align: center; padding-left: 0; list-style: none} .qtranxs_widget ul li {margin:0 !important} ul.language-chooser {margin-bottom:0px; } #twitter {min-height: 30px; border-radius: 0 0 10px 10px; padding:3px 15px; background: #848484; text-align: center; font-size: 14px; font-weight: bold;} #twitter a {color: white;} #twitter .fa {font-size: 16px; padding: 0 5px} #twitter a:hover {color: #ED1B24} #yoxview_popupWrap {z-index: 1000 !important} /* Menu */ .navbar-collapse {padding:0} .navbar {margin-bottom:0} .navbar-default {background-color: transparent; border-color: transparent;} #cssmenu {padding: 0; margin: 0; border: 0; width: auto; float: right; font-family: Arial,Helvetica,sans-serif;} #cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;} #cssmenu ul { position: relative; z-index: 597;} #cssmenu ul li { display: inline-block; min-height: 1px; vertical-align: middle;} #cssmenu ul li.hover,#cssmenu ul li:hover { position: relative; z-index: 599; cursor: default;} #cssmenu ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;} #cssmenu ul ul li { float: none;} #cssmenu ul ul ul { top: 0; left: 190px; width: 190px;} #cssmenu ul li:hover > ul { visibility: visible;} #cssmenu ul ul { bottom: 0; left: 0;} #cssmenu ul ul { margin-top: 1px;} #cssmenu ul ul li { font-weight: normal;} #cssmenu a { display: block; line-height: 1em; text-decoration: none;} #cssmenu {font-size: 12px; margin-top:19px} #cssmenu > ul { *display: inline-block;} #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both;} #cssmenu ul ul {border-top: 1px solid #C1C1C1;text-transform: none; min-width: 190px;} #cssmenu ul ul a { background: #EDEDED; color: #4B4B4B; border: 1px solid #C1C1C1; border-top: 0 none; line-height: 150%; padding: 8px 20px; font-size: 15px;} #cssmenu ul ul a:hover { background: #ee1b26; color: white;} #cssmenu ul ul ul { border-top: 0 none;} #cssmenu ul ul li { position: relative; display: block} #cssmenu ul li.last ul { left: auto; right: 0;} #cssmenu ul li.last ul ul { left: auto; right: 99.5%;} #cssmenu a {padding: 0 21px;} #cssmenu > ul > li > a { line-height: 48px; font-size: 18px; color: #4B4B4B} #cssmenu ul li.current-menu-ancestor a { color: #ee1b26} #cssmenu ul li.current-menu-ancestor ul li a { color: #4B4B4B} #cssmenu ul li.current-menu-ancestor ul li a:hover { color: white} #cssmenu > ul > li > a:hover {/*background: #ee1b26;*/color: #ee1b26;} #cssmenu > ul > li:nth-child(1) > a {padding-left:0} #cssmenu > ul > li:nth-last-child(1) > a {padding-right:0} #main-menu {padding:0 15px 0 0} #main-menu-welsh {padding:0 15px 0 0} #main-menu-welsh #cssmenu ul ul a {padding:16px 17px;} #main-menu-welsh #cssmenu a {padding: 0 21px;} #main-menu-welsh #cssmenu > ul > li:nth-child(1) > a {padding-left:0} #main-menu-welsh #cssmenu > ul > li:nth-last-child(1) > a {padding-right:0} #cssmenu > ul > li:nth-last-child(1) ul {left:-79px;} #main-menu-welsh #cssmenu > ul > li:nth-last-child(1) ul {left:-49px;} #breadcrumb {border-top: 1px solid #C1C1C1; padding-top:10px; margin-left: 5px;} /* home Page */ #primary {margin-top:10px; background-image: url('/wp-content/themes/WelshBloodService/media/background_heart.png'); background-repeat: no-repeat; background-position: left bottom; min-height: 400px} #primary-home {margin-top:10px;} #mob-home-slider {display: none} /* Donations Boxes */ .donation-boxes {background: #ef1f20; /* Old browsers */background: -moz-linear-gradient(top, #ef1f20 0%, #bf1717 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ef1f20 0%,#bf1717 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ef1f20 0%,#bf1717 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef1f20', endColorstr='#bf1717',GradientType=0 ); /* IE6-9 */; height: 100px; padding:15px; color: white; border-radius: 7px; margin-bottom: 20px} .donation-boxes h5 {margin:0 0 15px; color: white; font-size: 17px; font-family: Arial,Helvetica,sans-serif; } .donation-boxes .fa {margin-top: -30px; float: right; font-size:16px} .donation-boxes a {color: white;} .donation-boxes-orange {min-height: 100px; padding:15px; color: white; border-radius: 7px; margin-bottom: 20px;/ background: #f48615; /* Old browsers */ background: -moz-linear-gradient(top, #f48615 0%, #ed6c0b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f48615 0%,#ed6c0b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f48615 0%,#ed6c0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48615', endColorstr='#ed6c0b',GradientType=0 ); /* IE6-9 */ } .donation-boxes-orange h5 {margin:0 0 15px; color: white; font-size: 17px; font-family: Arial,Helvetica,sans-serif; } .donation-boxes-orange .fa {margin-top: -30px; float: right; font-size: 16px} .donation-boxes .gmw-results-wrapper {display: none} .donation-boxes .gmw-pt-default-form-wrapper {margin:10px 0 0 !important} .donation-boxes .gmw-pt-default-form-wrapper .gmw-unit-distance-wrapper {display: none} .wppl-info .wppl-info-right {width: 100% !important;} /* Sliding Information */ #sliding-info {background: #b71e16; /* Old browsers */background: -moz-linear-gradient(left, #b71e16 39%, #d81f25 98%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #b71e16 39%,#d81f25 98%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #b71e16 39%,#d81f25 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b71e16', endColorstr='#d81f25',GradientType=1 ); /* IE6-9 */ min-height: 100px; background-size: contain; border-radius: 8px} #text-slider {line-height: 22px !important} #text-slider .text-slideshow article {width: 80%; float: left; padding: 25px;} #sliding-info .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {background: url('/wp-content/themes/WelshBloodService/media/light-skin-1.png') no-repeat !important; top:70% !important} #sliding-info .ms-skin-default .ms-nav-next { right: 10px !important; left: auto; background-position: -89px -103px !important;} #sliding-info .ms-skin-default .ms-nav-prev {background-position: -89px -26px !important; left: 92% !important;} #sliding-info .ms-slide .ms-layer {font-weight: bold} /* Stock */ #stock-levels {min-height: 100px; border-radius: 8px; border:1px solid #c6c6c6; padding: 15px; background: #ffffff} #stock-levels .fa {margin-top:15px;} #stock-levels p {font-size: 18px; font-family: Arial,Helvetica,sans-serif; color: #676767; font-weight: bold;} #stock-levels .welsh-stock p {font-size:16px} #stock-levels a {color: #676767} #stock-levels .stock-lvls {padding-top: 9px;} /* White Boxes */ #more-info {margin-top: 20px;} .white-box {border-radius: 8px; border:1px solid #c6c6c6; height: 155px; background: #FFFFFF; padding: 15px} .home-footer-boxes {line-height: 130px; display: block} .home-footer-boxes .tell-friend {vertical-align: middle; margin-bottom: 0px; display: inline-block; line-height: 21px; width: 100%} .register-updates .fa {float: right; font-size: 25px; margin-top: -30px;} .register-updates {border-bottom:1px solid #c6c6c6;} .tell-friend p {margin: 0} .tell-friend .fa {float: right; font-size: 16px; margin-top:-22px;} .white-box img {margin: 0 auto} .white-box a p, .white-box a .fa {color: #333} .white-box a .fa:hover {color: #ED1B24} .all-wales {text-align: center; padding: 20px 15px 0 } /* Page Body */ .secondary-menu .menu {margin-bottom:30px;} .secondary-menu ul {padding-left: 0; list-style: none} .secondary-menu ul li {padding: 5px; font-weight: bold; display: block; background-color: #EDEDED; border: 1px solid #E6E6E6; margin-bottom: 5px} .secondary-menu ul li a {color: #676767; } .secondary-menu ul li.current-menu-item {background-color: #848484; border-color: #7A7A7A;} .secondary-menu ul li.current-menu-item a {color: white;} .page-heading-img img {max-width: 100%; height: auto; width: 100%;} h1.entry-title {border-bottom: 1px solid #C1C1C1; padding-bottom: 5px; margin-top:0; line-height: 30px} .page-heading-img .post-thumbnail {margin-bottom: 20px; height: 270px; overflow: hidden} .secondary-menu ul li.current_page_parent {background-color: #848484; border-color: #7A7A7A;} .secondary-menu ul li.current_page_parent a {color: white;} .fact h5 {margin-top: 0px} .secondary-menu ul li.sub-menu-item {margin-left: 20px;} .secondary-menu ul.post-meta li {background: transparent; border: 0} .secondary-menu ul.post-meta li .post-meta-key {display: none} .fact h7 { background-color: #EDEDED; border: 1px solid #E6E6E6; padding: 15px; color: #676767; display: block } .wpgmp_map_container {margin-bottom: 30px} /* News Items */ #comments {display: none} .post-navigation {display: none} .post-featured img {width: 100%; height: auto;} h2.entry-title {border-bottom: 1px solid #C1C1C1; padding-bottom: 5px;} .img-post {height: 110px; overflow: hidden} .pagination {width: 100%;} /* Blood Stock Levels */ #divForGraph {margin-top: 40px; width: 100%; height: 300%; position: relative; text-align: center} /* Programme Manager Updates */ ul.display-posts-listing {padding-left: 0; list-style: none} ul.display-postswelsh-listing {padding-left: 0; list-style: none} .listing-item .date {padding-bottom: 5px; border-bottom: 1px solid #c2c2c2; margin-bottom:20px;} .more-updates {margin:20px 0 30px} /* Where to Donate */ div.gmw-pt-default-form-wrapper input[type="text"] {color: black; width: 80%; float: left;} div.gmw-pt-default-form-wrapper .gmw-address-field-wrapper {display: inline !important} .donation-boxes .gmw-distance-select, .donation-boxes #gmw-units-2/*, .donation-boxes #gmw-submit-2*/ {display: none;} .gmw-submit-wrapper {float: left; width: 15%;margin-left: 5%;} div.gmw-pt-default-form-wrapper input[type="text"] {padding:0 10px 0 !important; height: 37px;} /*** What to expect ***/ .process-blk {margin-bottom: 30px;} .process-step-1 { min-height: 215px; display: block} .process-step-1 .left-column {line-height: 215px;} .process-step-2 { min-height: 112px; display: block} .process-step-2 .left-column {line-height: 112px;} .process-step-3 { min-height: 146px; display: block} .process-step-3 .left-column {line-height: 146px;} .process-step-4 { min-height: 129px; display: block} .process-step-4 .left-column {line-height: 129px;} /* Donating Platelets */ .donate-plate h3 { color: #ED1B24; font-size: 17px; } .donate-plate .donating-platelets p {margin:30px 0} .donate-plate .donating-platelets {margin:10px 0} #platelets-icon {clear: both; margin-top: 30px;} #platelets-row {margin-bottom: 30px;} #platelets-icon a h3 {color: #ED1B24} .donate-enrol .entry-content h1 {color: #EF9100} .donate-enrol .entry-content form input {width: 100%; min-height: 30px; margin:5px 0 10px} .donate-enrol .entry-content form input[type="radio"] {width:auto; float: left} .donate-enrol .entry-content form span#language-choice .wpcf7-list-item {margin-right: 30px; margin-left: 0} .donate-enrol .entry-content form input[type="submit"] {width: auto; color: white; background: #e11d1e; padding:6px 12px; border:0; border-radius: 5px; margin-top: 30px; font-size: 13px;} .donate-enrol .entry-content form select {margin-top:5px; height: 35px; min-width: 175px; background: #ffffff url('/wp-content/themes/WelshBloodService/media/WB-dropdown.jpg') no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none;appearance: none; border:1px solid #C1C1C1;} .donate-enrol .entry-content form input[type="radio"] {min-height: 16px; margin: 0} .donate-enrol .entry-content form span#language-choice {margin-top: 5px} .donation-bar-orange {min-height: 35px; padding:15px; color: white; border-radius: 7px; margin-bottom: 20px;/ background: #f48615; /* Old browsers */ background: -moz-linear-gradient(top, #f48615 0%, #ed6c0b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f48615 0%,#ed6c0b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f48615 0%,#ed6c0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48615', endColorstr='#ed6c0b',GradientType=0 ); /* IE6-9 */ margin-top:20px;} p.indent {padding:0 15px} .donation-boxes-orange a {color: white;} .donation-bar-orange h5 {margin:0; color: white; font-size: 17px; font-family: Arial,Helvetica,sans-serif; } .donate-new {margin-bottom:30px;} div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {border:0; padding: 0; margin: 0} .wpcf7-form-control-wrap {margin-top:-10px;} .Whatkindofdonor {margin: 15px 0} .wpcf7-list-item-label {float: left; margin-left:10px; width: 90% } .wpcf7-list-item {margin-bottom: 10px;} .donation-bar-red { min-height: 35px; padding:15px; color: white; border-radius: 7px; margin-bottom: 20px; -o-background: #ef1f20; /* Old browsers */ background: -moz-linear-gradient(top, #ef1f20 0%, #bf1717 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ef1f20 0%,#bf1717 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ef1f20 0%,#bf1717 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef1f20', endColorstr='#bf1717',GradientType=0 ); /* IE6-9 */; margin-top:20px; } .donation-bar-red h5 {margin:0; color: white; font-size: 17px; font-family: Arial,Helvetica,sans-serif; } #platelets-row h3 {font-size: 15px; font-weight: normal} #platelets-icon h3 {font-size: 14px; font-weight: normal} /* Enrol Form */ .entry-content form input {width: 100%; min-height: 30px; margin:5px 0 10px} .entry-content form input[type="submit"] {width: auto; color: white; background: #e11e1e; padding:6px 12px; border:0; border-radius: 5px; margin-top: 30px; font-size: 13px;} .entry-content form input[type="radio"] {min-height: 16px; margin: 0; width:auto; float: left;} .entry-content form span#language-choice {margin-top: 5px} .entry-content form select {} .entry-content form select { -webkit-appearance: none; -moz-appearance: none; appearance: none;} .entry-content form select::-ms-expand { /* for IE 11 */ display: none;} .entry-content form select {margin-top:5px; height: 35px; min-width: 175px; background: #ffffff url('/wp-content/themes/WelshBloodService/media/WB-dropdown-red.jpg') no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none;appearance: none; border:1px solid #C1C1C1;} /*target Internet Explorer 9 and Internet Explorer 10:*/ @media screen and (min-width: 0\0) { .entry-content form select { padding: 5px; } } .entry-content .entry-content form span#language-choice .wpcf7-list-item {margin-right: 30px; margin-left: 0} .entry-content form input[type="checkbox"] {width:auto; margin:0px; min-height: 16px; float: left; margin-left: 20px;} .wpcf7-checkbox {margin-bottom: 30px;} div.gmw-pt-default-form-wrapper input[type="text"] {margin-top: 0 !important} /* Inspiring Stories */ .display-stories-listing, .display-storieswelsh-listing {list-style: none; padding: 0} .listing-item h2 {border-bottom: 1px solid #C1C1C1; padding-bottom: 5px;} article .post-featured {margin-bottom: 20px} /* Audio Stories */ .audio-stories { margin:15px 0;} .audio-stories h3.audio {font-size: 16px; margin-top:0; margin-bottom: 30px} .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {background: #848484 !important } /* Search Pages */ .archive img {max-width: 100%; height: auto} .archive article {margin-bottom: 30px;} .archive .entry-summary p a.more-link, .archive .entry-footer {display: none} /* Heart Menu */ #donate-menu.secondary-menu ul li.current-menu-item, #donate-menu.secondary-menu ul li {background: url('/wp-content/themes/WelshBloodService/media/WB-bullet.png') no-repeat; border:0; } #donate-menu.secondary-menu ul li a {color: #e11e1e;} #donate-menu.secondary-menu ul li {padding-left:35px;} #donate-menu.secondary-menu ul li.current-menu-item a {color: #333; } .donate-icons {min-height: 210px; margin-bottom:20px;} .yoxview {margin:20px 0} textarea {width:100%;} /* Where to Donate List */ ul.display-donor-listing, ul.display-donorwelsh-listing {list-style: none; padding-left: 0} ul.display-donor-listing li h2, ul.display-donorwelsh-listing li h2 {margin:0; border-bottom: 0; font-size: 14px;} ul.display-donor-listing li, ul.display-donorwelsh-listing li {border-bottom: 1px solid #C1C1C1; padding:20px 0} ul.display-donor-listing li .more-updates, ul.display-donorwelsh-listing li .more-updates {margin:0} ul.display-donor-listing .booking-date {font-size: 11px;} .location {display: none} .appDate {display:none} #breadcrumb ul {padding-left: 0; list-style: none;} #breadcrumb ul li {display: inline; padding: 0} .breadcrumb-appoint {padding: 0 0 10px} .appointmens .well {max-width: 100% !important; padding:5px 15px !important} .appointmens .btn, .appointmens .btn-primary {width:100%; text-align: left; background: #EDEDED; border:none; color: #ED1B24; padding: 15px 10px; margin:20px 0 10px} .appointmens .well h5 {font-size: 12px; color: #333; margin:10px 0; border-bottom: 1px solid #C1C1C1; padding-bottom: 5px} .appointmens .well .right-column {text-align: right } .appointmens h3 {font-size: 15px} /* Tell A Friend */ .friend-card {margin:0 0 10px; min-height: 65px; line-height: 65px;} .friend-card input[type="radio"] {margin-top: 25px !important;} .entry-content form {margin-top: 30px;} .bloodcard .wpcf7-list-item-label, .plateletcard .wpcf7-list-item-label, .friend-card .wpcf7-list-item-label {width: auto} /** Blood Stock Levels **/ .graphLabeldivForGraph {min-height: 34px;} /* Footer */ #footer {margin:50px 0 10px; font-size: 11px; border-top: 1px solid #C1C1C1; padding-top: 10px} #footer ul#menu-footer-menu {padding: 0; list-style: none} #footer ul#menu-footer-menu li {display: inline-block; padding:0 7px; border-right: 1px solid #939393; font-size: 11px} #footer ul#menu-footer-menu li a {color: #ED1B24} #footer ul#menu-footer-menu li:nth-child(1) {padding-left: 0} #footer p {text-align: right}