@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Slab:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap');

/* General and Header */

div#osvkidslogo {
    text-align: center;
    vertical-align: top;
    display: inline-block;
}

div#osvkidslogo img {
    max-width: 275px;
    margin-right: 50px;
}

table#otherwaystable {
    text-align: center;
    display: inline-block;
    margin-top: 10px;
}

table#otherwaystable td {
    padding: 3px;
    min-width: 80px;
}

table#otherwaystable a {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

table#otherwaystable th {
    color: black;
    padding-bottom: 10px;
    font-weight: bold;
}


td.activetable {
    color: white;
    background: #16b37a;
}

table#otherwaystable td.activetable a {
    color: white;
}

div#content1 {
    text-align: center;
}

div#kidsdesc img {
    vertical-align: middle;
    max-width: 160px;
}

span#kidscopy {
    line-height: initial;
    vertical-align: middle;
    display: inline-block;
    max-width: 365px;
    text-align: left;
    margin-left: 20px;
    font-size: 19px;
}


body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #666;
}

label {
    color:#666;
    font-size:16px;
}

p#p12 .questionlabel label:after {content: " (no dashes)";}

a {
    color: #2a8dcd;
}

hr {
    border-color: #464545;
}

p#subscribeto {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 45px;
    font-weight: 600;
    text-align: center;
    /* margin: 30px 0px; */
    color: #464545;
    /* font-weight: 300; */
    /* font-family: TrebuchetMS; */
    /* font-size: 28px; */
    /* text-transform: uppercase; */
    margin-top: 50px;
    margin-bottom: 20px;
    line-height:50px;
}

div#coverimage img {
    /* border: 0.5px solid black; */
    max-width: 227px;
}

div#coverimage img {
    /* position: relative; */
    transform: rotate(
-2deg
);
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    margin-top: -70px;
    text-align: center;
}

p#deacondesc {
    font-size: 16px;
    color: #464545;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    display: inline-block;
    max-width: 460px;
    vertical-align: top;
    margin: 20px;
}

ul#prstdesc {
    font-size: 16px;
    color: #464545;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    display: inline-block;
    max-width: 460px;
    vertical-align: top;
    margin: 0px 20px 0px 40px;
    list-style: disc;
}

h2 {
    border-bottom: 1px solid #464545;
    /* border-top: 20px solid white; */
    /* background: #DD2234; */
    margin-top: 0px;
    color: #464545;
    font-size: 16px;
    /* text-transform: uppercase; */
    /* font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
    letter-spacing: 0.75px;
    font-weight: 700;
    /* padding-left: 10px; */
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

h2.coah2 {
    font-size: 15px;
}

p#volcontact {
    text-align: center;
}

p#smallertext {
    font-size: 11px;
}

h4 {
        line-height: 22px;
    font-size: 15px;
    border-bottom: 1px solid #464545;
    margin-top: 0px;
    color: #464545;
    font-size: 16px;
    letter-spacing: 0.75px;
    font-weight: 700;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}


span#content2 {
    background: #ececec;
}

div#coverimage {
    text-align: center;
}

p#volconf {
    min-height: 300px;
    margin-top: 50px;
}

/* Donation */

p#p238 {
    margin-top: 15px;
}

p#p238 .questionlabel, p#p64 .questionlabel {
    text-align: right;
    min-width: 180px;
    display: inline-block;
    font-weight: bold;
}

input#id238, input#id64 {
    display: inline-block;
    max-width: 200px;
}

p#p238 .questionlabel label, p#p64 .questionlabel label{
    color: #333;
}

p#p239 {
    display: none;
}

span.spanc239.drg-element-type-cms-content.drg-element-sub-type-category-1 ul {margin-top: 15px;}

p#p243 {
    margin-bottom: 10px;
}

p#p64 {
    margin-top: 15px;
}

/* Content Width Adjustments and Hiding */


div#content1 {
    /* width: 726px; */
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 0px;
}

span#logo {
    display: none;
}

span#cover {
    display: none;
}

span#content2 {
    margin-top: 50px;
    /* width: 340px; */
    /* margin-right: 40px; */
}

span#content3 {
    width: 540px;
}

/* PromoCode and Rate Selection Questionlabel */

p#p49 .questionlabel {
    display: none;
}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 p#p287 .questionlabel {
    display: none;
}

/* Content 4 Margins */



table#ratetable {line-height: 1.6;font-size: 13px;max-width: 50%;display: inline-block;/* margin-left: auto; *//* margin-right: auto; *//* width: 50%; */text-align: left;}

/* Hide Rates */

span.spanc204.drg-element-type-cms-content.drg-element-sub-type-category-8 {
    display: none;
}

span.spanc205.drg-element-type-cms-content.drg-element-sub-type-category-8 {
    display: none;
}

span.spanc107.drg-element-type-cms-content.drg-element-sub-type-category-8 {
    display: none;
}

span.spanc108.drg-element-type-cms-content.drg-element-sub-type-category-8 {
    display: none;
}

/* Rates and Rate Table */

span.spanc318.drg-element-type-cms-content.drg-element-sub-type-category-8 {
    display: none;
}

span.spanc295.drg-element-type-cms-content.drg-element-sub-type-category-8 {
    display: none;
}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul li span label {
    font-size: 13px;
}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul li {
    margin-bottom: 7px;
}

tbody {
    text-align: center;
}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul {
    display: inline-block;
}

th.th1 {
    vertical-align: bottom;
    font-family: 'Roboto Slab', serif;
    padding-bottom: 5px;
    padding-right: 0px;
    font-weight: bold;
}

th.th2 {
    padding-left: 5px;
    font-family: 'Roboto Slab', serif;
    padding-bottom: 5px;
    padding-right: 0px;
    font-weight: bold;
}

td.td1, td.td3, td.td5, td.td7 {
    padding-left: 0px;
    padding-bottom: 7px;
    min-width: 190px;
}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 {
    margin-left: auto;
    vertical-align: top;
    display: inline-block;
    margin-right: auto;
    width: 50%;
    text-align: right;
}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul {
    text-align: left;
    margin-bottom: 0px;
    margin-top: 24px;
}

td.td2 {
    color: red;
    padding-left: 0px;
}

td.td4, td.td6, td.td8 {
    color: red;
    padding-left: 0px;
}

p#allprices, p#chargetext {
    text-align: center;
    font-size: 10px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

td.td7, td.td8 {
    padding-bottom: 0px;
}

/* Customer Information */

div#fieldsreq {
    color: #ae1e3c;
    font-style: italic;
    font-size: 16px;
    margin-bottom: 20px;
}

p#p131[style="display: inline-block;"], p#p132[style="display: inline-block;"], p#p140[style="display: inline-block;"], p#p134[style="display: inline-block;"], p#p135[style="display: inline-block;"], p#p133[style="display: inline-block;"] {
  display: block !important;
}

p#p10, p#p1, p#p2, p#p3, p#p4, p#p5, p#p6, p#p7, p#p8, span.spanc8.drg-element-type-standard-field.drg-element-sub-type-fieldname-STATE, p#p9, p#p11, p#p12, p#p13, p#p15, p#p28, p#p17, p#p16, p#p64, p#p308, p#p131, p#p132, p#p140, p#p134, p#p135, p#p133, p#p74, p#p75, p#p76, p#p77, p#p78, p#p79, p#p81, p#p82, p#p80, p#p84, p#p85, p#p86, p#p83 {
    margin-left: auto;
    margin-bottom: 0px;
    /* display: inline-block; */
    margin-right: auto;
    width: auto;
    width: max-content;
}

input#id10, input#id1, input#id2, input#id3, input#id4, input#id5, input#id6, input#id9, 
input#id11, input#id12, input#id13, input#id28, select#id7, select#id8, input#id16, input#id17, input#id64, input#id308, input#id131, input#id132, input#id140, input#id135, select#id134, select#id133, input#id74, input#id75, input#id76, input#id77, input#id78, input#id79, input#id84, input#id85, 
input#id86, select#id80, select#id81, input#id82  {
    margin-bottom: 10px;
    display: inline-block;
}

p#p10 .questionlabel, p#p1 .questionlabel, p#p2 .questionlabel, p#p3 .questionlabel, p#p4 .questionlabel, p#p5 .questionlabel, p#p6 .questionlabel, p#p7 .questionlabel, p#p8 .questionlabel, p#p9 .questionlabel, p#p11 .questionlabel, p#p12 .questionlabel, p#p13 .questionlabel, p#p28 .questionlabel, p#p16 .questionlabel, p#p17 .questionlabel, p#p64 .questionlabel, p#p131 .questionlabel, p#p132 .questionlabel, p#p140 .questionlabel, p#p134 .questionlabel, p#p135 .questionlabel, p#p133 .questionlabel, 
p#p74 .questionlabel, p#p75 .questionlabel, p#p76 .questionlabel, p#p77 .questionlabel, p#p78 .questionlabel, p#p79 .questionlabel, p#p81 .questionlabel, p#p82 .questionlabel, p#p80 .questionlabel, p#p84 .questionlabel, p#p85 .questionlabel, p#p86 .questionlabel, p#p83 .questionlabel {
    min-width: 170px;
    display: inline-block;
}

select#id8, select#id7, select#id15, select#id134, select#id133, select#id81, select#id80 {
    /* width: 420px; */
    max-width: 460px;
}

input[type="text"], select {
    padding: .5em .6em;
    font-size: 15.5px;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    margin-top: 4px;
    margin-bottom: 14px;
    background-color: #f8f8f8;
}

/* Customer Service page */

div#additcus {
    margin-top: 20px;
}


/* Billing Information */

p#p130 {
    display: none;
}

/* Newsletter */

div#osvkidsnl {
    display: inline-block;
}

div#pp59 {
    display: inline-block;
    max-width: 700px;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 25px;
}

/* Credit Card Information */



p#p127 span.questionlabel {
    margin-top: 20px;
    display: block;
}

div#cclogos img {
    margin-right: 5px;
}

div#cclogos {
    margin-right: auto;
    padding-left: 20px;
    margin-left: auto;
    width: 420px;
}

#p127.addresslabel {
    padding-left: 20px;
}

iframe#ccframe {
    margin-left: 10px;
}

#p32.addresslabel {
    margin-top: 20px;
    margin-bottom: 0px;
    display: block;
    padding-left: 20px;
}

select#EXPMONTH {
    margin-right: 10px;
    max-width: 150px;
    display: inline-block;
}

select#EXPYEAR {
    max-width: 150px;
    display: inline-block;
}

p#p32 .questionlabel {
    display: block;
}

/* Footer */

div#footertext {
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
}

.sixteen.columns.footer {
margin-bottom:40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: none;
}

/* Submit */

div#submitbtn {
    display: none;
}

div#osvSubmitHPCI {
    text-align: center;
    margin-top: 20px;
}

input[type="submit"], input[type="submit"]:hover {
    text-transform: uppercase;
    font-family: 'Bebas Neue', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-shadow: none;
    color: white;
    background: #16b37a;
    letter-spacing: 0.75px;
    font-size: 20px;
    font-weight: 400;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 0 #b2b0b0;
    border: 1px solid #16b37a;
    padding: 1%;
    padding-left: 2%;
    padding-right: 2%;
}

/* Intro Rate CSS */

span.spanc31.drg-element-type-cms-content.drg-element-sub-type-category-8 #p31 .questionlabel {
    display: none;
}

p#p31 ul {
    display: inline-block;
}

span.spanc31.drg-element-type-cms-content.drg-element-sub-type-category-8 ul {margin-top: 25px;margin-bottom: 0px;display: inline-block;}

p#p31 {
    display: none;
}

span.spanc31.drg-element-type-cms-content.drg-element-sub-type-category-8 {
    vertical-align: top;
}

p#p127 {
    margin-right: auto;
    margin-left: auto;
    width: max-content;
}

iframe#ccframe {
    width: 420px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

p#p32 {
    margin-right: auto;
    margin-left: auto;
    width: 420px;
}

@media only screen and (max-width: 959px) {

h2.coah2 {
    font-size: 10px;
}

    span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul li span label {
    font-size: 13px;
}

span#content2 {
    margin-top: 50px;
    width: 272px;
    margin-right: 40px;
}

span#content3 {
    width: 426px;
}

table#ratetable {
    font-size: 13px;
    width: 350px;
    display: inline-block;
    /* margin-left: 35px; */
}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul {
    margin-bottom: 0px;
    margin-top: 23px;
}

th.th1 {
    padding-bottom: 5px;
    padding-right: 0px;
}

th.th2 {
    padding-right: 10px;
}

td.td2 {
    padding-left: 0px;
}

td.td4, td.td6, td.td8 {
    padding-left: 0px;
}

td.td1, td.td3, td.td5 , td.td7{
    padding-left: 0px;
}

select#id8, select#id7, select#id15, select#id81, select#id80 {
    max-width: 420px;
}

div#pp59 {
    max-width: 500px;
}


}

@media only screen and (max-width: 767px) {


div#osvkidslogo img {
        margin-right:0px;
    }

    span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul li span label {
    font-size: 11px;
}

table#ratetable {
    font-size: 11px;
}

div#content1 {
    width: auto;
}

span#content2 {
    margin-top: 50px;
    width: initial;
    margin-right: 0px;
}

span#content3 {
    width: initial;
}

#content4 span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul {
    margin-top: 17px;
    margin-left: 0px;
}

.sixteen.columns.footer {
    width: auto;
}

div#coverimage img {
    margin-left: 20px;

}


p#subscribeto {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    /* margin: 30px 0px; */
    color: #464545;
    /* font-weight: 300; */
    /* font-family: TrebuchetMS; */
    /* font-size: 28px; */
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 40px;
}

th.th1 {
    padding-bottom: 5px;
    vertical-align: bottom;
    padding-right: 0px;
}

th.th2 {
    max-width: 125px;
    padding-right: 5px;
}

td.td1, td.td3, td.td5, td.td7 {
    min-width: 135px;
    padding-bottom: 12px;
}

td.td7, td.td8 {
    padding-bottom: 0px;
}

table#ratetable {
    width: 231px;
    display: inline-block;
    /* margin-left: 35px; */
}

input#id10, input#id1, input#id2, input#id3, input#id4, input#id5, input#id6, input#id9, input#id11, input#id12, input#id13, input#id28, input#id16, input#id17, input#id131, input#id132, input#id140, input#id135, input#id131, input#id132, input#id140, input#id135, select#id134, select#id133, input#id74, input#id75, input#id76, input#id77, input#id78, input#id79, input#id84, input#id85, 
input#id86, select#id80, select#id81, input#id82 {
    width: 360px;
}

select#id134, select#id133 {
    width: 380px;
    max-width: 100%;
}

input#id64 {
    max-width: 200px;
    display: inline-block;
}

select#id8, select#id7, select#id15, select#id134, select#id133, select#id81, select#id80 {
    max-width: 380px;
}

div#pp59 {
    margin-top: 0px;
    max-width: 200px;
}

div#osvkidsnl {
    margin-top: 30px;
}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 {
    margin-left: 0;
    vertical-align: top;
    display: inline-block;
    margin-right: initial;
    width: initial;
    text-align: initial;
}

table#ratetable {
    max-width: initial;
}

p#p10, p#p1, p#p2, p#p3, p#p4, p#p5, p#p6, p#p7, p#p8, p#p9, p#p11, p#p12, p#p13, p#p15, p#p28, p#p17, p#p16, p#p131, p#p132, p#p140, p#p134, p#p135, p#p133, p#p74, p#p75, p#p76, p#p77, p#p78, p#p79, p#p81, p#p82, p#p80, p#p84, p#p85, p#p86, p#p83 {
    margin-left: auto;
    margin-bottom: 0px;
    /* display: inline-block; */
    margin-right: auto;
    width: initial;
}

iframe#ccframe {
    padding-left:12px;
}

}



@media only screen and (max-width: 479px) {

    span#content3 {
    min-width: 341px;
}

input#id10, input#id1, input#id2, input#id3, input#id4, input#id5, input#id6, input#id9, input#id11, input#id12, input#id13, input#id28, select#id7, select#id8, input#id16, input#id17, input#id131, input#id132, input#id140, input#id135, select#id134, select#id133, input#id74, input#id75, input#id76, input#id77, input#id78, input#id79, input#id84, input#id85, 
input#id86, select#id80, select#id81, input#id82 {
    width: 100%;
}

span.spanc13.drg-element-type-demographic.drg-element-sub-type-type-1 p#p13 {
    width: 100%;
}

div#content1 img {
    width: 100%;
}

th.th1 {
    vertical-align: bottom;
    padding-bottom: 5px;
    max-width: 130px;
    padding-right: 0px;
}

th.th2 {
    max-width: 100px;
    padding-right: 0px;
    padding-left: 30px;
}


td.td1, td.td3, td.td5, td.td7 {
    max-width: 100px;
    padding-left: 0px;
    padding-bottom: 11px;
    min-width: initial;
}

td.td2, td.td4, td.td6, td.td8 {
    padding-left: 25px;
}

td.td4, td.td6, td.td8 {
    padding-left: 25px;
}

table#ratetable {
    width: 175px;
    margin-left: 0px;
}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul {vertical-align: top;margin-bottom: 0px;margin-top: 53px;}

span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul li {margin-bottom: 7px;}

div#content4 span.spanc287.drg-element-type-cms-content.drg-element-sub-type-category-1 ul {
    margin-top: 15px;
    max-width: 120px;
    font-size:12px;
    margin-left: 0px;
}

input#id238, input#id64 {
    display: inline-block;
    max-width: 100px;
}

div#pp59 {
    margin-top: 5px;
    max-width: 100%;
}

div#osvkidsnl {
    margin-top: 10px;
    text-align: center;
    display: block;
}

p#p127 {
    margin-right: initial;
    margin-left: initial;
    width: initial;
}

iframe#ccframe {
    width: initial;
    margin-right: initial;
    margin-left: initial;
    display: block;
}

p#p32 {
    margin-right: initial;
    margin-left: initial;
    width: initial;
}

select#id134, select#id133 {
    width: 280px;
    max-width: 100%;
}

}