h1, h2, input::placeholder, textarea::placeholder {
    color:#0495f7;
}

h1 {
    font-family: "Spinnaker", Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
}

h1.text-title {
    color: #555555;
    font-weight: 400;
}

h2 {
    text-transform:none;
}

.sectionTop {
    margin:0 0 1em;
    position: relative;
}

.sectionTop h2 {
    padding: .5em;
    position: relative;
    background-color: #efefef;
    cursor: pointer;
    border-bottom:4px solid #fff;
    transition: all .25s ease;margin:0;
}

.sectionTop h2.active {
    background: #fff;
    border-bottom:4px solid #efefef;
}

.sectionTop h2::before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 35%;
    content: " ";
    width:1.5em;
    height:1.5em;
    display: inline-block;
    vertical-align: middle;
    margin-right:.5em;
}

.sectionTop h2::after {
    content: "+";
    font-weight: bolder;
    position: absolute;
    right:.5em;
}

.sectionTop h2.active::after {
    content: "-";
}

aside#sharing { /* for content that is curled in from conair.com only! */
    display:none;
}

ul.social-icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
}

ul.social-icons li{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #000;
    margin-left:.75em;
}

ul.social-icons li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:32px;
    height:32px;
}

ul.social-icons span.social-icon {
    width:24px;
    height:24px;
    display:inline-block;
    background-position: center center;
    background-size: 100%;
    -webkit-background-size: 100%;
    background-repeat: no-repeat;
}

ul.social-icons .facebook span.social-icon {
    background-image: url("../svg/fb-icon-white.svg");
    width:16px;
    height:16px;
    border-radius:2px;
    -webkit-border-radius: 2px;
}

ul.social-icons .instagram span.social-icon {
    background-image: url("../svg/instag-icon-white-no-bg.svg");
}

ul.social-icons .twitter span.social-icon {
    background-image: url("../svg/twtr-icon-white-no-bg.svg");
}

ul.social-icons .youtube span.social-icon {
    background-image: url("../svg/youtube-white-no-bg.svg");
    width:38px;
    height:38px;
}

ul.social-icons .pinterest span.social-icon {
    background-image: url("../svg/pinterest-white-no-bg.svg");
}

#faq .sectionTop h2::before {
    background-image: url('../images/icons/faq-icon.png');
}

#faqSelectWrapper {
    position:relative;
    height:3em;
    width:200px;
    box-sizing: border-box;
    padding:2px;
    border: 1px solid #c5c5c5;
}

#faqSelectWrapper .fancy-select {
    height:100%;
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#faq > .sectionBody > ul {
    padding:0;
    list-style: none;
    transition: opacity .75s ease;
    height:auto;
    opacity:1;
    margin:1em;
    line-height: inherit;
}

#faq > .sectionBody > ul > li > span.question {
    cursor:pointer;
}

#faq > .sectionBody > ul > li span.answer {
    opacity:0;
    transition: opacity 1s ease;
    height:0;
    overflow: hidden;
    display: block;
}

#faq > .sectionBody > ul > li span.active.answer {
    opacity:1;
    height:auto;
}

#faq .question > h3{
    color:#0495f7;
}

#emailUsSectionBody, #faqSectionBody {
    height:0;
    overflow: hidden;
    opacity:0;
    transition: opacity 1s ease;
}

#emailUsSectionBody.active, #faqSectionBody.active {
    height:auto;
    min-height: 250px;
    opacity:1;
    overflow: visible;
}


#emailUs .sectionTop h2::before {
    background-image: url('../images/icons/email-icon.png');
}

#emailUs form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#emailUs form .col {
    min-width:400px;
}

.grecaptcha-badge {
    display:none;
}

#emailUs .grecaptcha-badge {
    display:block;
}

#emailUs form #inline-badge{
    display: flex;
    flex-direction: row-reverse;
    margin-bottom:1em;
}

form .col {
    padding:0 1em;
}

form .col:nth-child(2){
    text-align: right;
}

#main input, #main textarea {
    display: block;
    width:100%;
    margin-bottom:1em;
    height:3em;
    box-sizing: border-box;
    padding:1em;
    border: 1px solid #c5c5c5;
}

#emailUs textarea {
    height:9em;
}

#emailUs .subjectDropDown, .selectAndInput {
    display: flex;
    flex-direction: row;
    position: relative;
    height:3em;
    border: 1px solid #c5c5c5;
    padding:2px;
    margin-bottom: 1em;
}

#main .subjectDropDown input, #main .selectAndInput input{
    width:67%;
    height:100%;
    border: none;
}

#emailUs .subjectDropDown .custom-ui-select, .selectAndInput .custom-ui-select{
    width:33%;
    position: relative;
    z-index: 10;
}

.shareIcon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #000;
    cursor: pointer;
}

.shareIcon img {
    max-width: 80%;
}

/* from conair.com */
h1.text-title {
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bolder;
    line-height: 120%;
    display: block;
    clear: both;
    margin: 0 0 20px 0;
    color: #555555;
    text-align: left;
}

.col {
    display: block;
    float: left;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    width: 50%;
}

.clear::after {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

.clear::before, .clear::after {
    content: " ";
    display: table;
}

.colgroup::after {
    display: table;
    content: "";
    width: 100%;
    height: 1px;
    clear: both;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#main > .inner {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 1040px;
    margin: 0px auto;
    text-align: left;
}

ul.has-count li, ol.has-count li, ul.countable li, ol.countable li {
    padding-left: 40px;
    background-color: #fff;
    position: relative;
}

.colgroup {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

ul.has-count > li:not(.no-count)::before, ol.has-count > li:not(.no-count)::before, ul.countable > li:not(.no-count)::before, ol.countable > li:not(.no-count)::before {
    content: counter(numbers);
    counter-increment: numbers;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 4px;
    background-color: #0384d4;
    font-weight: bolder;
    color: #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    position: absolute;
    top: 7px;
    left: 0px;
}

#summary {
    color: #555555;
    line-height: 1.66em;
}

ul.has-count, ol.has-count, ul.countable, ol.countable {
    counter-reset: numbers;
}

/* content/content.wtb.css */
main#content {
    margin-top:0;
}

#country-selection{
    justify-content: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    height:2em;
    position: relative;
    z-index: 1;
}

#country-selection label{
    font-weight: bolder;
    display: inline-block;
    margin-right: 20px;
}

#country-selection > .name-country-select {
    width:auto;
}

#country-selection-message {
    text-align: center;
    margin-top: 2em;
}

.name-country-select > li > .text {
    display: inline-block;
    height:100%;
    width:100%;
}

#online-retailers {
    margin-top:1em;
}

#online-retailers ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

#online-retailers ul li.retailer {
    border:1px solid rgb(199,199,199);
    padding:1em;
    margin:1em;
    width:17%;
    min-width:150px;
    text-align: center;
}

#online-retailers ul li.retailer a{
    display: flex;
    height: 75px;
    justify-content:center;
    align-items:center;
}

#privacyPolicy a, #termsOfUse a {
    color:#0495f7;
}

#privacyPolicy table tr td, #termsOfUse table tr td{
    vertical-align: text-top;
    padding:1em;
    width:50%;
}

#privacyPolicy li, #termsOfUse li {
    margin-top:1em;
}


#privacyPolicy td h1, #termsOfUse td h1 {
    text-align: left;
}