/*
theme name: RSM World Day 
author: Kim
author uri: #
description: RSM
template: twentynineteen

*/

@import url('fonts/prelo/stylesheet.css');




*{margin:0px ; padding:0px; box-sizing:border-box}
ul{margin:0px;}
li{list-style:none}
html {
  font-family: 'prelobook';
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
h1, h2 , h3 , h4 , h5 , h6{font-weight:normal;  }
body {
	margin: 0;color:#606161; font-size:16px; line-height:30px;
}
html[lang="zh-hans"] body{color:#606161}
html[lang="zh-hans"] .foot-col h3{text-transform: uppercase;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}
.page_content_wrapper p  {
    margin-bottom:1.2em;
}
a {
	background-color: transparent;
	color: #171717;
    text-decoration: none;
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}


dfn {
	font-style: italic
}

h1 {
	
	font-size: 2em
}

mark {
	color: #000;
	background: #ff0
}

small {
	font-size: 80%
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0px 0 1em 0px
}

hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input {
	line-height: normal ; outline:none
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0
}

legend {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto; outline:none; resize:none
}

optgroup {
	font-weight: bold
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

td,
th {
	padding: 0
}
#page-wrapper{width:100%; overflow:hidden}
.content-area{width:90%; margin:0px auto ; max-width:1185px}
.container {
    width: 1280px;
    margin: 0px auto;max-width:90%
}


.thumbnail-section img{max-width:100%;     height: auto;}
.header-title-section {
   background: #51b648;
    text-align: center;
    overflow: hidden;
    padding: 20px 0;
}
.header-title, .user-img {
    display: inline-block;
}
.header-title {
    font-size: 70px;
    color: #fff;
    font-weight: 400;
    padding: 0 22px;
    line-height: 62px;
}
.header-title strong{ font-family: 'prelobold';}
.user-img img {
       width: 65px;
    border-radius: 100%;
    display: block;
}
.header-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-title {
    text-align: center;
    font-size: 50px;font-family: 'prelomedium';
}
.page-content {
    padding: 60px 0px;
}

.footer-row {
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
}
.tag-line {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #606060;
}
.footer-menu ul {
    display: flex;
    justify-content: flex-start;
    text-transform: uppercase;
}
.footer-menu ul li a {
    color: #606060;
    margin-right: 10px;
    font-size: 22px;
    border-right: #606060 solid thin;
    padding-right: 8px;
    line-height: 19px;
    display: block;
}
.footer-menu ul li:last-child a {
    border-right: none;
}
.footer-menu {
    margin-top: 4px;
}

.quiz-listing-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 30px;
}
.quiz-listing-column {
    width: 50%;
    padding: 20px;
}
.quiz-listing-column-inner{background:#b7b6b6; height: 100%;}
.quiz-listing-column-inner {
    padding: 30px 60px;
}
.quiz-title-row {
    display: flex;
}
.quiz-title-text h2 {
    color: #fff;
    font-size: 24px;
    line-height: 41px;
    font-family: 'prelolight_italic';
}
.quiz-title-img img {
    width: 92px;
    margin-right: 54px;
    height: auto;
}
.quiz-button-row ul {
    display: flex;
    justify-content: center;
}
.quiz-button-row ul li a {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    display: block;
}
.quiz-button-row ul li:first-child a {
  border-right: #fff solid 2px;
    padding-right: 40px;
    margin-right: 40px;
}
.quiz-button-row {
    margin-top: 20px;
}
.quiz-listing-column.comment-listing{width: 33.33%;}
body.single-quiz .header-content {
   
      justify-content: space-between;
}

body.single-quiz  .header-title {
    font-size: 40px;padding: 0 0;
   
}


.breadcrumn-section {
    background: #179ad6;
    color: #fff;
    font-size: 30px;
}
.breadcrumn-row {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.backtohome a {
    color: #fff;
}

.header-title-section.default-header .header-title {
    font-size: 55px; display: flex;
}

.header-title-section.default-header .header-title  .widget_text {
    margin-left: 7px;
    border-bottom: #fff solid 3px;
    padding-bottom: 14px;
}

.content-section {
    margin-top: 30px;
}

.ppbs-headline {
    display: none;
}

body.page #content div.pp-form-container {
    max-width: 100%!important;
    box-shadow: none!important;
}
body.page .pp-form-container form div.pp-form-wrapper {
    box-shadow: none!important;
}

body.page .pp-form-container .pp-form-wrapper.ppBuildScratch {
    padding: 0px!important;
}
body.page .pp-form-container form .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap input.pp-form-field{
    background: transparent!important;
    border: #939393 solid 1px!important;
    padding: 20px;font-family: 'prelomedium' !important;font-size: 20px!important;
}
body.page .pp-form-container form .pp-form-wrapper.ppBuildScratch.ppfl-flat .pp-form-field-wrap input.pp-form-field[name="reg_avatar"] {
    background: #179ad6!important;
    border-color: #179ad6!important;
    color: #fff!important;
    text-align: center!important;
}
body.page #content .pp-form-container input.pp-submit-form.ppform-submit-button  {
    width: 300px!important;
    margin: 0px auto!important;
    background-color: #606060!important;
    text-transform: uppercase;font-family: 'prelomedium' !important
	
	
}

body.page #content .pp-form-container input.pp-submit-form.ppform-submit-button:hover , p.form-submit input:hover{background-color:#51b648!important; color:#fff!important}


.content-section h4 {
    font-size: 27px;
}


.content-section h3{font-size:50px}

body.page #content .pp-form-container .pp-form-wrapper.ppBuildScratch .pp-form-field-wrap {
    padding: 15px 15px!important;
}

.pp-form-submit-button-wrap {
    overflow: hidden;
    margin: 0px!important;
}

body.page #content .pp-form-container input.pp-submit-form.ppform-submit-button {
    width: 300px!important;
    margin: 0px auto!important;
    background-color: #606060!important;
    text-transform: uppercase;
    font-family: 'prelomedium' !important;
    margin-top: 43px!important;
    position: relative!important;
    float: none!important;
    display: block!important;
}
body.page #content  .pp-form-submit-button-wrap {
    padding: 0px!important;
}

form#commentform p.logged-in-as , h3#reply-title , p.comment-form-comment label {
    display: none;
}
p.must-log-in {
    text-align: center;
    font-size: 25px;
    color: #f00;
}
textarea#comment {
    width: 100%;
    border: #606060 solid 2px;
    resize: none;padding: 30px;
}

p.form-submit input {
    width: 300px!important;
    margin: 50px auto 0px!important;
    background-color: #606060!important;
    text-transform: uppercase;
    font-family: 'prelomedium' !important;
    padding: 13px 0;
    color: #fff!important;
    display: block;
    border: none!important;text-align: center !important;
}

.comment-box {
    margin-top: 45px;
}

.comment-list{    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 30px;}
.comment-list li{    width: 50%;
    padding: 20px;
}
article.comment-body{background: #b7b6b6;padding: 30px 60px;}
.comment-metadata {
    display: none;
}


.comment-metadata {
    display: none;
}

.comment-author.vcard {
    float: none;
    width: 100%;
}
.comment-author.vcard img {
    width: 200px;
    height: auto;
    border-radius: 100%;
    float: left;
}
.comment-author.vcard b.fn {
    font-size: 30px;
    float: left;
    padding-top: 20px;
    padding-left: 26px;
    width: 50%;
}
.comment-author.vcard {
    overflow: hidden;
}

.comment-content {
    font-size: 21px;
    color: #fff;
    font-family: 'prelolight_italic';
}
.quiz-listing-column.comment-listing .quiz-title-text h2 {
    font-weight: 700;
    margin-top: 20px;
    font-family: 'prelobold';
}
.quiz-listing-column.comment-listing .quiz-title-img img {
    width: 200px!important;
    height: 200px;
    border-radius: 100%;
}
.quiz-listing-column.comment-listing .quiz-listing-column-inner {
    padding: 30px!important;
}
.footer-wrapper {
    margin-bottom: 20px;
}

.comment-box {
    text-align: center;
    color: #000;
}

label.pp-form-label{font-family: 'prelomedium'!important;}
form#commentform label {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 20px;
    margin: 0;
    font-weight: 400;
}
form#commentform input {
    width: 100%;
    color: #000;
    padding: 10px;
}
img.pro_pic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.job_title {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
form#commentform input[type="checkbox"] {
    width: auto;
    float: left;
    position: relative;
    bottom: -8px;
    margin-right: 10px;
}
form#commentform p {
    margin-bottom: 10px;
}
p.comment-form-cookies-consent, p.comment-form-url, p.comment-form-email{display:none}
.quiz-listing-column.comment-listing .quiz-title-text {
    width: 100%;
    text-align: center;
}
form#commentform {
    display: flex;
    flex-direction: column;
}
form#commentform .comment-notes{
    order: 1;
}
form#commentform .comment-form-author{
    order: 3;
}
form#commentform .comment-form-email{
    order: 4;
}
form#commentform .acf-comment-fields{
    order: 5;
}
form#commentform .comment-form-comment{
    order: 2;
}
form#commentform .form-submit{
    order: 6;
}
form#commentform .acf-label {
    margin: 0 !important;
}
form#commentform .acf-basic-uploader input{
    padding: 0px;
}
form#commentform .acf-fields.-clear > .acf-field{
    margin-bottom: 14px;
    margin-top: 0px;
}
.logged-in .acf-comment-fields{
    display: none;
}
@media only screen and (max-width:767px){
	.header-content{display:block; }
	body.single-quiz .header-title {
		font-size: 24px;
		padding: 0 0;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.header-logo-img img {
		width: 140px;
	}
	.footer-row{display:block;}
	.footer-left {
		margin-bottom: 10px;
	}
	.page-title {
		text-align: center;
		font-size: 35px;
		font-family: 'prelomedium';
		line-height: 40px;
	}
	.header-title {
		font-size: 42px;
	
		padding: 0 22px;
		line-height: 40px;
	}
	.content-section h3 {
		font-size: 34px;
		line-height: 40px;
	}
	.quiz-listing-column {
		width: 100%;
		padding: 20px;
	}
	.quiz-title-row {
		display: block;
	}
	.quiz-title-text h2 {
		color: #fff;
		font-size: 28px;
		line-height: 38px;
		font-family: 'prelolight_italic';
	}
	.quiz-button-row ul li a {
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		display: block;
		line-height: 21px;
	}
}