body.single-course #content { padding-top: 40px; }

#content .entry-content > h1 { margin-top: 40px; }

#courses { margin-top: 40px; }
#courses a { border: 3px solid var(--secondary); padding: 20px; margin-bottom: 30px; display: block; }
#courses a:hover { box-shadow: 0 0 10px #aaa; transform: scale(1.02); }
#courses a img { width: 100%; height: auto; margin-bottom: 15px; }
#courses a p { margin-bottom: 0; font-size: 1.1rem; color: #2c2c2c; }
#courses a h4 { color: var(--secondary); font-size: 1.4rem; }
#courses a .buttonwrapper { display: block; text-align: center; margin-top: 20px; }
#courses a span.btn { display: inline-block; text-transform: uppercase; border: 2px solid #ccc; border-radius: 0; padding: 5px 20px; }
#courses a:hover span.btn { border-color: #F9D9DA; background: #F9D9DA; }

#library { margin-top: 40px; }
#library a { border: 3px solid var(--secondary); padding: 20px; margin-bottom: 30px; display: block; }
#library a:hover { box-shadow: 0 0 10px #aaa; transform: scale(1.02); }
#library a img { width: 100%; height: auto; margin-bottom: 15px; }
#library a p { margin-bottom: 0; font-size: 1.1rem; color: #2c2c2c; }
#library a h4 { color: var(--secondary); font-size: 1.4rem; }
#library a .buttonwrapper { display: block; text-align: center; margin-top: 20px; }
#library a span.btn { display: inline-block; text-transform: uppercase; border: 2px solid #ccc; border-radius: 0; padding: 5px 20px; }
#library a:hover span.btn { border-color: #F9D9DA; background: #F9D9DA; }

body.single-course #content .btn_wrapper { text-align: right; margin-bottom: 40px; }
body.single-course #content .btn { background: var(--primary); color: #fff; line-height: 40px; padding: 0 30px; text-align: center; }
body.single-course #content .btn:hover { background: var(--secondary); }
body.single-course #content .slide_image { width: 100%; height: auto; margin-bottom: 40px; }

body.single-course #content #question_content { width: 700px; margin: 0 auto 50px auto; }
body.single-course #content .question { margin-bottom: 20px; margin-top: 20px; border: 1px solid #E30C0C; padding: 20px; border-radius: 5px; margin-bottom: 30px; }
body.single-course #content .question label { display: block; margin-bottom: 10px; }
body.single-course #content .question label:last-child { margin-bottom: 0; }
body.single-course #content .question label input { display: inline-block; margin-right: 5px; }
body.single-course #content #certificate_wrapper { text-align: center; margin-bottom: 50px; }
body.single-course #content #certificate_wrapper a i { display: inline-block; margin-left: 10px; }
body.single-course #content iframe { height: 1100px; }

body.single-library_item #content .btn_wrapper { text-align: right; margin-bottom: 40px; }
body.single-library_item #content .btn { background: var(--primary); color: #fff; line-height: 40px; padding: 0 30px; text-align: center; }
body.single-library_item #content .btn:hover { background: var(--secondary); }
body.single-library_item #content .slide_image { width: 100%; height: auto; margin-bottom: 40px; }

body.single-library_item #content #question_content { width: 700px; margin: 0 auto 50px auto; }
body.single-library_item #content .question { margin-bottom: 20px; margin-top: 20px; border: 1px solid #E30C0C; padding: 20px; border-radius: 5px; margin-bottom: 30px; }
body.single-library_item #content .question label { display: block; margin-bottom: 10px; }
body.single-library_item #content .question label:last-child { margin-bottom: 0; }
body.single-library_item #content .question label input { display: inline-block; margin-right: 5px; }
body.single-library_item #content #certificate_wrapper { text-align: center; margin-bottom: 50px; }
body.single-library_item #content #certificate_wrapper a i { display: inline-block; margin-left: 10px; }
body.single-library_item #content iframe { height: 1100px; }

header#masthead #myaccountmenumobile { padding: 0; margin: 0 0 0 20px; list-style: none; display: inline-block; position: relative; }
header#masthead #myaccountmenumobile > a { padding: 0; }
header#masthead #myaccountmenumobile > a i { color: #fff !important; margin-right: 10px; display: inline-block; }
header#masthead #myaccountmenumobile > ul { background: #fff; border: 1px solid var(--background-grey); list-style: none; padding: 5px 0; margin: 0; position: absolute; top: 35px; right: 0; display: none; width: 100%; z-index: 2; width: 200px; }
header#masthead #myaccountmenumobile > ul.open { display: block; }
header#masthead #myaccountmenumobile > ul > li > a { color: var(--text) !important; padding: 10px; display: block; font-size: 18px !important; }

#user_nav { display: block; text-align: center; padding: 25px 0; }
#user_nav a { display: block; text-align: center; font-size: 18px; }

.bannerimage img { width: auto; max-height: auto; }

#ecoursebanner p strong, .welcometext { color: #979797; font-size: 20px; }
#ecoursebanner p strong span, .welcometext span { color: var(--secondary); }
#ecoursebanner p { font-size: 1.4rem; }
#ecoursebanner h1 { color: var(--secondary); font-weight: 400; font-size: 60px !important; }

#contactbanner p strong { color: #979797; font-size: 20px; }
#contactbanner p strong span { color: #DD2E32; }
#contactbanner h1 { color: #DD2E32; font-weight: 400; font-size: 60px !important; }

#homepagebanner h1 { color: var(--secondary); font-size: 60px !important; }
#homepagebanner h6 { color: #BF202E; font-size: 22px !important; }
#homepagebanner p, #homepagebanner li { font-size: 18px !important; }

.summarytext em { color: #BF202E !important; font-weight: 700; font-size: 24px; }
.summarytext h3 { color: var(--secondary); font-weight: 400; font-size: 60px !important; }
.summarytext p { font-size: 20px !important; }
.red .summarytext h3 { color: #BF202E; }
.orange .summarytext h3 { color: #DB8933; }
.purple .summarytext h3 { color: #5D5578; }
.vc_btn3 { background: #BF202E !important; border: none !important; border-radius: 0 !important; font-size: 18px !important; color: #fff !important; }
.orange .vc_btn3 { background: #DB8933 !important; }
.purple .vc_btn3 { background: #5D5578 !important; }
.green .vc_btn3 { background: var(--secondary) !important; }

.redbox { background: #FFDDDD; }
.redbox .vc_column-inner > .wpb_wrapper { padding: 30px 10%; }
.redbox h3 { color: #DD2E32; font-size: 40px; }
.redbox p { font-size: 18px; }
.yellowbox { background: #FFFFE0; }
.yellowbox .vc_column-inner > .wpb_wrapper { padding: 30px 10%; }
.yellowbox h3 { color: #DB8933; font-size: 40px; }
.yellowbox p { font-size: 18px; }
.bluebox { background: #D7E9EB; }
.bluebox .vc_column-inner > .wpb_wrapper { padding: 30px 10%; }
.bluebox h3 { color: #017481; font-size: 40px; }
.bluebox p { font-size: 18px; }
.purplebox { background: #EBEAF0; }
.purplebox .vc_column-inner > .wpb_wrapper { padding: 30px 10%; }
.purplebox h3 { color: #5D5578; font-size: 40px; }
.purplebox p { font-size: 18px; }

.accountbanner h3 { font-size: 50px; }
.accountbanner p { font-size: 20px; }
.accountbanner .vc_btn3 { text-align: center; width: 350px; max-width: 100%; }

.redtext p { font-size: 30px; color: #DD2E32; }

body.page-id-472 #main h3 { font-size: 30px; }

#mainbanner h1 { font-size: 50px; }

.theohcowdifference h2 { font-size: 40px; font-weight: 400; }
.nobold h1, .nobold h2, .nobold h3, .nobold h4, .nobold h5, .nobold h6 { font-weight: 400; }
.user-registration-MyAccount-content a { font-weight: 700; text-decoration: underline; }
.user-registration-form-row > span { display: block; width: 100%; }
.user-registration-form-row > span input { display: block; width: 100%; }

#feedbackbanner { background: #E5E5E5; padding-top: 50px; padding-bottom: 50px; }
#feedbackbanner p { font-size: 24px; color: #787878; text-align: center; font-weight: 500; margin-bottom: 0; }

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input { display: none !important; }
body.page-id-59 #main .entry-content h2 { display: none !important; }
body.page-id-59 #main .entry-content .woocommerce-form-login { display: none !important; }


/* Medium devices (desktops, 992px and up) */
@media (max-width: 991px) {
	header#masthead .dropdown-menu { position: relative !important; width: 100% !important; transform: unset !important; }
	header#masthead ul.navbar-nav li.open > ul { display: block; }
}
@media (min-width: 992px) {
	header#masthead #myaccountmenumobile { display: none; }
	header#masthead .dropdown-menu { width: 280px; }
	header#masthead .dropdown-menu .dropdown-menu { left: 250px; top: 0 !important; }
	
	#user_nav a { display: inline-block; margin: 0 40px; }
	
	.reversecolumns { flex-direction: row-reverse; }
	.smallwidth { max-width: 1200px; margin-left: auto; margin-right: auto; }
}