/* Normalize */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*Variables*/
:root {
    --color-primary: rgba(121,95,156,1); 
    --color-primary-5: rgba(121,95,156,0.05); 
	--color-primary-light: rgba(147,118,182,1);
	--color-primary-lighter: rgba(164,135,199,1);
    --color-secondary: rgba(0,163,224,1); 
    --color-white: rgba(255,255,255,1); /*white*/
    --color-dark: rgba(0,0,0,1); /*black */
    --color-dark-overlay: rgba(0,0,0,0.2); /*black overlay */
    --color-dark-overlay-05: rgba(0,0,0,0.05); /*black overlay lighter */
    --color-text-primary: rgba(65,70,75,1); /* pewter*/
    --color-bg-white: rgba(255,255,255,1); /*white*/
    --color-bg-dark: rgba(57,57,57,1); /*dark gray*/
    --color-bg-light: rgba(239,239,239,1); /*light gray*/
    --color-bg-gray-2: rgba(230,230,230,1); /*medium light gray*/
    --color-bg-gray-3: rgba(222,222,222,1); /*dark light gray*/
	--color-border-primary: rgba(180,180,180,1);
    --font-size-sm: 14px;
    --font-size-xsm: 12px;
	--font-family-primary: lato, sans-serif;
	--border-radius: 8px;
}

/*Global*/
* {
    box-sizing:border-box;
}
/*html {
    scroll-behavior: smooth;
}*/
html,
body {
    color: var(--color-text-primary);
    height: 100%;
    font-family: var(--font-family-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}
hr {
    border:none;
    border-top:1px solid var(--color-border-primary);
    margin:20px 0;
    display:inline-block;
    width:100%;
    vertical-align:top;
}
strong, b, .bold {
    font-weight:700;
}
a {
    color:var(--color-primary);
    text-decoration:none;
}
a:hover {
    text-decoration: underline;
}
img {
    max-width:100%;
    height:auto;
}
.container {
    max-width:1280px;
    margin:0px auto;
    padding:0 20px;
    position:relative;
}
.narrow-container {
	max-width:800px;
}

/*Typography*/
h1,
h2,
h3,
h4,
h5{
    font-weight:500;
}
h1 {
    margin: 1rem 0 1rem 0;
    font-size: 28px;
    color: var(--color-primary);
}
h2 {
    font-size: 24px;
    margin:0 0 1rem 0;
	line-height:36px;
}
h3 {
    font-size: 16px;
	color:var(--color-primary);
    margin: 0 0 1rem 0;
    text-transform: capitalize;
	line-height:28px;
}
h4 {
    font-size: 14px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-weight: 300;
	line-height:22px;
}
h5 {
    font-size:17px;
    color:var(--color-primary);
    margin:0 0 18px 0;
    font-weight:300;
}
p,
.main ul li,
.main ol li {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 1rem 0;
}
p.small {
	font-size:var(--font-size-sm);
}
p.small i {
	font-size:var(--font-size-xsm);
	margin-left:3px;
}
small {
    line-height:1em;
}
@media (min-width: 500px) {
    h1 {
        font-size:27px;
    }
    h2 {
        font-size: 23px
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 16px;
    }
    p,
    .main ul li,
    .main ol li {
        font-size: 16px;
        line-height: 26px;
    }
}
@media (min-width: 768px) {
    h1 {
        font-size:31px;
    }
    h2 {
        font-size: 27px
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 18px;
    }
    p,
    main ul li,
    main ol li {
        font-size: 17px;
        line-height: 27px;
    }
}

/*Clear Fix*/
.group:after {
    content: "";
    display: table;
    clear: both;
}

/*Anchor Offset*/
.anchor-offset {
    position:relative;
    top:-100px;
}

/*Animations*/
button,
a,
.button {
    transition-property:background-color, color, border-width, border-color, box-shadow;
    transition-timing-function:ease-in-out;
    transition-duration:.2s;
}

/* Helper Classes */
.margin-top-none {
    margin-top: 0px !important;
}
.margin-top-sm {
    margin-top: 10px !important;
}
.margin-top-md {
    margin-top: 20px !important;
}
.margin-top-lg {
    margin-top: 40px !important;
}
.margin-right-md {
    margin-right:20px!important;
}
.margin-bottom-none {
    margin-bottom: 0px !important;
}
.margin-bottom-sm {
    margin-bottom: 10px !important;
}
.margin-bottom-md {
    margin-bottom: 20px !important;
}
.margin-bottom-lg {
    margin-bottom: 40px !important;
}
.margin-left-md {
    margin-left: 20px !important;
}
.section-padding-md,
.section-padding-xlg,
.section-padding-lg {
	padding-top:30px;
	padding-bottom:30px;
}
.text-align-center {
    text-align: center;
}
.text-align-right {
    text-align: right;
}
.text-align-left {
    text-align: left;
}

@media (min-width:768px) {
	.section-padding-xlg {
		padding-top:80px;
		padding-bottom:80px;
	}
	.section-padding-lg {
		padding-top:40px;
		padding-bottom:40px;
	}
	.section-padding-md {
		padding-top:20px;
		padding-bottom:20px;
	}
}
@media (min-width:1300px) {
	.section-padding-xlg {
		padding-top:80px;
		padding-bottom:80px;
	}
	.section-padding-lg {
		padding-top:60px;
		padding-bottom:60px;
	}
}

/*Columns*/
.columns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    width:100%;
}
.columns-center {
    align-items:center;
}
.columns-bottom {
    align-items: flex-end;
}
.columns-top {
    align-items: flex-start;
}
.columns-gap-none {
    grid-gap: 0px!important;
}
.columns-gap-md {
    grid-gap: 10px;
}
.columns-gap-lg {
    grid-gap: 20px;
}
/*mobile 2 columns*/
.columns-mobile-1-1 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}
.columns-mobile-1-1 *:nth-child(2n+1) {
    -ms-grid-column: 1;
}
.columns-mobile-1-1 *:nth-child(2n+2) {
    -ms-grid-column: 2;
}
/*mobile 3 columns*/
.columns-mobile-1-1-1 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}
.columns-mobile-1-1 *:nth-child(3n+1) {
    -ms-grid-column: 1;
}
.columns-mobile-1-1 *:nth-child(3n+2) {
    -ms-grid-column: 2;
}
.columns-mobile-1-1 *:nth-child(3n+3) {
    -ms-grid-column: 3;
}
/*mobile 4 columns*/
.columns-mobile-1-1-1-1 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.columns-mobile-1-1 *:nth-child(4nn+1) {
    -ms-grid-column: 1;
}

.columns-mobile-1-1 *:nth-child(4n+2) {
    -ms-grid-column: 2;
}

.columns-mobile-1-1 *:nth-child(4n+3) {
    -ms-grid-column: 3;
}
.columns-mobile-1-1 *:nth-child(4n+4) {
    -ms-grid-column: 4;
}
/*mobile small then large*/
.columns-mobile-1-2 {
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
}
.columns-mobile-1-2 *:nth-child(2n+1) {
    -ms-grid-column: 1;
}
.columns-mobile-1-2 *:nth-child(2n+2) {
    -ms-grid-column: 2;
}
/*mobile large then small*/
.columns-mobile-2-1 {
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
}
.columns-mobile-2-1 *:nth-child(2n+1) {
    -ms-grid-column: 1;
}
.columns-mobile-2-1 *:nth-child(2n+2) {
    -ms-grid-column: 2;
}
/*Medium, small, Large (voting section) */
.columns-2-1-2 {
	-ms-grid-columns: 2fr 1fr 5fr;
	grid-template-columns: 2fr 1fr 5fr;
}
.columns-2-1-1 *:nth-child(2n+1) {
	-ms-grid-column: 1;
}
.columns-2-1-1 *:nth-child(2n+2) {
	-ms-grid-column: 2;
}
.columns-2-1-1 *:nth-child(2n+3) {
	-ms-grid-column: 3;
}

/*tablet columns*/
@media (min-width:768px) {
    .columns {
        grid-gap: 20px;
    }
    .columns-gap-lg {
        grid-gap: 40px;
    }
    /*2 columns*/
    .columns-tablet-1-1 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .columns-tablet-1-1 *:nth-child(2n+1) {
        -ms-grid-column: 1;
    }
    .columns-tablet-1-1 *:nth-child(2n+2) {
        -ms-grid-column: 2;
    }
    /*3 columns*/
    .columns-tablet-1-1-1 {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .columns-tablet-1-1-1 *:nth-child(3n+1) {
        -ms-grid-column: 1;
    }
    .columns-tablet-1-1-1 *:nth-child(3n+1) {
        -ms-grid-column: 2;
    }
    .columns-tablet-1-1-1 *:nth-child(3n+3) {
        -ms-grid-column: 3;
    }
    /*4 columns*/
    .columns-tablet-1-1-1-1 {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .columns-tablet-1-1-1-1 *:nth-child(4n+1) {
        -ms-grid-column: 1;
    }
    .columns-tablet-1-1-1-1 *:nth-child(4n+2) {
        -ms-grid-column: 2;
    }
    .columns-tablet-1-1-1-1 *:nth-child(4n+3) {
        -ms-grid-column: 3;
    }
    .columns-tablet-1-1-1-1 *:nth-child(4n+4) {
        -ms-grid-column: 4;
    }
    /*small then large*/
    .columns-tablet-1-2 {
        -ms-grid-columns: 1fr 2fr;
        grid-template-columns: 1fr 2fr;
    }
    .columns-tablet-1-2 *:nth-child(2n+1) {
        -ms-grid-column: 1;
    }
    .columns-tablet-1-2 *:nth-child(2n+2) {
        -ms-grid-column: 2;
    }
    /*large then small*/
    .columns-tablet-2-1 {
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
    }
    .columns-tablet-2-1 *:nth-child(2n+1) {
        -ms-grid-column: 1;
    }
    .columns-tablet-2-1 *:nth-child(2n+2) {
        -ms-grid-column: 2;
    }
	/*larget then two small*/
    .columns-tablet-2-1-1 {
        -ms-grid-columns: 2fr 1fr 1fr;
        grid-template-columns: 2fr 1fr 1fr;
    }
    .columns-tablet-2-1-1 *:nth-child(2n+1) {
        -ms-grid-column: 1;
    }
    .columns-tablet-2-1-1 *:nth-child(2n+2) {
        -ms-grid-column: 2;
    }
    .columns-tablet-2-1-1 *:nth-child(2n+3) {
        -ms-grid-column: 3;
    }
}
/*desktop columns*/
@media (min-width:1024px) {
    .columns {
        grid-gap: 20px;
    }
    .columns-gap-lg {
        grid-gap: 40px;
    }
    /*2 columns*/
    .columns-1-1 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .columns-1-1 *:nth-child(2n+1) {
        -ms-grid-column: 1;
    }
    .columns-1-1 *:nth-child(2n+2) {
        -ms-grid-column: 2;
    }
    /*3 columns*/
    .columns-1-1-1 {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .columns-1-1-1 *:nth-child(3n+1) {
        -ms-grid-column: 1;
    }
    .columns-1-1-1 *:nth-child(3n+2) {
        -ms-grid-column: 2;
    }
    .columns-1-1-1 *:nth-child(3n+3) {
        -ms-grid-column: 3;
    }
    /*4 columns*/
    .columns-1-1-1-1 {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .columns-1-1-1-1 *:nth-child(4n+1) {
        -ms-grid-column: 1;
    }
    .columns-1-1-1-1 *:nth-child(4n+2) {
        -ms-grid-column: 2;
    }
    .columns-1-1-1-1 *:nth-child(4n+3) {
        -ms-grid-column: 3;
    }
    .columns-1-1-1-1 *:nth-child(4n+4) {
        -ms-grid-column: 4;
    }
    /*small then large*/
    .columns-1-2 {
        -ms-grid-columns: 1fr 2fr;
        grid-template-columns: 1fr 2fr;
    }
    .columns-1-2 *:nth-child(2n+1) {
        -ms-grid-column: 1;
    }
    .columns-1-2 *:nth-child(2n+2) {
        -ms-grid-column: 2;
    }
    /*large then small*/
    .columns-2-1 {
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
    }
    .columns-2-1 *:nth-child(2n+1) {
        -ms-grid-column: 1;
    }
    .columns-2-1 *:nth-child(2n+2) {
        -ms-grid-column: 2;
    }

    /*large then two small*/
    .columns-2-1-1 {
        -ms-grid-columns: 2fr 1fr 1fr;
        grid-template-columns: 2fr 1fr 1fr;
    }
    .columns-2-1-1 *:nth-child(2n+1) {
        -ms-grid-column: 1;
    }
    .columns-2-1-1 *:nth-child(2n+2) {
        -ms-grid-column: 2;
    }
    .columns-2-1-1 *:nth-child(2n+3) {
        -ms-grid-column: 3;
    }
    /*two small then large*/
    .columns-1-1-2 {
        -ms-grid-columns: 1fr 1fr 2fr;
        grid-template-columns: 1fr 1fr 2fr;
    }
    .columns-2-1-1 *:nth-child(2n+1) {
        -ms-grid-column: 1;
    }
    .columns-2-1-1 *:nth-child(2n+2) {
        -ms-grid-column: 2;
    }
    .columns-2-1-1 *:nth-child(2n+3) {
        -ms-grid-column: 3;
    }
}
/*Form*/
.form {
	max-width:600px;
	margin:0 auto;
}
.form-alt {
	padding:20px 40px;
	background:var(--color-bg-light);
	border-radius:var(--border-radius);
}
.form input[type="text"],
.form input[type="password"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="email"],
.form input[type="time"],
.form input[type="date"],
.form select,
select,
.form input[type="number"],
.form textarea {
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    padding: 10px;
    border: 1px solid var(--color-bg-dark);
    width: 100%;
	margin:5px 0;
    color: var(--color-text-primary);
}
.form input[type="text"],
.form input[type="password"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="email"],
.form input[type="time"],
.form input[type="number"],
.form select {
    height: 55px;
}
.form select:disabled,
.form select:disabled option {
	background:#fff;
}
::placeholder {
    font-size: 16px;
    color: var(--color-text-primary);
}
.form input[type="checkbox"],
.form input[type="radio"]  {
	display:inline-block;
	width:auto;
	vertical-align:middle;
	margin:0 10px 0 0;
}
.form .g-recaptcha {
	margin:15px 0;
}
.form label {
	display:block;
	margin:20px 0 5px;
	font-size:18px;
}
.form input.word-count {
	padding:0;
	height:auto;
	background:none;
	display:inline-block;
	width:auto;
	text-align:center;
	border:0;
}
.form-field-autocomplete {
    position:relative;
}
.form-field-autocomplete .autoComplete_list {
    background-color:var(--color-bg-light);
    box-shadow:0 0 4px var(--color-bg-dark-25);
    list-style: none;
    margin:0px;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
}
.form-field-autocomplete .autoComplete_result {
    padding:10px;
    margin:0 5px;
}
.form-field-autocomplete .no_result span {
    padding:10px;
    margin:0 5px;
    color:var(--color-primary)!important;
}
.form-field-autocomplete .autoComplete_highlighted {
    color: var(--color-primary);
}

.form .rating {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.form .rating p {
	width:50%;
}
.form .rating label {
}

.form.inline-form label {
	font-weight:bold;
}
.form.form-condensed label {
	margin-top:10px;
}
.form.form-condensed select,
.form.form-condensed input {
	height:40px !important;
	
}

/*Buttons*/
.button {
    border-radius: var(--border-radius);
    cursor: pointer;
 	margin:5px 8px 5px 0;
	padding: 12px 16px;
    display: inline-block;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    transition-property: background-color, color, border, box-shadow;
    transition-timing-function: ease-in-out;
    transition-duration: .2s;
    text-decoration:none !important;
}
.button:hover {
    text-decoration:none !important;
}
.button-primary {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border-color: var(--color-primary);
}
.button-primary:hover {
    background-color: var(--color-primary-light) !important;
}
.button-alt {
    background-color: transparent ;
    color: var(--color-primary);
    border-color: var(--color-primary);
}
.button-alt:hover {
	background-color: var(--color-primary-5);
}
.button-alt-invert {
    background-color: transparent ;
    color: var(--color-white);
    border-color: var(--color-white);
}
.button-alt-invert:hover {
	background-color: var(--color-dark-overlay);
}

.button-dark {
    background-color: var(--color-dark);
    color: var(--color-white) !important;
    border-color: var(--color-dark);
}
.button-dark:hover {
    background-color: var(--color-text-primary);
    border-color: var(--color-text-primary);
}

.button-wide {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.button-large {
	padding:20px 40px;
}
.button-stretch,
.button-stretch-mobile {
    width: 100%;
}
.button i {
	margin:0 5px;
}

/*Header*/
header {
    background-color:var(--color-bg-white);
    color: var(--color-primary);
    padding: 10px 0px;
    align-items: center;
    border-bottom:1px solid var(--color-border-primary);
    box-shadow:var(--box-shadow);
}
header > .container {
    align-items:center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width:100%;
}
header .logo {
    display: flex;
    align-items: center;
    margin:0 15px 0 0;
}
header .logo img {
    width:212px;
    margin:0 15px 0 0;
}
@media only screen and (min-width:1000px) {
    header {
        padding:20px 0;
    }
    header .logo {
        max-width: 38%;
        margin:10px auto;
    }
    header .logo-large img {
        width: 375px;
    }
}

/*Navigation*/
.nav-wrap {
    display:none;
}
.nav-toggle {
    color:var(--color-primary);
    font-size:30px;
    order:300;
}
#navPanel {
    -moz-transform: translatex(20em);
    -webkit-transform: translatex(20em);
    -ms-transform: translatex(20em);
    transform: translatex(20em);
    -moz-transition: -moz-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
    -webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out, visibility 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, visibility 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    background-color: var(--color-bg-light);
    color: var(--color-text-primary);
    height: 100%;
    max-width: 85%;
    width: 20em;
    padding: 0px 0px 20px 0;
    z-index: 10010;
}
#navPanel.visible {
	-moz-transform: translatex(0);
	-webkit-transform: translatex(0);
	-ms-transform: translatex(0);
	transform: translatex(0);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
	visibility: visible;
}
#navPanel .nav-main {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#navPanel .nav-main li {
}
#navPanel .nav-main li a {
	display:block;
	padding:15px 20px;
}
#navPanel .nav-main li a:hover {
	background:var(--color-dark-overlay-05);
	text-decoration:none;
}
#navPanel .nav-main li a.button {
	margin:0;
	border-radius:0;
	border:0;
	text-align:left;
}
#navPanel .nav-main li a.button.button-alt {
	background-color:var(--color-primary-light);
	color:var(--color-white);
}
#navPanel .nav-main li a.button.button-alt:hover {
	background-color:var(--color-primary-lighter);
}
#navPanel .nav-main li a.button i {
	float:left;
	margin:0 8px 0 0;
}
@media only screen and (min-width:1000px) {
    .nav-toggle {
        display: none;
    }
    .nav-wrap {
        display: block;
        margin:15px auto;
    }
    .nav-wrap .nav-main {
        list-style:none;
        padding:0px;
        margin:0px;
        display:flex;
		align-items:center;
        justify-content:center;
        flex-wrap:wrap;
        grid-gap:20px 15px;
    }
    .nav-wrap .nav-main > li {
        /*position:relative;*/
    }
    .nav-wrap .nav-main > li > a:not([class^="button"]) {
        border-bottom:1px solid transparent;
		color: var(--color-text-primary);
    }
	.nav-wrap .nav-main > li > a:not([class^="button"]):hover {
		text-decoration:none;
		border-bottom:1px solid var(--color-text-primary);
	}
}

/* Footer */
footer {
	background:var(--color-white);
	border:1px solid var(--color-border-primary);
}
footer p {
	color:var(--color-white);
	font-size:14px;
}
footer p a {
	color:var(--color-white);
}
footer p.small {
	font-size:var(--font-size-xsm);
	line-height:20px;
	color:#b9b9b9;
}
footer .section-light h3 {
	color:var(--text-primary);
}
footer img {
	border-radius:var(--border-radius);
	margin:0 15px 15px 0;
}
.footer-nav {
	list-style:none;
	margin:0;
	padding:0;
}
.footer-nav li {
	margin:0 0 10px;
}
.footer-nav li a {
	color:var(--color-white);
	display:inline-block;
	text-decoration:underline;
}

@media (min-width:768px) {
	.section-light .footer-nav {
		columns:4;
	}
}


.section-light .footer-nav li {
	margin-bottom:5px;
}
.section-light .footer-nav li a {
	color:var(--text-primary);
}
.footer-nav.button-nav li {
	width:100%;
	margin:5px 0;
	display:inline-block;
}
.footer-nav.button-nav li a {
    border-radius: var(--border-radius);
    cursor: pointer;
	margin:0;
	display:block;
	padding: 12px 30px;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    transition-property: background-color, color, border, box-shadow;
    transition-timing-function: ease-in-out;
    transition-duration: .2s;
    text-decoration: none;
    background-color: var(--color-primary);
    color: var(--color-white) !important;
    border-color: var(--color-primary);
}
.footer-nav.button-nav li a:hover {
    background-color: var(--color-primary-light);
}

@media only screen and (min-width:768px) {
	.footer-nav.button-nav li {
		width:46%;
		margin:0 2px 8px;
	}
}
@media only screen and (min-width:900px) {
	.footer-nav.button-nav li {
		width:30%;
	}
}
@media only screen and (min-width:1200px) {
	.footer-nav.button-nav li {
		width:23%;
	}
}
/* Social */
.social i {
	color:var(--color-primary);
	font-size:30px;
	margin:0 5px;
}

/* Banners */
.banner {
	z-index:20;
	background: url('../jpg/home-banner.jpg');
	background-size:cover;
	padding:10% 0;
	display:flex;
	position:relative;
	justify-content:flex-end;
}
.banner:before {
	content:"";
	position:absolute;
	background:var(--color-dark-overlay);
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
}
.banner img {
	max-width:100%;
}
.banner form {
	width:90%;
	max-width:500px;
	margin:0 auto;
	position:relative;
	z-index:2;

}
.banner form h2 {
	margin-bottom:30px;
	color:#fff;
	font-size:30px;
	font-weight:bold;
}
.banner-alt {
	padding:0;
	display:block;
	background:none;
}
@media only screen and (min-width:768px) {
	.banner form {
		width:40%;
		margin:0 10%;
	}

}

/* Forms */
input {
	padding:5px 10px;
    border: 1px solid var(--color-bg-dark);
	line-height:34px;
	border-radius:var(--border-radius);;
	width:100%;
	margin:0 0 15px;
}
input[type="button"],
input[type="submit"] {
    border-radius: var(--border-radius);
    cursor: pointer;
 	margin:5px 0;
	padding: 5px 40px;
    display: inline-block;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    transition-property: background-color, color, border, box-shadow;
    transition-timing-function: ease-in-out;
    transition-duration: .2s;
    text-decoration:none !important;
	border:0;
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border-color: var(--color-primary);

}
input[type="button"]:hover,
input[type="submit"]:hover {
	width:auto;
    background-color: var(--color-primary-light) !important;
	border:0;
}
input.button {
	width:auto;
}

/* Sections */
section ul {
	margin:0;
}
section li {
	margin:0 0 8px 0;
	line-height:24px;
	font-size:16px;
}
.section-light {
	background-color:var(--color-bg-light);
}
.section-light h2 {
	color:var(--color-primary);
}
.section-light img {
	border-radius:var(--border-radius);
	margin:0 auto;
}
.section-dark {
	background:var(--color-bg-dark);
}
.section-dark > *,
.section-dark h3 {
	color:var(--color-white);
}
.section-primary {
	background:var(--color-primary);
}
.section-primary > * {
	color:var(--color-white);
}
.section-primary a {
	color:var(--color-white);
	text-decoration:underline;
}
.section-review {
	background:url('../jpg/bg-girl-mobile.jpg') bottom center no-repeat;
	background-size:cover;
	padding-bottom:70%;
}
.section-info .info-column {
	padding:10%;
	position:relative;
}
.section-info .info-column h3 {
	font-weight:bold;
	font-size:35px;
	margin:10px 0 10px;
}
.section-info .info-column h4 {
	background-color:var(--color-primary);
	color:var(--color-white);
	padding:10px 20px;
	font-weight:bold;
	display:inline-block;
}
.section-info .info-column:nth-of-type(1) {
	background-color:var(--color-bg-gray-2);
}
.section-info .info-column:nth-of-type(2) {
	background-color:var(--color-bg-gray-3);
}
.section-info .info-column:nth-of-type(3) {
	background-color:var(--color-bg-gray-2);
}
.section-testimonials .testimonial {
	background:var(--color-primary);
	border-radius:var(--border-radius);
	color:var(--color-white);
	margin:30px 0;
	padding:30px 40px;
	position:relative;
}
.section-testimonials .testimonial:after {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 40px 0 0;
	border-color: var(--color-primary) transparent transparent transparent;
	position:absolute;
	top:100%;
	right:50px;
}
.section-info .info-column a {
	font-weight:bold;
	text-decoration:underline;
}
.section-info .info-column a .small {
	font-size:12px;
	margin-left:5px;
}
.section-rewards h4 {
	text-transform:none;
}
@media (min-width:768px) {
	.section-review {
		background:url('../jpg/bg-girl.jpg') center right no-repeat;
		background-size:cover;
		padding-bottom:80px;
	}
}
@media only screen and (min-width:850px) {
	.section-info .info-column {
		padding:15% 20%;
		position:relative;
	}
	.section-info .info-column:nth-of-type(1):after {
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 0 30px 30px;
		border-color: transparent transparent transparent var(--color-bg-gray-2);
		position:absolute;
		left:100%;
		top:50%;
		margin-top:-15px;
		z-index:2;
	}
	.section-info .info-column:nth-of-type(2):after {
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 0 30px 30px;
		border-color: transparent transparent transparent var(--color-bg-gray-3);
		position:absolute;
		left:100%;
		top:50%;
		margin-top:-15px;
		z-index:2;
	}
}
@media (min-width:1100px) {
	.section-review {
		background-size:contain;
	}
}

@media (min-width:1100px) {
	.section-review {
		background:url('../jpg/bg-girl.jpg') bottom right no-repeat;
		background-size:contain;
	}
}


/* Staff/Photo blocks */
.profile {
	
}
.profile img {
	width:80%;
	margin:0 auto 15px;
}
.profile h3 {
	margin:0 0 5px;
}
.profile h4 {
	font-size:14px;
	margin:0 0 10px;
}

/* News Page */
.yearplubished {
	font-size:24px;
	border-bottom:1px solid #ccc;
	padding:0 0 8px;
	display:block;
	clear:both;
	width:100%;
	margin:0 0 5px;
}
.magazines {
	display:flex;
	flex-wrap:wrap;
}
.magazines .left {
	margin:0 0 15px;
	width:40%;
}
.magazines .right {
	margin:0 0 15px;
	width:40%;

}
.magazines dt {
	text-transform:uppercase;
	margin:18px 0 8px;
	font-weight:700;
}
.magazines dd {
	margin:0 0 8px;
}

/* Dental Schools */
.states {
	padding:20px 0;
	border-bottom:1px solid #cdcdcd;
}
.school {
	margin:0 0 10px;
	line-height:24px;
}
.topofpage {
	float:right;
}
.selectstate {
	max-width:400px;
	float:right;
	margin-top:-50px;
}

/* Magazine List */
.magazine-list li {
	margin-bottom:8px !important;
}
@media (min-width:768px) {
	.magazine-list {
		columns:3;
	}
}

/* Quotes */
.quote {
	padding:15px 25px;
	background:var(--color-bg-light);
	border-radius:var(--border-radius);
}
.quote img {
	display:none;
}
.quote .cite {
	display:block;
	margin-top:15px;
}

/* Search Result Page(s) */
.columns-2-1 .results {
	order:1;
}
.columns-2-1 .rightbar {
	order:2;
}

h3.results {
	margin:20px 0 5px 0;
	font-style:italic;
}
.doctor {
	margin-top:12px;
}
.doctor a {
	text-decoration:underline !important;
}

.spacer {
	margin:0 8px;
}


.error {
	color:#c00;
}


/* Featured Dentists */
.section-featured-details {
	border-radius:var(--border-radius);
	padding:30px;
	margin:20px 0;
}
.section-featured-details ul {
	margin:0;
	padding:0;
}
.section-featured-details ul li {
	margin:0 0 5px 20px;
}

/* Ballot/Voting */
.section-rank {
	margin-bottom:0 !important;
}
.section-rank label {
}
.section-rank section {
	height:40px;
}
.section-rank select,
.section-rank input[type="text"] {
	height:40px;
	padding:0 10px;
	margin:0 !important
}
.section-rank select {
	width:auto;
}
@media only screen and (min-width:768px) {
	.section-rank label {
		line-height:40px;
	}
}

/* Plaque Preview */


/* Jquery UI Override */
.ui-widget-header {
	background:var(--color-primary) !important;
}
.ui-dialog .ui-dialog-title {
	color:#fff;
}
#options ul {
	margin:0;
	padding:0;
	list-style:none;
}
#options ul li {
	margin:10px;
	padding:0;
	width:40%;
	display:inline-block;
}
#options ul li a {
	display:block;
}
#options ul li img {
	width:100%;
}