/*
Theme Name: NPS Quiz Theme
Description: Semantic, SEO Optimised, Custom Wordpress Theme for NPS
Author: #
Author URI: #
Version: 11.0
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#069}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#FFF;color:#000;font:75%/125% Calibri, Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {border-bottom:1px solid #CCC;font:bold 1.75em/1.25em Georgia, Garamond, Serif;margin:10px 0 0 10px}
h2 {font:bold 1.5em/1.25em Georgia, Garamond, Serif}
h3 {font:bold 1.25em/1.25em Georgia, Garamond, Serif}
h4 {font:bold 1em/1.25em Georgia, Garamond, Serif}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {margin:20px auto;width:750px}

/* Header */
#header {border-bottom:1px solid #CCC;overflow:hidden;width:100%}
#header #logo {color:#09C;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif}
#header span {display:block;font-style:italic;margin:4px 0 0}
#header ul {float:right;list-style:none;margin:-15px 0 0}
#header ul li {float:left;margin:0 0 0 10px}
#header ul li a {color:#333;float:left;font-weight:bold;padding:5px 10px}
#header ul li a:hover, #header ul li.current_page_item a {background:#CCC}

/* Content*/
#content {float:left;overflow:hidden;padding:0 0 20px;width:550px}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}

/* Post */
#content .post {border-bottom:1px solid #CCC;margin:0 0 25px}
#content .post .meta {font-style:italic}
#content .post h1 {border:0;margin:0}
#content .sticky {background:#f5efca}

/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;padding:10px 0 20px;width:200px}
#sidebar ul {list-style:none;margin:0 0 1em 18px}
#sidebar ul ul {list-style:disc}

/* Footer */
#footer {/*border-top:1px solid #CCC;*/clear:both;height:21px;padding:5px 10px;overflow:hidden}
#footer p {float:left}
#footer ul {float:right;list-style:none}
#footer ul li {display:inline;margin:0 0 0 20px}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* 2.7+ Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}


#gform_1 .gfield .visual {
    margin: 0 0 14px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: url(assets/images/Pattern_RGB_778x569.jpg) repeat-x 50% 0; /* replaces bg-visual.jpg */
    background-size: cover;
}

#gform_1 .gfield .visual-h {
    padding: 219px 0 211px;
    max-width: 650px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

#gform_1 .gfield .visual h1 {
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    text-align: left;
    font: 64px/76px GothamBold,Arial,sans-serif;
    padding-bottom: 20px;
}

#gform_1 .gfield .visual h2 {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    margin: 0;
    color: #330066;
    font: 38px/42px GothamBold,Arial,sans-serif;
}

#gform_1 .gfield .visual h2 span {
    background: #330066; /* #f99a1c; */
	display:inline-block;
	vertical-align:top;
    padding: 14px;
    color: #fff;
}

.gform_wrapper#gform_wrapper_1 #gform_1 .gf_progressbar_wrapper {display:none;}

.gform_wrapper #gform_1 .upperblock h2 {
    font: 28px/32px GothamBold,Arial,sans-serif;
    padding: 18px;
    text-align: center;
    overflow: hidden;
    margin: 0;
    background: #330066; /*#4e0a5a;*/
    color: #fff;
    text-transform: uppercase;
}

.gform_wrapper #gform_1 .upperblock h2 {
    padding: 94px 20px 20px;
    background: #330066 url(assets/images/bg-yes.png) no-repeat 50% 22px;
}

.gform_wrapper #gform_1 .q  {
    overflow: hidden;
    background: #330066; /*#8bd2ce;*/
    padding: 20px 71px;
}

.gform_wrapper #gform_1 .q h3 {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font: 18px/22px GothamBold,Arial,sans-serif;
}

.gform_wrapper #gform_1 .qchoices label.gfield_label {display: none;}

.gform_wrapper #gform_1 ul.gform_fields li.gfield.qchoices {padding: 0 57px 10px 57px;overflow: hidden;}

#gform_1 .gfield_radio li {
    cursor: pointer;
    margin: 0 0 6px;
    min-height: 47px;
    vertical-align: middle;
    display: block;
    padding: 10px !important;
    border: 3px solid #330066; /* #8bd2ce; */
    color: #330066; /* #605f5d;*/
    font-size: 15px;
    line-height: 20px;
}

.gform_wrapper #gform_1 .top_label li ul.gfield_radio {
    width: 100%;
}

#gform_1 .gfield_radio label:last-child {
    font: 15px/20px 'Montserrat', sans-serif;
    font-size: 15px !important;
}

#gform_1 .radio_btn span {
    margin: 0 0 0 9px;
    width: 58px;
    line-height: 47px;
    display: inline-block;
    vertical-align: middle;
    color: #330066; /*#8bd2ce;*/
    font-weight: bold;
    font-size: 29px;
}

#gform_1 .gfield_radio li.selected {
    color: #fff;
    background: #330066; /*#8bd2ce;*/
}

#gform_1 li.selected .radio_btn span {
    color: #fff !important;
}

#gform_1 .gform_page .gform_page_footer {
    display: none;
}

#gform_1 .gform_page:last-child .gform_page_footer.active {
    display: block;
    background: url(assets/images/bg-header.jpg) repeat-x;
    clear: both;
    /*height: 21px;*/
    padding: 5px 10px;
    overflow: hidden;
    width: 100%;
}

#gform_1 .gform_page:last-child .gform_page_footer .gform_previous_button {
    display: none !important;
}

#gform_1 .gform_page:last-child .gform_page_footer input[type="submit"] {
	width: 257px;
    height: 64px;
    cursor: pointer;
    display: block;
    background: #fcb813;
    font: 25px/63px GothamBold,Arial,sans-serif;
    color: #fff;
    margin: 0 auto;
    padding: 0;
    border: none;
    text-transform: uppercase;
    margin-top: 40px;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}

body .gform_wrapper #gform_1 ul li.gfield.gfield_html img {
    max-width: 100%!important;
    height: auto;
}

#gform_1 hr {
    background: url(assets/images/bg-header.jpg) repeat-x;
    overflow: hidden;
    padding: 37px 0 0;
    border: none;
}

.result-box {
    padding: 0 0 66px;
    text-align: center;
    background: #46329a;
    position: relative;
    margin: 0 0 23px;
}

.result-box .h {
    padding: 0 0 47px;
    overflow: hidden;
}

.result-box .left {
    padding: 98px 0 0;
    float: left;
    width: 50%;
}

.result-box .left h1 {
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    color: #330066; /*#4e0a5a;*/
    font: 60px/67px GothamBold,Arial,sans-serif;
    border-bottom: none;
}

.result-box .left .score {
    padding: 37px 0 0;
    color: #e53c8e;
    display: block;
    text-transform: uppercase;
    margin: 0;
    font: 121px/140px GothamBold,Arial,sans-serif;
}

.result-box .text {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font: 28px/38px GothamBold,Arial,sans-serif;
}

.result-box .text-area {
    padding: 0 28px 33px;
    text-align: center;
    overflow: hidden;
}

.result-box .btn {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    background: #fcb813;
    text-transform: uppercase;
    padding: 19px;
    font: 25px/32px GothamBold,Arial,sans-serif;
    min-width: 368px;
}

.result-box .btn:hover {
    background: #d49b10;
    text-decoration: none;
}

.result-box .share {
    color: #fff;
    max-width: 540px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 28px;
    line-height: 40px;
    padding: 34px 0 0;
}

.result-box .share p {
    margin: 0 0 40px;
}

.result-box .share-btn {
    display: inline-block;
    vertical-align: top;
    background: url(assets/images/bg-share.png) no-repeat;
    width: 385px;
    height: 70px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 auto;
}

.form .row {
    overflow: hidden;
}

.form .row h2 {
    font: 28px/32px GothamBold,Arial,sans-serif;
    text-align: center;
    overflow: hidden;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 94px 20px 20px;
    background: #330066 url(assets/images/bg-yes.png) no-repeat 50% 22px;
}

.form .q {
    overflow: hidden;
    background: #330066; /*#8bd2ce;*/
    padding: 20px 71px;
}

.form .q h3 {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font: 18px/22px GothamBold,Arial,sans-serif;
}

.form .a {
    padding: 30px 57px;
    overflow: hidden;
}

.form .a label {
    cursor: pointer;
    margin: 0 0 6px;
    min-height: 47px;
    vertical-align: middle;
    display: block;
    padding: 10px;
    border: 3px solid #330066; /*#8bd2ce;*/
    color: #605f5d;
    font-size: 15px;
    line-height: 20px;
}

.form .a label.correct {
    color: #fff;
    background: #330066 url(assets/images/bg-correct.png) no-repeat 100% 50%; /*#8bd2ce;*/
}
.rad-area {opacity:0;}

.form .a label strong {
    margin: 0 0 0 9px;
    width: 58px;
    line-height: 47px;
    display: inline-block;
    vertical-align: middle;
    color: #330066; /*#8bd2ce;*/
    font-weight: bold;
    font-size: 29px;
}

.form .a label .t {
    display: inline-block;
    vertical-align: middle;
    width: 78%;
}

.form .a label.wrong strong,
.form .a label.correct strong {
    color: #fff;
}

.form .row.yes .btn-h, .form .row.no .btn-h {
    display: block;
    text-align: center;
    padding: 30px 0 16px;
}

.form .row.yes .btn, .form .row.no .btn {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    background: #fcb813;
    text-transform: uppercase;
    padding: 19px;
    font: 25px/32px GothamBold,Arial,sans-serif;
    min-width: 268px;
}

.form .a label.wrong {
    border-color: #f26c4f;
    color: #fff;
    background: #f26c4f url(assets/images/bg-wrong.png) no-repeat 100% 50%;
}

.form .row.yes .btn:hover, .form .row.no .btn:hover {
    text-decoration: none;
    background: #d49b10;
}

.result-box .left h1 span {padding: 15px 18px 15px 22px;display:inline-block;
	vertical-align:top;}

.form .row.no h2 {
    padding: 94px 20px 20px;
    background: #330066 url(assets/images/bg-no.png) no-repeat 50% 22px;
}

body {background: #e8e8e8;}
#wrapper {background-color: #fff; /*margin-top: 100px; margin-bottom: 100px;*/}
.result-box .right .img img {padding-top: 100px;vertical-align: bottom;}
.home .gform_wrapper #gform_1 .upperblock h2 {background: #330066;padding-top: 25px;}

@media only screen and (max-width: 810px) {
    #gform_1 .gfield .visual h1 {
        text-align: center;
        font-size: 36px;
        line-height: 46px;
    }
    #gform_1 .gfield .visual h2 {
        font-size: 30px;
        line-height: 28px; /* 36px */
    }
    .gform_wrapper #gform_1 .q {
        padding: 20px;
    }
    .gform_wrapper #gform_1 ul.gform_fields li.gfield.qchoices {
        padding: 20px;
        margin-top: 0;
    }
    #gform_1 .ginput_container.ginput_container_radio {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    #gform_1 .gfield .visual-h {
        padding-top: 40px;
    }
	.result-box .left{padding: 28px 0 0;}
	.form .a label .t{width:74%}
	.form .a label strong{width:30px}
    #gform_1 .gfield .visual {
        height: 300px;
    }
    #wrapper {
        margin-top:0;
        margin-bottom:0;
    }
	.form .q{padding:20px}
	.form .a{padding:20px}
	.form .row.yes .btn, .form .row.no .btn{display:block;}
	.result-box .left h1{font-size: 35px;
line-height:50px;}
.result-box .left h1 span {
padding: 12px;
}
.result-box .text {
font-size: 20px;
line-height: 30px;
}
	.result-box .left .score{padding:0;font-size:71px;}
	.result-box .share{font-size: 23px;
line-height:30px;
padding:20px;}
	.result-box .right{float:right;width:48%;}
	.result-box .right .img{padding:0 20px 0 0}
	#gform_1 .gfield .visual h2 br{display:none;}
	#gform_1 .gfield .visual h2 span{padding:10px;} /* replaces 0 10px */
	.result-box .right .img img{max-width: 100%;padding:21px 0 0;
height: auto ;display:block;margin:0 auto}
}

@media only screen and (max-width: 480px) {
    .form .row.yes .btn, .form .row.no .btn {
        min-width: initial;
        font-size: 17px;
        line-height: 22px;
    }
	.result-box .left{padding:22px 0 0}
	.result-box{padding: 0 0 6px;}
    .form .a label.wrong {
        background: #f26c4f url(assets/images/bg-wrong.png) no-repeat 105% 50%;
    }
    .form .a label.correct {
        background: #330066 url(assets/images/bg-correct.png) no-repeat 105% 50%;
    }
    .result-box .btn {
        min-width:260px;
    }
    .result-box .share-btn  {
        background-size:contain;
        width:298px;
    }
}
@media only screen and (max-width: 480px){ .result-box .share-btn {
background-size: contain;
width: 280px;}
}
@media only screen and (min-width: 641px) {
    .gform_wrapper #gform_1 ul.gform_fields li.gfield {padding-right: 0;}

}

@media only screen and (max-width: 641px){
    .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label { width:80% !important; }
    .gform_wrapper ul.gfield_radio label.radio_btn {width: 15% !important;}
    .page-template-pt-result .result-box .left h1 span {
        font-size: 40px;
        line-height: 40px;
        padding: 9px 13px;
        vertical-align: 0;
        position: absolute;
    }
    .page-template-pt-result .result-box .left h1 span:last-child {top: 50px;}
    .page-template-pt-result .result-box .left h1 {position: relative;}
    .page-template-pt-result .result-box .left .score{position: relative;top: 45px;}
}

@media only screen and (max-width: 320px){
    .page-template-pt-result .result-box .left h1 span {
        font-size: 24px;
        line-height: 24px;
        padding: 4px 8px 4px 8px;
        vertical-align: 0;
        position: absolute;
    }
    .page-template-pt-result .result-box .left h1 span:last-child {top: 25px;}
    .page-template-pt-result .result-box .left h1 {position: relative;}
    .page-template-pt-result .result-box .left .score {font-size: 48px;line-height: 90px;padding-top:0;}
    .page-template-pt-result .result-box .right .img img {width: 85%;height: auto;float: left;padding-top: 40px;}
    .page-template-pt-result .result-box .right .img {width: 100%;}
    .page-template-pt-result .result-box .right {float: left;width: 50%;}
    .page-template-pt-result .result-box .text {font-size: 16px;line-height: 26px;}
    .page-template-pt-result .result-box .btn {font-size: 16px;padding: 10px 0;}
    .page-template-pt-result .result-box .share p {font-size: 19px;line-height: 29px;margin: 30px 0 25px 0;}
    .page-template-pt-result .result-box .share {padding: 0 30px;}
    .page-template-pt-result .result-box .share-btn {width: 100%;max-width: 298px;}
    .page-template-pt-result .result-box {padding-bottom: 10px;margin-bottom: 19px;}
    .page-template-pt-result .result-box .left {padding-top: 48px;}
    .page-template-pt-result .form .q {padding: 20px;}
    .form .row.yes .btn, .form .row.no .btn {
        min-width: initial;
        font-size: 17px;
        line-height: 22px;
    }
    .form .a label.wrong {
        background: #f26c4f url(assets/images/bg-wrong.png) no-repeat 112% 50%;
    }
    .form .a label.correct {
        background: #330066 url(assets/images/bg-correct.png) no-repeat 112% 50%;
    }
    .result-box .btn {
        min-width:260px;
    }
    .result-box .share-btn  {
        background-size:contain;
        width:298px;
    }
    .page-template-pt-result .result-box .left .score {top: 10px;}
}