/*
 * Theme Name: Get The Facts
 * Theme URI: https://www.getthefacts.health.wa.gov.au/
 * */

/* TABLE OF CONTENT 
 *
 * - CUSTOM RESETS
 * - LAYOUT
 * - HEADER 
       - Top Header
       - Logo and Features 
       - Menu
 * - HERO (BANNER)
 * - HOMEPAGE SECTIONS
       - Support & Quiz
       - Blog 
       - Ask a question
       - Download
 * - SIDEBAR
 * - FOOTER
 * - LIFE STORIES
 * - BLOG
 * - CHLAYDIA FORM
 * - COLOR SCHEMES
 *
 */


@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 100;
    src: local('Heebo Thin'), local('Heebo-Thin'), url(https://fonts.gstatic.com/s/heebo/v5/NGS0v5_NC0k9P9mVfbNrsw.woff) format('woff');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 300;
    src: local('Heebo Light'), local('Heebo-Light'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9ldb6RMkKg.woff) format('woff');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 400;
    src: local('Heebo'), local('Heebo-Regular'), url(https://fonts.gstatic.com/s/heebo/v5/NGS6v5_NC0k9P9H2Tbc.woff) format('woff');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 500;
    src: local('Heebo Medium'), local('Heebo-Medium'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9kFbqRMkKg.woff) format('woff');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 700;
    src: local('Heebo Bold'), local('Heebo-Bold'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9lNaKRMkKg.woff) format('woff');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 800;
    src: local('Heebo ExtraBold'), local('Heebo-ExtraBold'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9lRa6RMkKg.woff) format('woff');
}
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 900;
    src: local('Heebo Black'), local('Heebo-Black'), url(https://fonts.gstatic.com/s/heebo/v5/NGS3v5_NC0k9P9l1aqRMkKg.woff) format('woff');
}

/* CUSTOM RESETS
================================================== */
a {
    color: #2b2e33;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;    
}

a:focus,
a:hover {
    color: #9a122b;
    background-color: #ffffff;
    /*color: #b71534;*/
    /*outline: 0 none;*/
    /*text-decoration: none;*/
}

p {
    font-weight: 300;
    line-height: 20px;
}

/*.h1, h1 { font-size: 32px; }
.h2, h2 { font-size: 2.8rem; }
.h3, h3 { font-size: 2.6rem; }
.h4, h4 { font-size: 1.8rem; }
.h5, h5 { font-size: 1.4rem; font-weight: 600; } */

.h1 { font-size: 32px; }
.h2 { font-size: 28px; }
.h3 { font-size: 24px; }
.h4 { font-size: 18px; }
.h5 { font-size: 14px; font-weight: 600; }

.noTopMargin,
.inLineContentContainer h1:first-child,
.inLineContentContainer h2:first-child,
.inLineContentContainer h3:first-child {margin-top:0;}

/* Form controls */
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    border: 1px solid #bfbfbf;
    border-radius: 0px;
    box-shadow: none;
    background-color: #fff;
    background-image: none;
    display: block;
    /*font-size: 16px;*/
    font-size: 115%;
    width: 100%;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    -webkit-appearance: none;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;    
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #000;
    box-shadow: none;
} 

label {
    color: #000;
    margin-bottom: 0;
    cursor: pointer;
}

button {
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;  
}

/* Buttons */
.btn {
    color: #2b2e33;
    border: 1px solid #2b2e33;
    border-radius: 0;
    width: 134px;
    height: 32px;
    line-height: 28px;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 0;
}

.btn:hover {
    background-color: #2b2e33;
    color: #fff;
    border-color: #2b2e33;
}

.btn-white {
    border-color: #fff;
    color: #fff;
}

.btn-small {
    width: 60px; 
}

.btn-results {
    width: 130px;
}

.btn-green {
/*    background-color: #00795f;*/
    background-color:#00795f;
    border-color: #00795f;
    color: #fff;
}

.btn-green:hover,
.btn-green:focus {
    background-color: #fff;
    border-color: #00795f;
    color: #00795f;
}

#askQuestionForm #defaultControl_ctl00_segment34_ctl00_place42_ctl00_btnSaveQuestion{
    border: 1px solid #4c5155;
    background-color: #4c5155;
    border-radius: 0;
    color: #fff;
    font-size: 1.4rem;
    height: 32px;
    line-height: 28px;
    padding: 0;
    text-transform: uppercase;
    width: 134px;
    -moz-user-select: none;
    background-image: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: 20px 0px 0px 0px;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

#askQuestionForm #defaultControl_ctl00_segment34_ctl00_place42_ctl00_btnSaveQuestion:hover,
#askQuestionForm #defaultControl_ctl00_segment34_ctl00_place42_ctl00_btnSaveQuestion:focus{
    background-color: #fff;
    border-color: #4c5155;
    color: #4c5155;
}

#askQuestionForm .formRow:first-child{
    margin-bottom: 10px;
}

#askQuestionForm textarea{
    height: 230px;
}


/* Nav tabs */
.nav-tabs li a {
    border: 0 none;
}
.nav-tabs li:last-child a {
    margin-right: 0;
}

/* Margin and padding resets */
.mb-20 { margin-bottom: 20px; }

/* backgrounds */
.purple-bg, .purple-bg a:hover, .purple-bg a:focus { background-color: #542fce; }
.orange-bg, .orange-bg a:hover, .orange-bg a:focus { background-color: #DB7E04; }
.dark-green-bg, .dark-green-bg a:hover, .dark-green-bg a:focus { background-color: #00795f; }
.pink-bg, .pink-bg a:hover, .pink-bg a:focus { background-color: #af0060; }
.light-green-bg, .light-green-bg a:hover, .light-green-bg a:focus { background-color: #969B17; }
.dark-red-bg, .dark-red-bg a:hover, .dark-red-bg a:focus { background-color: #7a1400; }
.green-bg, .green-bg a:hover, .green-bg a:focus { background-color: #62a60e; }
.dark-blue-bg, .dark-blue-bg a:hover, .dark-blue-bg a:focus { background-color: #004d83; }
.gray-bg, .gray-bg a:hover, .gray-bg a:focus { background-color: #5b6670; }


/* 
 * Checkbox animate
 */

/* checkboxanimate */
.checkboxanimate {
    margin-top: 5px;
}

.checkboxanimate [type="checkbox"]:not(:checked),
.checkboxanimate [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.checkboxanimate [type="checkbox"]:not(:checked) + label,
.checkboxanimate [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 26px;
}

/* checkbox aspect */
.checkboxanimate [type="checkbox"]:not(:checked) + label:before,
.checkboxanimate [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 2px;
    width: 22px;
    height: 22px;
    background: transparent;
    border: 1px solid #bfbfbf;
}

.checkboxanimate [type="checkbox"]:checked:focus + label::before {
    border: 1px solid #aaa;
}

/* checked mark aspect */
.checkboxanimate [type="checkbox"]:not(:checked) + label:after,
.checkboxanimate [type="checkbox"]:checked + label:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 7px;
    left: 3px;
    font-size: 1.6rem;
    line-height: 0.8;
    color: #00795f;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}

/* checked mark aspect changes */
.checkboxanimate [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}
.checkboxanimate [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

/* disabled checkbox */
.checkboxanimate [type="checkbox"]:disabled:not(:checked) + label:before,
.checkboxanimate [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    background-color: #ddd;
}
.checkboxanimate [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.checkboxanimate [type="checkbox"]:disabled + label {
    color: #aaa;
}

/* Custom colored checkboxes */
.colored-checkbox.checkboxanimate [type="checkbox"]:not(:checked) + label::after, 
.colored-checkbox.checkboxanimate [type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-light-green.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-light-green.checkboxanimate [type="checkbox"]:checked + label::before, 
.checkbox-capability1.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-capability1.checkboxanimate [type="checkbox"]:checked + label::before {
    background-color: #9b9f02;
    border-color: #9b9f02;  
}

.checkbox-pink.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-pink.checkboxanimate [type="checkbox"]:checked + label::before, 
.checkbox-capability4.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-capability4.checkboxanimate [type="checkbox"]:checked + label::before {
    background-color: #af005f;
    border-color: #af005f;  
}

.checkbox-orange.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-orange.checkboxanimate [type="checkbox"]:checked + label::before, 
.checkbox-capability8.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-capability8.checkboxanimate [type="checkbox"]:checked + label::before {
    background-color: #ed9809;
    border-color: #ed9809;  
}

.checkbox-dark-green.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-dark-green.checkboxanimate [type="checkbox"]:checked + label::before, 
.checkbox-capability64.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-capability64.checkboxanimate [type="checkbox"]:checked + label::before {
    background-color: #009b76;
    border-color: #009b76;  
}

.checkbox-dark-blue.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-dark-blue.checkboxanimate [type="checkbox"]:checked + label::before, 
.checkbox-capability128.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-capability128.checkboxanimate [type="checkbox"]:checked + label::before {
    background-color: #007da3;
    border-color: #007da3;  
}

.checkbox-light-blue.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-light-blue.checkboxanimate [type="checkbox"]:checked + label::before, 
.checkbox-capability512.checkboxanimate [type="checkbox"]:not(:checked) + label::before, 
.checkbox-capability512.checkboxanimate [type="checkbox"]:checked + label::before {
    background-color: #00a2e2;
    border-color: #00a2e2;  
}


/* 
 * Radio animate
 */

/* radioanimate */
.radioanimate {
    margin-bottom: 15px;
}

.radioanimate [type="radio"]:not(:checked),
.radioanimate [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

.radioanimate [type="radio"]:not(:checked) + label,
.radioanimate [type="radio"]:checked + label {
    position: relative;
    padding-left: 30px;
    font-size: 1.6rem;
}

/* radio aspect */
.radioanimate [type="radio"]:not(:checked) + label:before,
.radioanimate [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; 
    top: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #e1e1e1;
    background: transparent;
    border-radius: 50px;
}

.radioanimate [type="radio"]:checked:focus + label::before {
    border: 1px solid #aaa;
}

/* checked mark aspect */
.radioanimate [type="radio"]:not(:checked) + label:after,
.radioanimate [type="radio"]:checked + label:after {
    content: '\f111 ';
    font-family: FontAwesome;
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 1.5rem;
    line-height: 0.8;
    color: #24a828;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}

/* checked mark aspect changes */
.radioanimate [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}
.radioanimate [type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}


/* background-color style just for information */
.radioanimate [type="radio"]:not(:checked) + .black::after,
.radioanimate [type="radio"]:checked + .black::after {
    color: #000000;
}

.radioanimate [type="radio"]:not(:checked) + .green::after,
.radioanimate [type="radio"]:checked + .green::after {
    color: #00ff00;
}

.radioanimate [type="radio"]:not(:checked) + .blue::after,
.radioanimate [type="radio"]:checked + .blue::after {
    color: #0000ff;
}

.radioanimate [type="radio"]:not(:checked) + .red::after,
.radioanimate [type="radio"]:checked + .red::after {
  color: #ff0000;
}


/* Carousel fade */
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/* LAYOUT
================================================== */
html{
    font-size: 62.5%;
}

body{
    font-size: 1.4rem;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    color: #2b2e33;
    background-color: #ffffff;
}

/* Elements */
.breadcrumb {
    background: none;
    padding: 0 0 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #888888;
    border-radius: 0;
}

.breadcrumb a {
    color: #2b2e33;
}

.breadcrumb a:hover {
    color: #b71534;
}

.breadcrumb > .active {
    color: #5b6670;
    font-weight: 700;
}

.breadcrumb > li {
    border-bottom: 1px solid #cacbcc;
    position: relative;
    font-weight: 700;
}

.breadcrumb > li + li {
    margin-left: 15px;
}

.breadcrumb > li + li::before {
    content: ":";
    position: absolute;
    left: -15px;
    color: #2b2e33;
}

.breadcrumb > li a {
    font-weight: 400;
}

/* Blockquote */
.blockquote {
    position: relative;
    background: #5b6670;
    margin-top: 70px;
    padding: 45px 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    font-style: italic;
}

.blockquote:before {
    content:'';
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 40px 0 0;
    border-color: #5b6670 transparent transparent transparent;
}

/* Flipper */
/* entire container, keeps perspective */
.flip-container {
    perspective: 1000px;
    display: block;
}

.flip-container, 
.front, 
.back {
    width: 110px;
    height: 110px;
}

/* flip speed goes here */
.flipper {
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;  
    
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    
    position: relative;
}

/* hide back of pane during swap */
.front, 
.back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

/* HEADER 
================================================== */

/* 
 * Top Header
 */
.header-top { 
    margin: 10px 0 30px;
    float: left;
    width: 100%;
}

/* Top menu */
.top-menu {
    padding: 0;
    margin: 0 45px;
}

.top-menu li {
    position: relative;
    display: inline-block;
    line-height: 1;
}

.top-menu li + li {
    margin-left: 20px;
}

.top-menu li + li::before {
    background-color: #2b2e33;
    content: "";
    height: 100%;
    left: -12px;
    top: 2px;
    position: absolute;
    width: 1px;
}

.top-menu a {
    font-size: 1.3rem;
}

/* Controls */
.top-controls {
    width: 140px;
}

.top-controls a {
    position: relative;
    width: 135px;
    line-height: 1;
    font-size: 1.4rem;
}

.top-controls a + a {
    margin-left: 12px;
}

.top-controls a + a::before {
    background-color: #2b2e33;
    content: "";
    height: 14px;
    left: -8px;
    top: 4px;
    position: absolute;
    width: 1px;
}

/* Social icons */
.social-icons a + a {
    margin-left: 8px;
}

/* 
 * Logo and Features 
 */

/* Logo */
.site-title {
    padding-top: 30px;
}

/* Main Features */
.main-features .flip-container {
    display: inline-block;
}

.find-a-service .front, 
.find-a-service .back {
    background-color: #76bd23;
}

.ask-a-question .front,
.ask-a-question .back {
    background-color: #ff9f1a;
}

.online-chlamidia-testing .front,
.online-chlamidia-testing .back {
    background-color: #65d0e5;
}

.main-features .front,
.main-features .back {
    width: 110px;
    height: 110px;
    border-radius: 110px;
    color: #2B2E33;
    text-align: center;
    display: table;
    padding: 10px;
}

.main-features img {
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
}

.main-features span {
    font-size: 1.5rem;
    left: 0;
    line-height: 1.2;
    position: absolute;
    right: 0;
    top: 56px;
}

.main-features .ask-a-question img,
.main-features .online-chlamidia-testing img {
    top: 10px;
}

.main-features .online-chlamidia-testing span {
    top: 42px;
}

.main-features .back p {
    border: 0 none;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    color: #2B2E33;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 600;
}

/* Menu */
.site-navigation {
    position: absolute;
    z-index: 999;
}
 #menu {
    display: block;
 }

.ham-btn {
    display: block;
    position: relative;
    width: 95px;
    padding: 5px 0 15px;
    float: left;
}

.ham-btn .slicknav_icon {
    display: block;
    float: left;
}

.slicknav_icon-bar {
    display: block;
    height: 3px;
    width: 30px;
    background-color: #00597b;
}

.ham-btn:hover {
    cursor: pointer;
}

.slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 5px;
}

.slicknav_menutxt,
.ham-btn-text {
    display: block;
    position: absolute;
    left: 45px;
    top: auto;
    color: #00597b;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 19px;
}

#menu ul {
    position: absolute;
    top: 39px;
    list-style: none;
    padding: 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease 0.2s;
    -moz-transition: all 0.2s ease 0.2s;
    -webkit-transition: all 0.2s ease 0.2s;
    -o-transition: all 0.2s ease 0.2s;
    -ms-transition: all 0.2s ease 0.2s;
}

#menu ul li {
    position: relative;
}

#menu > ul li + li,
.slicknav_nav ul li + li {
    border-top: 1px solid #fff;
}

.slicknav_nav ul a,
#menu ul a {
    position: relative;
    color: #fff;
    background-color: #00597b;
    display: block;
    padding: 10px 40px 10px 20px;
    text-decoration: none;
    min-width: 270px;
    width: 100%;
    font-size: 1.4rem;
    box-sizing: border-box;
}

.ham-btn:hover + #menu > ul,
#menu ul:hover,
#menu ul a:hover + ul {
    visibility: visible;
    opacity: 1;
}

#menu ul ul {
    left: 270px;
    top: 0;
    border-left: 1px solid #fff;
}

#menu ul li a:hover,
#menu ul a:hover,
#menu ul li:hover > a,
#menu ul > li>a:focus{
    background-color: #005032;
}

#menu a.has-submenu:after {
    content: '\f054';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #fff;
}

.slicknav_menu {
    display:none;
}


/* Search */
/* Display block on Telerik combo boxen causes display issues so we change it to inline-block */ 
#BasicSearch input[type="text"],
#srchControlContainer input[type="text"] {
    display: inline-block;
}
#BasicSearch {
    position: relative;
    width: 230px;
}

.RadComboBox_Default .rcbInner {
    background-color: #fff;
    border: 0 none !important;
    border-radius: 0 !important;
    color: #333;
}

#BasicSearch .rcbSlide,
#BasicSearch .rcbSlide > div {
   width: 100% !important;
}

#BasicSearch .rcbSlide {
    top: 28px !important;
    width: 190px !important;
}

.rcbSlide {
    position: absolute;
    margin-left: 10px;
}

.rcbSlide,
.rcbSlide > div {
    border: 0 none !important;
    width: 190px !important;
}

.rcbLabel {
    display: none;
    visibility: hidden;
}

.RadComboBox {
    width: 400px !important;
    max-width: 100% !important;
}
.rcbInput {
    border: 1px solid #c7c7c7 !important;
    width: 190px !important;
    height: 24px !important;
    font-size: 1.3rem !important;
    color: #4e5859 !important;
    padding: 0 5px !important; 
    -webkit-appearance: none !important;  

    transition: border-color 0.25s ease-in-out;
    -moz-transition: border-color 0.25s ease-in-out;
    -webkit-transition: border-color 0.25s ease-in-out;
    -o-transition: border-color 0.25s ease-in-out;
    -ms-transition: border-color 0.25s ease-in-out;  
}

#BasicSearch .rcbInput::-moz-placeholder {
  color: #6A606A;
  opacity: 1;
}
#BasicSearch .rcbInput:-ms-input-placeholder {
  color: #6A606A;
}
#BasicSearch .rcbInput::-webkit-input-placeholder {
  color: #6A606A;
}

.rcbInput:focus {
    border-color: #b71534 !important; 
}

.basicSearchFormSubmitBtn {
    position: absolute;
    top: 5px;
    right: 0;
    font-family: 'FontAwesome';
    content: "\f002";
    background: none;
    border: 0 none;
    color: #6e7879;
    display: inline-block;
    font-size: 1.6rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.basicSearchFormSubmitBtn:hover {
    color: #b71534; 
}

/* Search suggestions */
#BasicSearch .rcbScroll {
    top: 1px;
}

.rcbScroll {
    position: relative;
    top: -3px;
    background: #fff;
    border: 1px solid #c7c7c7;
    overflow: hidden !important;
    height: auto !important;
}

.rcbList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rcbList .rcbHovered,
.rcbList .rcbItem {
    border-bottom: 1px solid #c7c7c7;
    line-height: 26px;
    padding: 0 10px;
    cursor: pointer;
}

.rcbList .rcbItem:last-of-type {
    border-bottom: 0 none;
}

.rcbList .rcbHovered:hover,
.rcbList .rcbItem:hover {
    color: #b71534;
}

/* HERO 
================================================== */
.hero {
    margin-top: 7px;
    width: 100%;
    height: 635px;
    /*background: url("/Get The Facts/img/hero-bg.jpg") no-repeat center / cover;*/
    background: url("/Get%20The%20Facts/img/new-hero-bg.jpg") no-repeat center / cover;
    position: relative;
}

.hero .container {
    height: 100%;
    position: relative;        
    background: none !important;
    /*background: url("/Get The Facts/img/kids-actor-display-2019-2.png") no-repeat bottom right;*/
}


/* Categories */
.categories-list {
    width: 570px;
    margin-top: 30px;
}

.category-item {
    width: 190px;
    height: 190px;
    float: left;
    text-align: center;
    padding: 10px;
    border: 1px solid #fff;
    position: relative;
    cursor: pointer;
}

.category-item .flip-container, 
.category-item .front, 
.category-item .back {
    width: 170px;
    height: 170px;
}

.category-item .back {
    display: table;
    text-align: center;
}

.category-title {
    color: #fff;
    border-top: 1px solid #fff;
    padding-top: 7px;
}

.category-item .back .category-title {
    border: 0 none;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.category-item .back .category-title a {
    color: #fff;
}

.category-item-img {
    max-width: 100%;
    height: 80px;
    line-height: 80px;
    margin: 5px auto 0;
    position: relative;
}

/* People slider */
#carousel-people {
    position: absolute;
    /*left: 340px;*/
    left: 30%;
    bottom: 0;
    width: 65%;
}

#carousel-people,
#carousel-people .carousel-inner,
#carousel-people .carousel-inner .item {
  height: 100%;
}

#carousel-people .item-1 {
    background: url("/Get The Facts/img/girl.png") no-repeat right 30px;
}

#carousel-people .item-2 {
    background: url("/Get The Facts/img/white-shirt2.png") no-repeat right 30px;
}

#carousel-people .item-3 {
    background: url("/Get The Facts/img/white-shirt3.png") no-repeat right 30px;
}

#carousel-people .item-4 {
    background: url("/Get The Facts/img/white-shirt4.png") no-repeat right 30px;
}

.header-ll {
    margin-top: 60px;
}

.header-ll h3 {    
    background-color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}

.header-ll h3 em {
    color: red;
    margin-right: 10px;
}

.header-ll-2 {
    position: absolute;
    bottom: 10px;
}

.header-ll-2 .youtube-ll {
    color: #fff;
    background-color: #212121;
    /*min-height: 100px;*/
    min-height: 80px;
}

#carousel-people a:hover {
    text-decoration: none;
}

.header-ll-2 .fa {
    padding-top: 10px;
    color: red;
}

/* Hide btn */
.hide-me {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #fff;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 450px;
    left: -33px;
    padding: 5px 15px 10px;
    z-index: 9999;

    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.hide-me:hover {
    color: #fff;
    background: rgba(0,0,0,0.7);
}

/* Subpage hero */
.subpage-hero {
    width: 100%;
    margin-top: 7px;
}

.subpage-has-hero {
    height: 340px;
    background: no-repeat center / cover;
}

.fun-stuff-hero {
    background: url("/Get The Facts/img/fun-stuff-banner.jpg") no-repeat center / cover;
}

.keeping-safe-hero {
    background: url("/Get The Facts/img/keeping-safe-banner.jpg") no-repeat center / cover;
}

.subpage-title {
    height: 100px;
    padding: 22px 0;
    background: url("/Get The Facts/img/subtitle-bg.png") no-repeat center / cover #4c5155;
    color: #fff;
}

.subpage-title h1 {
    margin: 0;
    font-weight: 700;
    line-height: 54px;
    padding-left: 120px;
    position: relative;
}

.subpage-title h1:before {
    background: rgba(0, 0, 0, 0) url("/Get The Facts/img/fun-stuff-icon.png") no-repeat scroll left center;
    bottom: 0;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    width: 100px;
}

.subpage-title img {
    position: relative;
    top: -2px;
    margin-right: 10px;
    max-height: 65px;
}

.subpage-content {
    padding: 30px 0 50px 0;
}

.subpage-main-content {
    font-weight: 300;
}

.subpage-main-content h1 {
    margin-top: 0;
}

.subpage-main-content .h3 {
    margin: 0 0 30px;
    color: #5b6670;
}

.subpage-main-content p {
    margin-bottom: 20px;
}

.subpage-main-content a,
.subpage-main-content a:hover {
    text-decoration: underline;
}

.two-column-content{
   -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;

   -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
           column-gap: 20px;
}


/* SECTIONS 
================================================== */

/* 
 * Section: Support & Quiz 
 */

/* Carousel */
.tab-carousel {
    position: relative;
}

.tab-carousel .item { 
    padding: 65px 50px 0; 
    min-height: 240px;
    text-align: center;
}

.tab-carousel .item1 { background-color: #e8f9fe; }
.tab-carousel .item2 { background-color: #caff57; }
.tab-carousel .item3 { background-color: #ffad7a; }

/* Carousel controls */
.carousel-control {
    height: 33px;
    width: 33px;
    top: 50%;
    padding: 5px;
    border-radius: 50px;
    color: #e8f9fe;
    background: #a8b4b9;
    opacity: 1;
    text-shadow: none;
    margin-top: 20px;
    filter: none;

    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.carousel-control:hover {
    background-color: #909a99;
}

.carousel-control.left {
    background-image: none;
    margin-left: 10px;
}

.carousel-control.right {
    background-image: none;
    margin-right: 10px;
}

.carousel-control .glyphicon  {
    height: 20px;
    width: 20px;
    font-size: 2rem;
    margin-top: -10px;
}
.carousel-control .glyphicon-chevron-left {
    margin-left: -10px;
}

.carousel-control .glyphicon-chevron-right {
    margin-right: -10px;
}

/* Dots indicators */
.tab-carousel .carousel-indicators-2 {
    bottom: -40px;
}

.tab-carousel .carousel-indicators-2 li {
    background-color: #a0adac;
    width: 11px;
    height: 11px;
    border: 0 none;
}

.tab-carousel .carousel-indicators-2 .active {
    background-color: #909a99;
    width: 13px;
    height: 13px;
}

/* Tabs indicators */
.tab-carousel .nav-tabs {
    border: 0;
}

.tab-carousel .carousel-indicators.nav-tabs {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    margin-left: 0;
    height: 40px;
}

.tab-carousel .carousel-indicators.nav-tabs li {
    width: auto;
    height: auto;
    background-color: none !important;
    text-indent: 0;
    border: 0;
    margin: 0;
}

.tab-carousel .carousel-indicators.nav-tabs li a {
    color: #2b2e33;
    font-weight: 700;
    font-size: 1.8rem;
}

.tab-carousel .carousel-indicators.nav-tabs li a,
.tab-carousel .carousel-indicators.nav-tabs li.active a,
.tab-carousel .carousel-indicators.nav-tabs li a:hover {
    border: 0 !important;
    border-radius: 0; 
}

.tab-carousel li a.blue-bg,
.tab-carousel li.active a.blue-bg { 
    background-color: #e8f9fe; 
}

.tab-carousel li a.green-bg,
.tab-carousel li.active a.green-bg { 
    background-color: #caff57; 
}

.tab-carousel li a.orange-bg,
.tab-carousel li.active a.orange-bg { 
    background-color: #ffad7a; 
}

.tab-carousel .carousel-indicators.nav-tabs li:not(.active) a:hover {
    background-color: #5b6670;
    color: #fff;
}


/* Carousel content */
.support-content {
    margin: auto;
    width: 390px;
}

.support-info {
    position: relative;
    display: inline-block;
    margin: 0;
    text-align: left;
} 

.support-name {
    margin: 0 0 5px;
    font-weight: 700;
}

.support-info p {
    margin-bottom: 2px;
    font-size: 1.2rem;
}

.support-info .btn {
    margin-top: 15px;
}

.support-icon {
    display: inline-block;
    margin-left: 25px;
    position: relative;
    top: -40px;
}

.support-quiz-section {
    padding: 50px 0 80px;
}

/* Quiz */
.quiz {
    padding:0 10px 0 35px;
    background: url("/Get The Facts/img/quiz-background.png") center;
    height:310px;
    color:#fff;
}

.quiz h2 {
    margin: 0 0 25px;
    padding-top: 45px;
    color:#fff;
}

.quiz p {
    color:#fff;
    margin-bottom: 50px;
    font-size: 1.8rem;
}

.quiz h4 {
    margin: 0;
    font-weight: 700;
    color:#fff;
}

.quiz-options .btn {
    display: block;
    float: left;
    width: auto;
    min-width: 60px;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    color:#fff;
    border-color:#fff;
}

.quiz-options .btn:hover {
    border-color: #2b2e33;
}

.quiz-options .btn-results {
    margin-top: 10px;
}

.quiz-results td {
    padding-right: 7px;
}

/* 
 * Section: CHLAYDIA FORM
 */

.blog-section {
    padding: 0 0 50px 0;
}

.blog-section .container {
    border-top: 1px solid #f0f0f0;
    padding-top: 50px;
}

.blog-section h2 {
    margin: 0 0 35px;
}

.blog-section-article {
    width: 610px;
    max-width: 100%;
    margin: auto;
}

.col-sm-6 .blog-section-article,
.col-sm-4 .blog-section-article {
    width: auto;
}

.article-thumb img {
    max-width: 100%;
}

.article-title {
    margin: 25px 0;
}

.article-title a {
    color: #7a326b;
}

.article-title a:hover {
    color: #2b2e33;
}

.blog-section-article p {
    margin-bottom: 45px;
}

.blog-section-article p.article-meta {
    margin-bottom: 25px;
}

/* 
* Section: Ask a question 
*/

.ask-question-section {
    background: url("/Get The Facts/img/ask-section-bg.jpg") no-repeat center / cover;
    background-attachment: fixed;
    color: #fff;
    padding: 55px 0 65px;
}

.ask-question-section h2 {
    margin: 0 0 25px;
}

.ask-question-section p {
    margin: 0 0 25px;
}

/* 
* Section: Download 
*/
.download-section {
    background-color: #ace6ee;
}

.download-section .container {
    padding: 50px 15px 120px;
    background: url("/Get The Facts/img/iphone-gold.png") no-repeat right center;
}

.download-section h2 {
    margin: 0 0 65px;
}

.download-options {
    width: 400px;
}

.download-options a {
    display: inline-block; 
}

.download-options .app-store {
    margin-right: 12px;
}

.download-options .available-desktop {
    margin-top: 12px;
}


/* SIDEBAR
================================================== */
.subpage-sidebar .verdiSection + .verdiSection {
    margin-top: 30px;
}

.widget-title {
    color: #5b6670;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 10px;
    padding-left: 10px;
}

.sidebar-widget-interested .widget-title {
    color: #b43a00;
}

.widget-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-list li {
    margin-bottom: 1px;
}

.widget-list li a {
    color: #fff;
    background-color: #5b6670;  
    font-size: 1.6rem;
    font-weight: 600;
    padding: 10px 15px;
    display: block;
}

.widget-list li a:hover {
    background-color: #3c4248;
}

.widget-list .widget-list li {
    margin-bottom: 0;
    border-top: 1px solid #fff;
}

.widget-list .widget-list li + li {
    border-top: 0 none;
}

.widget-list .widget-list li + li a {
    border-top: 1px dashed #fff;
}

.has-submenu ~ .widget-list li a {
    padding-left: 30px;
}

.sidebar-widget-interested .widget-list li a {
    background-color: #b43a00 !important;
}

.sidebar-widget-interested .widget-list li a:hover {
    background-color: #652100 !important;
}

.sidebar-widget.download-options {
    height: 360px;
    width: auto;
    position: relative; 
    text-align: left;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ace6ee+0,ace6ee+77,ffffff+78,ffffff+100 */
    background: #ace6ee; /* Old browsers */
    background: -moz-linear-gradient(top,  #ace6ee 0%, #ace6ee 77%, #ffffff 78%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ace6ee 0%,#ace6ee 77%,#ffffff 78%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ace6ee 0%,#ace6ee 77%,#ffffff 78%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ace6ee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.sidebar-widget.download-options .download-options-inner {
    background: url("/Get The Facts/img/iphone-gold.png") no-repeat scroll center top 95px / 320px auto;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.sidebar-widget.download-options h4 {
    margin: 0 0 20px;
    font-size: 2.2rem;
}

.sidebar-widget.download-options a {
    width: 110px;
    float: left;
    clear: both;
    margin-left: 0;
}

.sidebar-widget.download-options a + a {
    margin-top: 5px;
}

.sidebar-widget.download-options a img {
    max-width: 100%;
}

.subpage-sidebar a,
.subpage-sidebar a:hover {
    text-decoration: underline;
}

.subpage-sidebar .sidebar-widget a,
.subpage-sidebar .sidebar-widget a:hover {
    text-decoration: none;
}


/* Widget: Quick Links */
.sidebar-widget.widget-quick-links h4, .sidebar-widget.widget-quick-links h3 {
    color: #856bdd;
}

.sidebar-widget.widget-quick-links a {
    padding: 18px 10px 18px 80px;
    position: relative;
    display: block;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
}

.widget-quick-links a img {
    width: 30px;
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.widget-quick-links ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.widget-quick-links ul li + li {
    margin-top: 1px;
}

.widget-quick-links a.purple-bg {
    background-color: #542fce;
}

.widget-quick-links a.orange-bg {
    background-color: #DB7E04;
}

.widget-quick-links a.dark-green-bg {
    background-color: #00795f;
}

.widget-quick-links a.pink-bg {
    background-color: #af0060;
}

.widget-quick-links a.light-green-bg {
    background-color: #969B17;
}

.widget-quick-links a.dark-red-bg {
    background-color: #b71534;
}

.widget-quick-links a.green-bg {
    background-color: #62a60e;
}

.widget-quick-links a.dark-blue-bg {
    background-color: #004d83;
}

.widget-quick-links a.gray-bg {
    background-color: #5b6670;
}

.widget-quick-links a.purple-bg:hover {
    background-color: #3a208e;
}

.widget-quick-links a.orange-bg:hover {
    background-color: #b46803;
}

.widget-quick-links a.dark-green-bg:hover {
    background-color: #12876f;
}

.widget-quick-links a.pink-bg:hover {
    background-color: #9b145e;
}

.widget-quick-links a.light-green-bg:hover {
    background-color: #757912;
}

.widget-quick-links a.dark-red-bg:hover {
    background-color: #a5132f;
}

.widget-quick-links a.green-bg:hover {
    background-color: #4d820b;
}

.widget-quick-links a.dark-blue-bg:hover {
    background-color: #00365c;
}

.widget-quick-links a.gray-bg:hover {
    background-color: #525c65;
}

/* PAGES
================================================== */

/*
 * Simple and Advanced search pages
 */
 
.simpleSearchPageTitle,
.advancedSearchPageTitle {
    font-size: 2.4rem;
    margin: 0 0 30px;
    display: none;
}

.searchTitle {
    font-size: 1.6rem;
    margin: 0 0 10px;
    display: none;
}

#srchControlContainer .RadComboBox {
    width: 290px !important;
}

#srchControlContainer .formSubmitRow {
    float: left;
    margin-right: 10px;
}

#srchControlContainer .searchOptions {
    float: left;
    display: none;
}

#srchControlContainer label {
    margin-bottom: 10px;
}

.searchSubmitButtonStd,
.changeSearchTypeButtonContainer input,
.searchResultsMessageDiv .button,
.pmSearchResultsView .resultsTable th .button,
#btn-mini-search-postcode {
    border: 1px solid #00795f;
    background-color: #00795f;
    border-radius: 0;
    color: #fff;
    font-size: 1.4rem;
    height: 32px;
    line-height: 28px;
    padding: 0 20px;
    text-transform: uppercase;
    width: auto;   
    -moz-user-select: none;
    background-image: none; 
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: 10px 0 0;
    font-weight: 400;
    
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;   
}

.searchSubmitButtonStd:hover,
.changeSearchTypeButtonContainer input:hover,
.searchResultsMessageDiv .button:hover,
.pmSearchResultsView .resultsTable th .button:hover,
#btn-mini-search-postcode:hover {
    background-color: #fff;
    border-color: #00795f;
    color: #00795f; 
}

.searchResultsMessageDiv .button {
    position: relative;
    top: -6px;
    left: 6px;
}

.pmSearchResultsView .resultsTable th .button {
    margin-top: 0;
}

.instructionMessageText {
    clear: both;
    font-size: 1.2rem;
    font-weight: 300;
    float: left;
    width: 100%;
}

.advancedSearchInstructions,
.pmSearchResultsView {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 30px;
}

.pmSearchResultsView .table-responsive {
    margin-top: 50px;
}

.resultsTable td:first-child a {
    font-weight: 700;
    font-size: 1.6rem;
    color: #000;
}

.resultsTable td {
    font-weight: 300;
}

.resultsTable td:first-child a:hover,
.resultsTable td:first-child a:focus {
    text-decoration: underline;
}

.resultsTable td:last-child {
    text-align: center;
    vertical-align: middle;
}

/* Pagination */
.searchResultsPageSelection {
    font-weight: 300;
}

.searchResultsPageSelection input {
    border: 1px solid #00795f;
    background-color: #fff;
    border-radius: 0;
    color: #00795f;
    font-size: 1.4rem;
    height: 32px;
    line-height: 28px;
    padding: 0 10px;
    text-transform: uppercase;
    width: auto;   
    -moz-user-select: none;
    background-image: none; 
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0;
    
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;   
}

.searchResultsPageSelection input.searchPageLinkSelected,
.searchResultsPageSelection input:hover {
    background-color: #00795f;
    border-color: #00795f;
    color: #fff; 
}

/* Search results tabs */
#map-canvas-outer {
    border-top: 10px solid #515151;
    padding-top: 4px;
    background-color: #fff;
    padding-left: 420px;
    width: 100%;
}

#map-canvas {
    width: 100%;
    height: 740px;
    background-color: grey;
}

.google-maps-services-content {
    padding-bottom: 0;
    position: relative;
}

.google-maps-services {
    width: 420px;
    height: 730px;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 112px;
    padding: 20px 45px;
    z-index: 2;
}

.google-maps-services h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 0 0 20px;
}

.google-maps-services .nav-tabs > li {
    width: 49%;
    text-align: center;
}

.google-maps-services .nav-tabs > li:first-child {
    margin-left: 1%;
}

.google-maps-services .nav-tabs > li > a {
    background-color: #818181;
    border: 0 none;
    color: #fff;
    text-transform: uppercase;
}

.google-maps-services .nav-tabs > li > a:hover {
    background-color: #717171;
    color: #fff;
}

.google-maps-services .nav-tabs > li.active > a, 
.google-maps-services .nav-tabs > li.active > a:focus, 
.google-maps-services .nav-tabs > li.active > a:hover {
    background-color: #525252;  
    border: 0 none;
    color: #fff;
}

.enter-postcode {
    padding: 30px 1% 35px 1%;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.enter-postcode .selectpicker {
    position: absolute;
    left: 75px;
    top: 28px;
    width: 253px;
    z-index: 9999;
}

.enter-postcode .rcbInput {
    height: 35px;
}

.collapse-btn-cnt .btn {
    background-color: #888888;
    border: 0 none;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0 0 5px 5px;
    position: relative;
    top: -1px;
    margin-bottom: 30px;
}

.collapse-btn-cnt .btn:hover,
.collapse-btn-cnt .btn:active {
    background-color: #b8b8b8;
}

.collapse-btn-cnt .btn.btn.collapsed:before {
    content: 'Show Options';
    display: block;
}

.collapse-btn-cnt .btn:before {
    content: 'Hide Options';
    display: block;
}

.px-1p {
    padding: 0 1%;
}
.alertText {
    padding: 10px 1% 0 1%;
    color: red;
}

.looking-for-options {
    margin: 30px 0 20px;
}
.looking-for-options a,
.looking-for-options a:hover {
    text-decoration: underline;
}

.need-help-options {
    margin-bottom: 30px;
}

.search-result-item {
    padding: 15px 10px;
    border-bottom: 1px solid #808080;
}

.search-result-item:hover {
    background-color: #f6f6f6;
}


.maps-pin-description h4,
.search-result-item h4 {
    margin: 0;
    font-weight: 700;
}


.search-result-item h4 {
    margin-bottom: 10px;
}

.maps-pin-description h4 {
    margin-bottom: 5px;
    font-size: 1.6rem;
}

.maps-pin-description h4,
.maps-pin-description h4 a,
.search-result-item h4,
.search-result-item h4 a {
    color: #b81437;
}

.maps-pin-description h4 a:hover,
.search-result-item h4 a:hover {
    text-decoration: underline;
}

.maps-pin-description p,
.search-result-item p {
    margin: 0;
}

.search-result-item p {
    margin-bottom: 10px;
    word-break: break-word;
}

.google-maps-services .btn-grey {
    display: inline-block; 
    height: 45px;
    line-height: 41px; 
    background-color: #525252;
    border-color: #525252;
    color: #fff;
    min-width:134px !important;
    width: inherit !important;
    padding-left: 10px;
    padding-right: 10px;
}

.google-maps-services .btn-grey:hover {
    background-color: #818181;
    border-color: #818181;
    color: #fff; 
}

.google-maps-services a.btn-grey {
    text-decoration: none !important;
    text-transform: uppercase;
}

#search-results-scroll {
    height: 550px;
    position: relative;
}

.maps-pin-description {
    background-color: #fff;
    padding: 15px 10px 10px;
}

.maps-pin-description p {
    font-size: 1.3rem;
}

.maps-pin-description .btn {
    text-transform: uppercase;
    margin-top: 10px;
}

.close-map-pin {
    color: #fff;
    background-color: #898989;
    padding: 2px 5px;
    font-weight: 300;
    font-size: 1.1rem;
    position: absolute;
    right: 2px;
    top: 2px;
}

.close-map-pin:hover {
    background-color: #000;
    color: #fff;
}

.addressLink img {
    width: 20px;
}

.serviceCapabilities {
    overflow: hidden;
}

.serviceCapabilities .capability {
    clear: both;
    float: left;
    width: auto;
    color: #fff;
    margin-top: 5px;
    padding: 5px 12px;
}

.serviceCapabilities .capability.cap1 { background-color: #9e9e0a; }
.serviceCapabilities .capability.cap4 { background-color: #00a2e2; }
.serviceCapabilities .capability.cap8 { background-color: #af005f; }
.serviceCapabilities .capability.cap64 { background-color: #ec9801; }
.serviceCapabilities .capability.cap128 { background-color: #00997a; }
.serviceCapabilities .capability.cap512 { background-color: #007da5; }
.serviceCapabilities .capability.cap1024 { background-color: #B71534; }

.maps-pin-description .serviceCapabilities {
    border-top: 1px solid #d3c7c9;
    margin-top: 15px;
    padding-top: 12px;
}

/* 
 * Contact 
 */
.recaptchatable #recaptcha_response_field,
#recaptcha_area #recaptcha_table {
    border-color: #bfbfbf !important;
}

/* 
 * Ask a question
 */
#askQuestionForm label {
    margin-bottom: 5px;
}

/* Login form */
.loginForgotPWordFormFields .formRow,
.loginStandardFormFields .formRow {
    margin-bottom: 10px;
}

.loginForgotPWordFormFields input,
.loginStandardFormFields input {
    width: 300px !important;
    max-width: 100% !important;
}

.loginForgotPWordFormFields label,
.loginStandardFormFields label {
    margin-bottom: 5px;
}

.loginForgotPWordFormFields .button,
.loginStandardFormFields .button {
    color: #2b2e33;
    border: 1px solid #2b2e33;
    border-radius: 0;
    width: 134px !important;
    height: 32px;
    line-height: 28px;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 0;
}

.loginForgotPWordFormFields .button:hover,
.loginStandardFormFields .button:hover {
    background-color: #2b2e33;
    color: #fff;
    border-color: #2b2e33;
}

#loginForm h3 {
    margin-top: 0;
}

.loginForgotPWordFormFields {
    margin-top: 50px;
}

/* FOOTER 
================================================== */

/* Footer menu */
.footer-menu {
    text-align: center;
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    padding: 25px 0;
    margin-bottom: 0;
}

.footer-menu li {
    display: inline-block;
    position: relative; 
}

.footer-menu li + li {
    margin-left: 40px;
}

.footer-menu li + li:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #2b2e33;
    position: absolute;
    left: -22px;
}

/* Copyright */
.copyright {
    width: 580px;
    max-width: 100%;
    margin: auto;
    padding: 25px 0 40px;
}

.copyright img {
    float: left;
    margin-right: 15px;
}

.copyright p {
    padding: 5px 0 0 110px;
    margin-bottom: 0;
}

.ibc_tag {
    display: none;
    width: 580px;
    max-width: 100%;
    margin: auto;
    text-align: center;
}


/* 
 * Dynamic forms 
 */
 
.frmHdeFld { /* this filed need to be hidden from users, but not from the robots */
    display: none;
}

.dFormHeader {
    font-size: 2.4rem;
    padding: 0 0 30px;
}

.dFormDescription {
    font-weight: 300;
    padding-bottom: 5px;
}

.requiredFieldInstruction.dFormRequiredFieldInstruction {
    font-weight: 300;
    padding-bottom: 20px;
    font-size: 1.2rem;
}

.dynamicFormTitle {
    font-size: 1.6rem;
    padding-bottom: 5px;    
}

.dynamicFormSubTitle p {
    margin-bottom: 40px;
}

.dFormTable tr > td.dFormLabel,
.dFormTable tr > td.dFormField {
    padding-bottom: 15px;
}

.dFormField textarea {
    height: 230px;
    resize: none;
}

.dFormLabel {
    width: 130px;
}

.dFormLabel label {
    width: 120px;
    padding-top: 5px;
}

.faux-label {
    color: #000;
    padding-top: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
}

.dFormFieldRadioButton .dfCheckDiv {
    float: left;
} 

.dFormFieldRadioButton .dfCheckDiv + .dfCheckDiv {
    margin-left: 20px;
}

.dfCheckDiv label {
    font-weight: 300;
}

.dFormSubmit,
.dFormFieldFile .fileContainer {
    border: 1px solid #4c5155;
    background-color: #4c5155;
    border-radius: 0;
    color: #fff;
    font-size: 1.4rem;
    height: 32px;
    line-height: 28px;
    padding: 0;
    text-transform: uppercase;
    width: 134px;   
    -moz-user-select: none;
    background-image: none; 
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: 20px 0 0 130px;
    
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;   
}

.dFormSubmit:hover,
.dFormSubmit:focus,
.dFormFieldFile .fileContainer:hover {
    background-color: #fff;
    border-color: #4c5155;
    color: #4c5155;
}

.formSubSuccess,
.formSubSuccess p {
    font-weight: bold !important;
}


/* 
 * Checkbox animate for dynamic forms
 */

/* checkboxanimate */
.dFormFieldCheckbox .checkBoxContainer {
    margin-top: 5px;
}

.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:not(:checked),
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:not(:checked) + label,
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 26px;
}

/* checkbox aspect */
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:not(:checked) + label:before,
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 2px;
    width: 22px;
    height: 22px;
    background: transparent;
    border: 1px solid #bfbfbf;
}

.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:checked:focus + label::before {
    border: 1px solid #aaa;
}

/* checked mark aspect */
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:not(:checked) + label:after,
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:checked + label:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 7px;
    left: 3px;
    font-size: 1.6rem;
    line-height: 0.8;
    color: #00795f;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}

/* checked mark aspect changes */
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

/* disabled checkbox */
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:disabled:not(:checked) + label:before,
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    background-color: #ddd;
}
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.dFormFieldCheckbox .checkBoxContainer [type="checkbox"]:disabled + label {
    color: #aaa;
}


/* 
 * Radio animate
 */

/* radioanimate */
.dFormFieldRadioButton .dfCheckDiv {
    margin-top: 2px;
}

.dFormFieldRadioButton .dfCheckDiv [type="radio"]:not(:checked),
.dFormFieldRadioButton .dfCheckDiv [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

.dFormFieldRadioButton .dfCheckDiv [type="radio"]:not(:checked) + label,
.dFormFieldRadioButton .dfCheckDiv [type="radio"]:checked + label {
    position: relative;
    padding-left: 30px;
}

/* radio aspect */
.dFormFieldRadioButton .dfCheckDiv [type="radio"]:not(:checked) + label:before,
.dFormFieldRadioButton .dfCheckDiv [type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0; 
    top: -1px;
    width: 23px;
    height: 23px;
    border: 1px solid #bfbfbf;
    background: transparent;
    border-radius: 50px;
}

.dFormFieldRadioButton .dfCheckDiv [type="radio"]:checked:focus + label::before {
    border: 1px solid #aaa;
}

/* checked mark aspect */
.dFormFieldRadioButton .dfCheckDiv [type="radio"]:not(:checked) + label:after,
.dFormFieldRadioButton .dfCheckDiv [type="radio"]:checked + label:after {
    content: '\f111 ';
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    left: 5px;
    font-size: 1.5rem;
    line-height: 0.8;
    color: #00795f;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}

/* checked mark aspect changes */
.dFormFieldRadioButton .dfCheckDiv [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}
.dFormFieldRadioButton .dfCheckDiv [type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

/* 
 * Select - Option field
 */

.selectpicker-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.selectpicker {
    cursor: pointer;
    position: relative;
    font-size: 1.4rem;
    color: #2b2e33;
    width: 220px;
    height: 40px;
    background-color: #fff;
}

.selectpicker-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    padding: 8px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.selectpicker-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 14px;
    right: 10px;
}

.selectpicker-styled:hover {
    background: #2b2e33;
    color: #fff;
}

.selectpicker-styled:hover:after {
    border-color: #000 transparent transparent transparent;
}

.selectpicker-styled:active, 
.selectpicker-styled.active {
    color: #000;
    background: #fff;
}

.selectpicker-styled.active:hover {
    color: #000;
}

.selectpicker-styled:active:after,
.selectpicker-styled.active:after {
    top: 4px;
    border-color: transparent transparent #000 transparent;  
}

.selectpicker-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
}

.selectpicker-options li {
    margin: -1px 0 0;
    padding: 12px 0;
    text-indent: 15px;
    border: 1px solid #bfbfbf;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.selectpicker-options li:hover {
    color: #000;
}

.selectpicker-options li[rel="hide"] {
    display: none;
}

/* Multiselect */
.dFormFieldSelectMulti select {
     border: 1px solid #bfbfbf;
     width: 220px;
}

.dFormFieldSelectMulti option {
    font-weight: 300;
}

.dFormFieldFile .fileContainer {
    overflow: hidden;
    position: relative;
    margin: 0;
    font-weight: 400;
}

.dFormFieldFile .fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 99.9rem;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}


/* LIFE STORIES
================================================== */

#trueStoryCon
{
    padding-bottom: 36px;
    background: url( '/images/mediaPlaya/backgroundBeige.png' ) 0 bottom no-repeat; 
}

#whiteCCar
{
    position: absolute; 
    height: 300px;
    width: 460px;
    background: #fff;
}

ul.lifeStories
{
    margin-bottom: 20px;
}

.trueStoryFrame,
#disableTrueStorySound,
#trueStoryControls
{
    position: relative;
    display: none;
}
.trueStoryFrame
{
    padding-bottom: 60px;
}
#trueStoryFrame0
{
    display: block; 
}

.trueStoryImage
{
    background: #fff;   
}

.trueStoryCopy
{
    position: relative;
    min-height: 70px;       
    max-width: 400px;
    margin: 0 30px;
    padding-top: 8px;
    text-align: center;     
}    

#trueStoryControls
{
    position: relative; 
    width: 460px;
}

#trueStoryFrameLeft
{
    z-index: 40;
    position: absolute;
    top: 15px;
    left: 20px;
    cursor: pointer;
}
#trueStoryFrameCentre
{
    position: relative;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
#trueStoryFrameRight
{
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
}

#trueStoryFrameNumber
{
    position: relative;
    margin-top: -28px;
    color: #000;
    text-align: center;
    font-weight: bold;
}

#trueStoryPlayer
{
    position: relative;
    margin-top: 40px;
    height: 30px;
    margin: 0 auto;
}    

#playaHida
{
    z-index: 50;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 100%;
    background: #E3DBD8 url( '/images/mediaPlaya/sliderBackground.jpg' ) 14px 3px no-repeat;
}

/*/LIFE STORIES*/



/* BLOG
================================================== */

.PostDescription
{    
    margin: 4px 0 0 0;
    xtext-align:justify !important;
    font-size: 1.3rem;   
    color: #555; 
}
.PostDescription img
{
    margin:0px 0px 10px 0px;
}
.PostDescription p
{
    float: left;
    font-size: 1.3rem;
    line-height: 21px;
    position: relative;
    xtext-align: justify;
    top: -4px;
    width: 100%;
     font-family: 'Open Sans', sans-serif !important;
}
.PostDescription span
{
    float: left;
    font-size: 1.3rem !important;
    line-height: 21px;

    position: relative;
    xtext-align: justify;
    top: -4px;
    width: 100%;
    font-family: 'Open Sans', sans-serif !important;
}
.PostDescription a img
{
    float:left;
    width:25%;
    padding:5px;
    background:#fff;
    border:1px #d3d3d3 solid;
}
.page124 .right-sidebar div a h2
{
   border-bottom: 1px dashed #ccc;
    font-size: 1.2rem !important;
    margin-top: -10px;
    padding: 8px 5px;
    color:#505050;
 
    text-transform: uppercase;
}
.page124 .right-sidebar div a h2:hover {
    transition:all 0.25s ease-in-out 0s;
    background:#eee;
    color:#0292b4;
}
#PostTags {
    margin-left:20px;
}
.comments {
    margin-top:25px;
    border-top:1px #ccc dashed;
}
#CommentFormContainer {
    float:left;
    width:100%;
}
#CommentFormContainer h3 {
    text-align:left !important;
    font-size:2.4rem;
    color: #000;
    margin-bottom: 30px;
}
#CommentForm div {
    float:left;
    width:100%;
    margin-bottom:15px;
}
#CommentForm .RadButton_Default.RadButton.rbLinkButton
{
    float:left;
   margin-left:340px; 
   position:relative;
  top:10px;
}
#CommentForm input[type="submit"] {
    color: #2b2e33;
    border: 1px solid #2b2e33;
    border-radius: 0;
    width: 134px;
    height: 32px;
    line-height: 28px;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 0;
    background: #fff;
    margin: 0 20px 0 150px;
    float: left;
}

#CommentForm input[type="submit"]:hover {
    background-color: #2b2e33;
    color: #fff;
    border-color: #2b2e33; 
}
#CommentForm div label
{
    float:left;
    width:150px;
}
#CommentForm div input,
#CommentForm div textarea {
   width:350px;
   max-width: 100%;
}

#CommentForm div textarea {
     height: 140px;
         resize: none;
}
 
#CommentForm div.checkboxanimate {
    margin: 3px 0 0;
    width: auto;
}

#CommentForm .notify-me
{
    width: auto;
}
#CommentForm .notify-me ~ label {
    float: none;
    width: auto;
}
#CommentFormContainer {
    border-bottom: 1px dashed #ccc;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}
.comment{
    float: left;
    padding: 15px;
    width: 100%;
    position:relative;
}
.comments > .comment + .comment {
    border-top: 1px solid #bfbfbf;
}
.comment #CommentFormContainer {
    margin: 0;
    padding: 0;
    border-bottom: 0 none;
}
.CommentMeta {
    margin-bottom:10px;
    float:left;
    width:100%;
}
.CommentMeta #ComentUserDetails
{
    font-weight:bold;
    font-size:1.6rem !important;
    float:left !important;
    color:#000;
}
.CommentMeta span
{
    float:right;
    font-size:1.2rem;
    color:#adadad;
}
#CommentDate {
    margin-right: 5px;
}
#CommentActionContainer a
{
    float: left;
    font-size: 1.2rem;
    margin-top: 10px;
 }

#CommentActionContainer a + a {
    margin-left: 10px;
}
 
#MainBlogPostArea div label
{
    float:left;
    width:150px;
}
#MainBlogPostArea div 
{
    float:left;
    width:100%;
    margin-bottom:15px;
    height:auto !important;
}
#MainBlogPostArea div input
{
    float:left;
    width:100%;
    border:2px #46b0c8  solid;
    border-radius:5px;
    padding:2px 10px;
}
#MainBlogPostArea div textarea
{
    float:left;
    width:350px;
    border:2px #46b0c8  solid;
    border-radius:5px;
    padding:10px 5px;
}
#upload
{
    margin-top:15px;
}
#drop
{
    border: 3px solid #eee !important;
    position: relative;
    top: 20px;
}
.comments-container
{
    display: none;
    margin-top:20px;
}
.racTokenList
{
    margin-top:10px;
    width:450px;
    padding:10px 5px;
}
#BlogPostControlRow
{
    margin-top:20px;
}
#BlogPostControlRow button, #BlogPostControlRow input[type=submit] 
{
   float:left;
   margin-right:10px; 
   background:#46b0c8;
   color:#fff;
    border-radius:5px;
    width:150px;
    padding:10px 5px;
    border:none;
   
}
#BlogPostControlRow button:hover, #BlogPostControlRow input[type=submit]:hover
{
    background:#3D96AA; 
}
.infoText
{
    color:#717171;
    font-size:1.1rem;
    float:left;
    margin-left:10px;
    font-family:"Open Sans",sans-serif; 
}
.page72 .infoText
{
    display:none;
}

.blogPostValidationError
{
    background-color: #ebebeb;
    color: #e20612;
    padding: 20px;
}
.BlogPostItem:first-child
{
    margin-top:45px;
}
.BlogPostItem
{
    padding:15px 0;
    position: relative;
    border-bottom:1px #ccc dashed;
    width:100%;
    clear:both;
    overflow: auto;
    min-height:170px;
}
.imageWrapperColumn1
{
    float:left;
    min-width:160px;
    xbackground: pink
}
.blgthumbcon{  
    padding:4px;
    border: 1px solid #dedede;
    max-width: 140px;
}
.blgthumbnail {
  position: relative;
  max-width: 130px;
  max-height: 130px;
  overflow: hidden;
}
.blgthumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.blogContentWrappeColumn2r
{
    float:left;
    xwidth:75%;
    xbackground: #efefef;
}     

 /* On small screens script alteres class and we use that to alter display */
.smsc .imageWrapperColumn1,
.smsc .blogContentWrappeColumn2r  {
    float:none;
    width:100%;
}
.smsc .blgthumbcon { 
    max-width: 100%;
    margin-bottom: 13px;
}
.smsc .blgthumbnail {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.smsc .blgthumbcon img {
  max-width: 100%;
}


/* We only want post control to be visible is user has admin access. Handled in script */
.postControlStatus
{
    z-index: 999;
    display:none;
    position: absolute;
    top:10px;
    right:1px;
}
.BlogPostItem:hover .postControlStatus
{
    display:block;
}
.page124 .left-sidebar
{
    border-right:0px;
}

.editLinkContainer
{
    margin-right:7px;
    float:right;    
}
.publishedStatusContainer
{
    float:right;
    padding:7px 15px;
    border-radius:5px;
    color:#fff;
    background:#717171;
    position: relative;
    top: -6px;  
    margin-right:10px; 
}
.editLinkContainer a
{
    padding:7px 15px;
    border-radius:5px;
    color:#fff;
    background:#46B0C8;
}
.editLinkContainer a:hover
{
    background:#01759A;
}
.BlogPostHeading
{
    margin-top: -9px;
    width:100%;
    float:left;
     margin-bottom:5px; 
}
.BlogPostHeading h2 
{
    margin:0px;
    position:relative;  
    
}
.BlogPostHeading h2 a
{
    background:none !important;
    color:#3d3d3d !important;
    padding:0px !important;
    margin-bottom:10px;
    font-size:2.2rem;
}
.FeatureBar
{
    margin-bottom:5px; 
}
.FeatureBar  span
{
    margin-right:25px;
    color:#9B9B9B;
    font-size:1.1rem;
}
.FeatureBar a
{
    background:none !important;
    color:#9B9B9B!important;
    padding:0px !important;
}
.blogImageContainer
{
    margin:20px 0px;
    position:relative;
    float: left;
    width:100%;
}
.blogImageContainer img
{
    float: left;
    width:100%;
}
.PostContent p img
{
     float: left;
     margin-right:10px;
      border: 1px solid #d3d3d3;
      padding:5px;
}
#PostContent p
{
    xfloat:left;
    xtext-align:justify;
    xline-heigh:21px;
    xfont-family: 'Open Sans', sans-serif !important;
    
}
#descriptionWig
{
    background:none !important;
}
.reModule
{
    height:0px !important;
    border-top:none !important;
}
.reSpinBox tr td input
{
    width:62px !important;
}
.reWrapper
{
    height:auto !important;
    width:100% !important;
}

/*/BLOG*/


/* 
 * Section: CHLAYDIA FORM
 */

#hiddnFrm {display:none;}

.qscreen-holder {
    min-height: 250px;
    position: relative; 
    margin: 22px 0 30px 0;
}

.qscreen-holder .qscreen {
    padding: 20px 15px /*80px 15px*/ !important;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 250px;
    font-size: 1.8rem;
    line-height: 1.1;
    color: #b71534;
    background: #DAF8F8;
    padding: 5px 19px;
    letter-spacing: -1px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: visibility .25s linear, opacity .25s linear;
    transition: visibility .25s linear, opacity .25s linear;
    box-sizing: border-box;
}

.qscreen h2 {
    color: #b71534;
    margin-top: 0;
    padding-right: 35px;
}

.qscreen-holder .qscreen.active-step {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    overflow-y: auto;
}

.qscreen-holder .qscreen p {
    margin-bottom: 10px;
}

.qscreen-holder .qscreen .close {
    position: absolute;
    top: 7px;
    right: 7px;
    overflow: hidden;
    background: #747274;
    font-weight: bold;
    font: 22px "sauna", sans-serif;
    line-height: 28px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

.qscreen-holder .qscreen .close:hover {
    transform: rotate(45deg);
    text-decoration: none;
}

.qscreen-holder .qscreen .wrap {
    text-align: center;
    /*position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    padding: 12px 20px;*/
}

.qscreen-holder .qscreen.qanswer {
    background: #2A7A6E;
    color: #ffffff;
    font-weight: normal;
    padding-bottom: 75px;
}

.qscreen-holder .qscreen.qanswer .dotline {
    background: url('/images/dottedDivider.png') no-repeat;
    height: 2px;
}

.qscreen-holder .qscreen.qanswer .dotline:first-of-type {
    margin-bottom: 20px;
}

.qscreen-holder .qscreen.qanswer .dotline:last-of-type {
    margin-top: 20px;
}

.qscreen-holder .qscreen.qanswer h2,
.qscreen-holder .qscreen.qanswer a {
    color: #fff;
}

.qscreen-holder .qscreen.qanswer a:hover,
.qscreen-holder .qscreen.qanswer a:focus{
    background: transparent none;
}

.qscreen-holder .qscreen.qlowrisk {
    background: #03817F;
}
.qscreen-holder .qscreen.qatrisk {
    background: #B61534;
}
.qscreen-holder .qscreen.qgettested {
    background: #657401;
}

.qlowrisk .btn-bold,
.qatrisk .btn-bold,
.qgettested .btn-bold {
    background: #B91434;
    padding: 2px 12px;
}

.qgettested .btn-bold {
    background: #6A7D00;
}
.qatrisk .btn-bold {
    background: #770D21;
}
.qgettested .btn-bold {
    background: #6A7D00;
}

.qscreen-holder .round-button {
    width: 100px;
    height: 100px;
    line-height: 100px !important;
    font: 1.7em "sauna", sans-serif;
    text-align: center;
    color: #ffffff;
    background-color: #187C90;
    display: inline-block;
    text-decoration: none;
    box-shadow: 1px 5px #377B7C; 
    border-radius:100px; 
}

.qscreen-holder .round-button:hover {
    background: #333;
    box-shadow: 1px 5px #777; 
    text-decoration: none;
}

.qscreen-holder .qscreen1 .round-button {
    width: 130px;
    height: 130px;
    line-height: 120px !important;    
}

.qscreen-holder .round-button.grn {
    background: #4D7D17;    
    box-shadow: 1px 5px #748C40; 
}
.qscreen-holder .round-button.grn:hover {
    background: #333;
    box-shadow: 1px 5px #777; 
}

.qscreen-holder .round-button + .round-button {
    margin-left: 62px;
}

.qscreen-holder .qscreen.qanswer .btn-feedback{
    color: #000000 !important;
    background-color: #fafafa;
    border: 1px solid #fafafa;
    display: inline-block;
    width: auto;
    height: auto;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.qscreen-holder .qscreen.qanswer .btn-feedback:hover,
.qscreen-holder .qscreen.qanswer .btn-feedback:focus{
    color: #000000 !important;
    background-color: #CCC !important;
}

#finalMessageDiv .btn-feedback{
    color: #000000 !important;
    display: inline-block;
    width: auto;
    height: auto;
    user-select: none;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

#finalMessageDiv .btn-feedback:hover,
#finalMessageDiv .btn-feedback:focus{
    background-color: #fafafa;
}

/* iFrame version of the form */
#onlineStiFrame{
    border: 0px none;
}

#cleanContainer h2, #cleanContainer p, #cleanContainer a{
    font-family: 'Heebo', Heebo, Arial, Helvetica, sans-serif;
}

#cleanContainer .qscreen-holder{
    margin: 0px;
}

#cleanContainer .qscreen-holder .qscreen {
    min-height: 340px;
}

#cleanContainer .qscreen-holder .round-button {
    background-color: #00806F;
}

#cleanContainer .qscreen-holder .round-button:hover,
#cleanContainer .qscreen-holder .round-button:focus{
    background-color: #b71534;
    box-shadow: 1px 5px #777; 
}

#cleanContainer .qscreen-holder .round-button.grn {
    background-color: #753BBD;
}

#cleanContainer .qscreen-holder .round-button.grn:hover,
#cleanContainer .qscreen-holder .round-button.grn:focus{
    background-color: #b71534;
    box-shadow: 1px 5px #777; 
}

#cleanContainer .qscreen-holder .qscreen.qanswer{
    display: none;
}

#cleanContainer .qscreen-holder .qscreen.qanswer,
#cleanContainer .qscreen-holder .qscreen.qanswer h2,
#cleanContainer .qscreen-holder .qscreen.qanswer a{
    color: #000000;
}

#cleanContainer .qscreen-holder .qscreen .close{
    background-color: #7E7C7E;
}

#cleanContainer .qscreen-holder .qscreen.active-step{
    display: block;
}

#cleanContainer .qscreen-holder .qscreen.qanswer .btn-feedback{
    color: #ffffff !important;
    background-color: #4C5257;
    border: 1px solid #4C5257;
}

#cleanContainer .qscreen-holder .qscreen.qanswer .btn-feedback:hover,
#cleanContainer .qscreen-holder .qscreen.qanswer .btn-feedback:focus{
    color: #000000 !important;
    background-color: #ffffff;
}

/* Download form link */
.finalMessageDiv .btn-feedback{
    width: auto;
    height: auto;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}


/* CHLAYDIA FORM */
#personalInfoForm .formRow {
    margin-bottom: 15px;
}

#personalInfoForm .formRow input[type="text"],
#personalInfoForm .formRow input[type="email"] {
    width: 300px !important;
    max-width: 100% !important;
}

#personalInfoForm .formRow label {
    margin-bottom: 5px;
}

#personalInfoForm .formRow select {
    padding: 8px;
}

.calendarButton,
#personalInfoForm .formSubmitRow input {
    color: #2b2e33;
    border: 1px solid #2b2e33;
    border-radius: 0;
    width: 134px !important;
    height: 32px;
    line-height: 28px;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 0;
}

.calendarButton:hover,
#personalInfoForm .formSubmitRow input:hover {
    background-color: #2b2e33;
    color: #fff;
    border-color: #2b2e33;
}

.calendarButton {
    margin-top: 5px;
}

/* Calendar */
.calendar {
    border: 1px solid #bfbfbf !important;
    background: #fff;
}

.calendar thead .name,
.calendar thead .title,
.calendar > table,
.calendar td.time span {
    border: 0 none !important;
}

.calendar tbody .day,
.calendar table .wn,
.calendar .button {
    padding: 10px !important;
    border: 1px solid transparent !important;
    font-size: 1.4rem;
}

.calendar td.time .hour, 
.calendar td.time .minute, 
.calendar td.time .ampm,
.calendar thead .title,
.calendar .button,
.calendar thead .name,
.calendar table .wn,
.calendar td.time,
.calendar tfoot .ttip {
    background: #fff !important;    
}

.calendar td.time {
    border: 0 none !important;
}

.calendar tfoot .ttip {
    border: 0 none !important;
    border-top: 1px solid #bfbfbf !important;
    padding: 5px !important;
}

.calendar tbody td.today {
    background: #65d0e5 !important;
    color: #fff !important;
}

.calendar thead .weekend,
.calendar tbody td.weekend {
    color: #b43a00 !important;
}

.calendar td.time span {
    padding: 0 3px !important;
}

.calendar tbody .rowhilite td {
    background: #bfbfbf !important;    
}

.calendar td.time span.hilite {
    background: #65d0e5 !important;
    color: #fff !important;
}

.calendar thead .name {
    font-size: 1.4rem;
}


/* COLOR SCHEMES
================================================== */

/* Default color is grey (ex. on page Fun Stuff )

/* Green (ex. on page FAQs ) */
.green-scheme .subpage-title h1:before {
    background-image: url("/Get The Facts/img/faq-icon.png");
}

.green-scheme .subpage-title,
.green-scheme .widget-list li a {
    background-color: #62a60e;
}

.green-scheme .widget-list li a:hover,
.green-scheme .widget-list li a:focus {
    background-color: #56940a;
}

.green-scheme .blockquote {
    background-color: #62a60e;
}

.green-scheme .breadcrumb > .active,
.green-scheme .subpage-main-content .h3 {
    color: #62a60e;
}

.green-scheme .blockquote::before {
    border-color: #62a60e transparent transparent transparent;
}

/* Light Green (ex. on page Keeping Safe ) */
.light-green-scheme .subpage-title h1:before {
    background-image: url("/Get The Facts/img/keeping-safe-icon.png");
}

.light-green-scheme .subpage-title,
.light-green-scheme .widget-list li a {
    background-color: #969B17;
}

.light-green-scheme .widget-list li a:hover,
.light-green-scheme .widget-list li a:focus {
    background-color: #7b8000;
}

.light-green-scheme .blockquote {
    background-color: #7b8000;
}

.light-green-scheme .breadcrumb > .active,
.light-green-scheme .subpage-main-content .h3 {
    color: #7b8000;
}

.light-green-scheme .blockquote::before {
    border-color: #7b8000 transparent transparent transparent;
}

/* Dark Green (ex. on page Sex Infections ) */
.dark-green-scheme .subpage-title h1:before {
    background-image: url("/Get The Facts/img/sex-infections-icon.png");
}

.dark-green-scheme .subpage-title,
.dark-green-scheme .widget-list li a {
    background-color: #00795f;
}

.dark-green-scheme .widget-list li a:hover,
.dark-green-scheme .widget-list li a:focus {
    background-color: #04866b;
}

.dark-green-scheme .blockquote {
    background-color: #00795f;
}

.dark-green-scheme .breadcrumb > .active,
.dark-green-scheme .subpage-main-content .h3 {
    color: #00795f;
}

.dark-green-scheme .blockquote::before {
    border-color: #00795f transparent transparent transparent;
}

/* Red (ex. on page Condoms & Contraception ) */
.red-scheme .subpage-title h1:before {
    background-image: url("/Get The Facts/img/condoms-icon.png");
}

.red-scheme .subpage-title,
.red-scheme .widget-list li a {
    background-color: #7a1400;
}

.red-scheme .widget-list li a:hover,
.red-scheme .widget-list li a:focus {
    background-color: #9d1b03;
}

.red-scheme .blockquote {
    background-color: #7a1400;
}

.red-scheme .breadcrumb > .active,
.red-scheme .subpage-main-content .h3 {
    color: #7a1400;
}

.red-scheme .blockquote::before {
    border-color: #7a1400 transparent transparent transparent;
}

/* Blue (ex. on page Blood Safe ) */
.blue-scheme .subpage-title h1:before {
    background-image: url("/Get The Facts/img/blood-safe-icon.png");
}

.blue-scheme .subpage-title,
.blue-scheme .widget-list li a {
    background-color: #004d83;
}

.blue-scheme .widget-list li a:hover,
.blue-scheme .widget-list li a:focus {
    background-color: #006c9d;
}

.blue-scheme .blockquote {
    background-color: #004d83;
}

.blue-scheme .breadcrumb > .active,
.blue-scheme .subpage-main-content .h3 {
    color: #004d83;
}

.blue-scheme .blockquote::before {
    border-color: #004d83 transparent transparent transparent;
}

/* Orange (ex. on page Relationships ) */
.orange-scheme .subpage-title h1:before {
    background-image: url("/Get The Facts/img/relationshiop-icon.png");
}

.orange-scheme .subpage-title,
.orange-scheme .widget-list li a {
    background-color: #DB7E04;
}

.orange-scheme .widget-list li a:hover,
.orange-scheme .widget-list li a:focus {
    background-color: #cd8400;
}

.orange-scheme .blockquote {
    background-color: #ec9800;
}

.orange-scheme .breadcrumb > .active,
.orange-scheme .subpage-main-content .h3 {
    color: #ec9800;
}

.orange-scheme .blockquote::before {
    border-color: #ec9800 transparent transparent transparent;
}

/* Pink (ex. on page Sex ) */
.pink-scheme .subpage-title h1:before {
    background-image: url("/Get The Facts/img/sex-icon.png");
}

.pink-scheme .subpage-title,
.pink-scheme .widget-list li a {
    background-color: #af0060;
}

.pink-scheme .widget-list li a:hover,
.pink-scheme .widget-list li a:focus {
    background-color: #ba3e73;
}

.pink-scheme .blockquote {
    background-color: #af0060;
}

.pink-scheme .breadcrumb > .active,
.pink-scheme .subpage-main-content .h3 {
    color: #af0060;
}

.pink-scheme .blockquote::before {
    border-color: #af0060 transparent transparent transparent;
}

/* Purple (ex. on page Our Bodies ) */
.purple-scheme .subpage-title h1:before {
    background-image: url("/Get The Facts/img/our-bodies-icon.png");
}

.purple-scheme .subpage-title,
.purple-scheme .widget-list li a {
    background-color: #542fce;
}

.purple-scheme .widget-list li a:hover,
.purple-scheme .widget-list li a:focus {
    background-color: #39199f;
}

.purple-scheme .blockquote {
    background-color: #542fce;
}

.purple-scheme .breadcrumb > .active,
.purple-scheme .subpage-main-content .h3 {
    color: #542fce;
}

.purple-scheme .blockquote::before {
    border-color: #542fce transparent transparent transparent;
}

/* Light Purple (ex. on page Our Bodies ) */
.light-purple-scheme .subpage-title h1:before {
    background-image: url("/Get The Facts/img/our-bodies-icon.png");
}

.light-purple-scheme .subpage-title,
.light-purple-scheme .widget-list li a {
    background-color: #6f61ef;
}

.light-purple-scheme .widget-list li a:hover,
.light-purple-scheme .widget-list li a:focus {
    background-color: #9a8ffc;
}

.light-purple-scheme .blockquote {
    background-color: #6f61ef;
}

.light-purple-scheme .breadcrumb > .active,
.light-purple-scheme .subpage-main-content .h3 {
    color: #542fce;
}

.light-purple-scheme .blockquote::before {
    border-color: #6f61ef transparent transparent transparent;
}

/* Hide social icons temporarily */
.site-header .header-top .social-icons{
    display: none;
}

/* For Screen Readers */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* seo h1 markup */
h1.homepageonly {
    font-size: 0;
    width: 1px;
    height: 1px;
    display: inline-block;
    overflow: hidden;
    position: absolute!important;
    border: 0!important;
    padding: 0!important;
    margin: 0!important;
    clip: rect(1px,1px,1px,1px);
}

/* Dynamic Forms text area character counter */
.dfdCharCounter {
    font-style: italic;
}

/* WCAG related fixes */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a{
    text-decoration: underline !important;
}

#BasicSearch .RadComboBox .rcbInput{
    outline: thin solid #2b2e33;
}

.form-control:focus{
    outline: thin solid #2b2e33 !important;
}

.dropdown-toggle:focus{
    outline: thin solid #2b2e33 !important;
}
/* END: WCAG related fixes */


/* Free Condoms styles */
#masthead .free-condoms .flipper .front, #masthead .free-condoms .flipper .back p{
    color: #ffffff;
}

#masthead .free-condoms .flipper .front img{
    max-width: 30px;
}

#masthead .free-condoms .front, 
#masthead .free-condoms .back {
    background-color: #6f61ef;
}

#free-condoms-search{
    margin-bottom: 2em;
    background: url("/cproot/custom/2/187/10405/condoms-and-contraception.jpg") no-repeat center center;
    background-size: cover;
    padding: 2em;
}

#free-condoms-search #free-condoms-search-inner{
    max-width: 100%;
    margin: 0em auto;
    background-color: #ffffff;
    padding: 1em;
}

#free-condoms-search #free-condoms-search-inner .form-row{
    margin-bottom: 1em;
}

.light-purple-scheme .google-maps-services .search-result-item h4{
    color: #6f61ef;
}

.google-maps-services .search-result-item .serviceCapabilities .capability.cap1024{
    background-color: #6f61ef;
}

.google-maps-services-content .google-maps-services .nav-tabs{
    border-bottom: 1px solid #000000;
    padding-bottom: 0.5em;
}

.google-maps-services-content .google-maps-services .nav-tabs > li{
    width: 50%;
}

.google-maps-services-content .google-maps-services .nav-tabs > li > a{
    padding-bottom: 1.15em;
    margin-bottom: -0.45em;
}

.google-maps-services .nav-tabs > li:first-child{
    margin-left: 0;
}

.google-maps-services-content .google-maps-services .nav-tabs .active a{
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    border-bottom: 0px none;
    padding-bottom: 1.15em;
    margin-bottom: -1em;
}

.google-maps-services-content .google-maps-services .nav-tabs .active a:hover, .google-maps-services-content .google-maps-services .nav-tabs .active a:focus{
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    border-bottom: 0px none;
}

.google-maps-services-content .google-maps-services .tab-content{
    border: 1px solid #000;
    border-top: 0px none;
    padding: 1em;
}

/* END: Free Condoms styles */


/* Accordion styles */
.gtfAccordion .accordion{
    display: block;
    min-height: 50px;
    position: relative;
    color: #454545;
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
    background: #e3e3e3;
    border-bottom: 1px solid #d8d8d8;
    cursor: pointer;
    padding-right: 40px;
}

.gtfAccordion .accordion em{
    position: absolute;
    right: 1em;
    top: 35%;
}

.gtfAccordion .panel{
    margin: -1px !important;
    transition: opacity 0.5s linear, max-height 0.5s linear;
    opacity: 0;
    height: 0;
    margin: -1px !important;
}

.gtfAccordion .panel.show{
    display: block;
    padding: 15px;
    transition: opacity 0.5s linear, max-height 0.5s linear;
    opacity: 1;
    height: auto;
    max-height: 9999em;
}

/* END: Accordion styles */


/* Image fixes */
.subpage-main-content img{
    max-width: 100%;
}

/* END: Image fixes */


/* Ask a Question */
.askAQuestion h3{
    margin-bottom: 10px;
}

.askAQuestion button{
    margin: 0px 10px;
}

.askAQuestion #askAQuestionMain{
    text-align: center;
}

.askAQuestion .hidden{
    display: none;
}

.askAQuestion .visible{
    display: block;
}

.askAQuestion .whiteBG{
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 10px 0px;
}

.askAQuestion .alignLeft{
    text-align: left;
}

.askAQuestion .alignRight{
    text-align: right;
}

.askAQuestion .taller-btn{
    width: 145px;
    height: 55px;
}

.askAQuestion .btn-danger{
    color: #000000;
}

.askAQuestion .btn-danger:hover,
.askAQuestion .btn-danger:focus{
    color: #ffffff;
}

.askAQuestion .progress{
    margin: 0px 15px 20px;
}

.askAQuestion select{
    background: #ec971f;
    color: #000000;
    height: 35px;
    border-color: #000000;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.askAQuestion select option{
    background-color: #ffffff;
}

.askAQuestion select option:hover,
.askAQuestion select option:focus{
    background-color: #ec971f;
}

.askAQuestion .ageGroupSelector{
    height: 35px;
    margin-top: -2px;
    background-color: #ec971f;
}

.askAQuestion .ageGroupSelector:hover,
.askAQuestion .ageGroupSelector:focus{
    color: #ffffff;
    background-color: #000000;
}

.askAQuestion table,
.askAQuestion table tbody,
.askAQuestion table tr,
.askAQuestion table tr td{
    width: 100%;
    display: block;
}

.askAQuestion .dynamicForms{
    margin-top: -21px;
    padding: 1em;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.askAQuestion .dynamicForms .dFormLabel{
    display: inline-block;
    width: 25%;
    text-align: right;
}

.askAQuestion .dynamicForms .dFormLabel label{
    width: 100%;
    color: #856404;
    margin-right: 10px;
}

.askAQuestion .dynamicForms .dFormField{
    display: inline-block;
    width: 74%;
}

.askAQuestion .dynamicForms .dFormField input,
.askAQuestion .dynamicForms .dFormField textarea{
    display: block;
    width: 100%;
    height: calc(2em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    overflow: auto;
    resize: vertical;
}

.askAQuestion .dynamicForms .dFormField textarea{
    height: auto;
}

.askAQuestion .dynamicForms .dFormSubmit{
    margin-left: 185px;
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

.askAQuestion .dynamicForms .dFormSubmit:hover,
.askAQuestion .dynamicForms .dFormSubmit:focus{
    background-color: #2b2e33;
    color: #ffffff;
    border-color: #2b2e33;
}

.askAQuestion .dynamicForms.formSubSuccess p{
    text-align: center;
    font-size: 24px;
    color: #8a6d3b;
}
/* END: Ask a Question */

/* START: Fun Quiz */
.fun-quiz .front, 
.fun-quiz .back {
    background-color: #af0060;
    color: #ffffff;
}

.fun-quiz .back p{
    color: #ffffff;
}

.sh-quiz #quiz-header{
    margin-top: 20px;
}

.sh-quiz #quiz-header #quiz-home-btn{
    display: none;
}

.sh-quiz #quiz-start-screen{
    background-color: #e0e0e0;
    padding: 20px;
    border: 1px solid #c0c0c0;
    border-radius: 7px;
}

.sh-quiz #quiz-start-screen p{
    font-weight: bold;
    margin-bottom: 20px;
}

.sh-quiz #quiz-start-screen p:last-child{
    margin-bottom: 0px;
}

.sh-quiz #quiz-start-screen #quiz-start-btn{
    display: inline-block;
    background-color: #28a745;
    color: #ffffff;
    margin-top: 10px;
    padding: 10px 15px;
    text-decoration: none !important;
    border-radius: 5px;
}

.sh-quiz #quiz-start-screen #quiz-start-btn:hover,
.sh-quiz #quiz-start-screen #quiz-start-btn:focus{
    background-color: #5b6670;
}

.sh-quiz #quiz-counter, .sh-quiz .question-container, .sh-quiz #quiz-results-screen, .sh-quiz #quiz-controls{
    background-color: #e0e0e0;
    padding: 10px 20px;
}

.sh-quiz .question-container h2{
    display: inline-block;
}

.sh-quiz .quiz-counter{
    display: inline-block;
    position: absolute;
    right: 190px;
    top: 100px;
    width: 60px;
    text-align: right;
}

.sh-quiz .progress{
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 100px;
    width: 150px;
}

.sh-quiz .progress .progress-bar{
    background-color: #28a745;
}

.sh-quiz #questions .answers .answer{
    display: block;
    background-color: #ffffff;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    /*display: flex;
    flex-direction: row;*/
    align-items: flex-start;
}

.sh-quiz #questions .answers .answer.correct .correct-answer i {
    color: #009900;
}

.sh-quiz #questions .answers .incorrect-answer i {
    color: #CE0000;
}

.sh-quiz #questions .answers .answer input[type="radio"]{
    margin-top: 0px;
    margin-right: 7px;
}

.sh-quiz #questions .answers .submit-answer{
    margin-top: 10px;
    padding: 10px 15px;
    border: 0px none;
    border-radius: 5px;
    background-color: #ffffff;
}

.sh-quiz #questions .answers .submit-answer:hover,
.sh-quiz #questions .answers .submit-answer:focus{
    background-color: #5b6670;
    color: #ffffff;
}

.sh-quiz #quiz-controls #quiz-buttons a{
    display: inline-block;
    background-color: #28a745;
    color: #ffffff;
    margin-top: 10px;
    padding: 10px 15px;
    text-decoration: none !important;
    border-radius: 5px;
}

.sh-quiz #quiz-controls #quiz-buttons a:hover,
.sh-quiz #quiz-controls #quiz-buttons a:focus{
    background-color: #5b6670;
}

.sh-quiz #quiz-results-screen #quiz-thankyou{
    margin: 10px 0px;
    font-weight: 500;
    font-size: 16px;
}

.sh-quiz #quiz-results-screen #quiz-results{
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 25px;
}

.sh-quiz #quiz-results-screen a{
    background-color: #28a745;
    color: #ffffff;
    padding: 10px 15px;
    text-decoration: none !important;
    border-radius: 5px
}

.sh-quiz #quiz-results-screen a:hover,
.sh-quiz #quiz-results-screen a:focus{
    background-color: #5b6670;
}

.sh-quiz #quiz-results-screen a i{
    margin-left: 5px;
}

.sh-quiz #quiz-results-screen a#reload-quiz i{
    color: #b71534;
}
.sh-quiz label span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* END: Fun Quiz */

/* START: November 2022 Homepage updates */
.site-header .site-title img{
    max-width: 462px;
}

.hero {
    background: url("/Get%20The%20Facts/img/group_of_teenagers.png") no-repeat center / cover;
}

.categories-list .desktop-hero img{
    width: 100%;
}
/* END: November 2022 Homepage updates */