/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


.home-hero {
	height: 100vh;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 200px;
}
.home-hero h1 {
	font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 5em;
	color: #f7f7f7;
	font-weight: 700;
}

@media (max-width: 1024px) {
  .home .evodemy-online-course .et_pb_container,
    .home .seminar-workshop .et_pb_container {
      height: 100% !important;
  }
}
@media (max-width: 480px) {
  .home .et_pb_slide_0,
    .home .et_pb_slide_1,
    .home .et_pb_slide_2, 
    .home .et_pb_slide_3 { 
      padding-top: 40px; 
  } 
  .home-hero h1 { font-size: 2.5em;}
  .home .et_pb_slide_description {
      margin-bottom: 2em; 
  }
  
}





.page-id-318 #hero-right { float:right; }

/* .page-id-318 .et_pb_testimonial:before {
	font-family: "Font Awesome 5 Free" !important;
	content: "\f10d"; font-size:5em; left:6%; top:-5px;
}

.page-id-318 .et_pb_testimonial_author:before {
content: " "; display: block; border: 1px solid #4ccee7; width:4%; margin: -1em 0 1em;
} */

.page-id-318 .et-fixed-header { display: none; }

.page-id-318 #main-header, .page-id-318 #top-header, .page-id-318 .et_fixed_nav #top-header { background-color: rgba(0,0,0,0) !important; box-shadow:none;}
.page-id-318 #main-header ul a, .page-id-318 #top-header ul a, 
.page-id-318 #main-header .mobile_menu_bar_toggle:before, 
.page-id-318 #main-header #et_search_icon:before, 
.page-id-318 .et_search_form_container input, .page-id-318 .et_search_form_container input::placeholder,
.page-id-318 .et_close_search_field:after { 
	color: #222126; 
}
.page-id-318 #top-header.et-fixed-header ul a,.page-id-318 #main-header ul.sub-menu a, .page-id-318 .et-fixed-header #et_search_icon:before, .page-id-318 #main-header #mobile_menu a { color: #f7f7f7; }

.page-id-318 #main-header .logo_container img {
	  background: url(https://evodemy.com/wp-content/uploads/2017/12/logo_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-left: 50%;
    width: 50%;
    height: 68px;
}

.page-id-318 #main-header.et-fixed-header .logo_container img {
	background: none;
	padding-left: 0;
	width: auto; height: auto;
}
.page-id-318 .why-evodemy .et_pb_code { margin: 0; color: #f7f7f7; }

@media (max-width: 980px) { 
	.page-id-318 #main-header .logo_container img { width: 380px; padding-left: 380px; }
	.page-id-318 .why-evodemy .et_pb_code { width: 40px; height: 45px; float: left; }
	.page-id-318 .why-evodemy h5 { text-align: left; margin: 8px 0 16px 0; position: relative; left: 16px;}
	.page-id-318 .why-evodemy p { text-align: left;}
	.page-id-318 .why-evodemy .et_pb_row { padding: 0; }
}
@media (max-width: 480px) {
	.page-id-318 #main-header .logo_container img {
		background: url(https://evodemy.com/wp-content/uploads/2017/12/color-logo@2x.png);
		background-size: contain;
    background-repeat: no-repeat;
		padding-left: 30%;
    width: 30%;
	}
}


/* end of homepage */


/* 
 * menu color purpose 
 */

body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header { top: 32px; padding-top: 10px; }
#main-header, .et-search-form, .et_fixed_nav #top-header, .et_non_fixed_nav.et_transparent_nav #top-header { background-color: #222126; }
#top-header.et-fixed-header .et-social-icons .icon { font-size: 12px; }

#main-header .nav li ul, #main-header .et_mobile_menu { background-color: rgba(34,33,38,0.8); }

.page-id-318 .et-animated-content .et-fixed-header#main-header { background-color: rgba(34,33,38,0.7) !important; }
.et-fixed-header#top-header { background-color: rgba(0,0,0,0) !important;}

.et_mobile_menu li a:hover, .nav ul li a:hover { background-color: #FCC01A; font-weight: 700; opacity: 1;  }

.et_pb_widget li a:hover { color: #6C41CF; font-weight: 700; }

.page-id-318 #main-content,  .page-id-84 #main-content, .page-id-1865 #main-content { margin-top:-105px; width:100%; }

.page-id-318 .et_parallax_bg { background-size: cover !important; top: -200px; }

@media (max-width: 980px) {
.page-id-318 .et_pb_team_member_0.et_pb_team_member.et_pb_module { margin: 0 auto !important; }
  .page-id-318 .et_pb_module.center_on_mobile { text-align: center !important;  margin-left: auto !important; margin-right: auto !important; }
	.page-id-318 .et_pb_module .center_on_mobile { text-align: center !important;  margin-left: auto !important; margin-right: auto !important; }
	.page-id-318 .center_on_mobile { text-align: center !important;  margin-left: auto !important; margin-right: auto !important; }
	.page-id-318 .hero-section {padding-top: 8em;}
}

.et-social-icon a.icon:before { font-family: "Font Awesome 5 Brands","Font Awesome 5 Free", ETModules !important; font-size: 1.4em; }
.et-social-telegram a.icon:before { content: '\f3fe'; }
.et-social-mail a.icon:before { content: '\f0e0'; }
.why-evodemy-icon { width: 100% !important; padding-bottom: 0.3em; opacity: 0.7; text-align: center; margin-bottom: 0.8em; font-size: 2em;}


/* end of menu color */


/* 
 * for blog page purpose 
 * id: page-id-84
 */

.et_pb_bg_layout_dark .et_pb_slide_description { text-shadow: none !important; }

#top-header .et-social-icons { position: absolute; right: 0; top: 1.5em; }

#logo { margin-bottom: 1em; }
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { margin-top: 1em; }
.page-id-84 .et_pb_more_button.et_pb_button { border: solid 2px white !important; background-color: transparent; }

.page-id-84 #main-header, .page-id-84 #top-header, .page-id-84 .et_fixed_nav #top-header { background-color: rgba(0,0,0,0) !important; box-shadow:none;}
.page-id-84 .et-animated-content .et-fixed-header#main-header, .page-id-84 .et-animated-content .et-fixed-header#top-header { background-color: rgba(34,33,38,0.7) !important; }

@media (max-width: 767px) {
.et_pb_fullwidth_post_slider_0, .et_pb_fullwidth_post_slider_0.et_pb_bg_layout_dark, .et_pb_fullwidth_post_slider_0.et_pb_bg_layout_light { padding: 3em 0; }
.et_pb_column_4_4>.et_pb_newsletter .et_pb_newsletter_description { text-align: center; }
.et_pb_post_slider .et_pb_slide { box-shadow: none; }
#logo { margin-bottom: 0; }
}

/* end of blog */


/* 
 * for about page purpose 
 * id: page-id-1865
 */

.page-id-1865 #main-header, .page-id-1865 #top-header, .page-id-1865 .et_fixed_nav #top-header { background-color: rgba(0,0,0,0) !important; box-shadow:none;}
.page-id-1865 .et-animated-content .et-fixed-header#main-header, .page-id-1865 .et-animated-content .et-fixed-header#top-header { background-color: rgba(34,33,38,0.7) !important; }

.about-us-hero {
	height: 68vh;
  display: table-cell;
  vertical-align: middle;
}
.about-us-hero h1 {
	font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 5em;
	color: #f7f7f7;
	font-weight: 700;
}
.page-id-1865 .et_pb_team_member_image { 
	margin: 0.8em auto;
}

@media (max-width: 480px) {
	.about-us-hero h1 { font-size: 3em;}
}

/* end of about */


/*
 * setting layout for post
 */

.single-post .container { width: 100%; }
.single-post #main-header .container { width: 90%; }
.single-post h1, .single-post h2, .single-post p { padding-left: 16px; padding-right: 16px;}
.single-post ul { margin-left: 1em; }

@media (max-width: 640px) {
}

/* end of custom css layout for post */

/*
 * setting courses landing page
 */

#left-area { padding-bottom: 0 !important; }
.single-post .category-courses h1, .single-post .category-courses h2, .single-post .category-courses p { padding-left: 0; padding-right: 0;}
.category-courses .why-evodemy-icon { 
  width: 30% !important; font-size: 3em;
}
.single .et_pb_post.category-courses { margin-bottom: 0; padding-bottom: 0; }
.category-courses .why-evodemy .why-evodemy-description { 
  position: relative; top: -8.4em; padding-left: 30%;
}
@media (max-width: 768px) {
  #hero-right .center_on_mobile, #hero-right .et_pb_button_alignment_left, .center_on_mobile { 
    text-align: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

/* end of courses landing page */

/*
 * for TOC
 */

.toc-resource, .toc-quiz, .toc-faq, .toc-exercise, .toc-project { border-radius: 5px; color: #fff; padding: 0.1em; margin-bottom: 4px; background: black;}
.toc-resource { background: #087E8B;}
.toc-quiz { background: #DB3A34;}
.toc-faq { background: #54494B;}
.toc-exercise, .toc-project { background: #3C1642;}


/* end of TOC */

/*
 * for SC purpose
 */

.category-sc { width: 80%; margin: 0 auto;}
.category-sc h1 { 
  font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 3.3em;
  text-align: left;
	font-weight: 700;
	margin-bottom: 1.3em; 
}
.category-sc h2 {
  text-transform: uppercase;
  font-size: 1.8em;
  letter-spacing: 4px;
  font-weight: 700;
	margin: 2em 0;
	line-height: 1.3em;
}
.category-sc h3 {
  text-transform: uppercase;
  font-size: 1.4em;
  letter-spacing: 4px;
  font-weight: 700;
	margin: 2em 0;
	line-height: 1.3em;
	padding-left: 16px;
	padding-right: 16px;
}
.category-sc h5, .category-sc h6 {
	padding: 0 16px;
  font-size: 20px;
  line-height: 1.6em;
	margin: 0.8em 0;
}
.category-sc h4 { 
	text-indent: -9999px; 
	position:fixed; 
	left: 0; bottom: 0; margin-bottom: 0; 
	background: #6C41CF; 
	width: 0%; 
	height: 5px;
	padding: 0;
	border: none;
}
.category-sc .et_post_meta_wrapper{
	float: left;
  width: 65%;
  margin: 0 10% 0 0;
  padding-top: 30px;
	min-height: 200px; 
}
.category-sc .post-meta { display: none; }
.category-sc p, .category-sc li {
  line-height: 1.7em;
	font-weight: 400;
}
.category-sc a { color: #6C41CF; }
.category-sc a:hover {
	color: #FCC01A; font-weight: 700;
}
#left-area .category-sc ul:first-of-type { padding: 0; }
.category-sc .entry-content ul:first-child li { 
  list-style-type: none;
}
.category-sc .entry-content ul:first-child li:nth-child(odd) { 
	font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8em;
	opacity: 0.25;
  letter-spacing: 2px;
}
.category-sc .entry-content ul:first-child li:nth-child(even) { 
	font-weight: 400;
	font-size: 1.2em;
	padding-bottom: 0.5em;
	opacity:0.6;
}
.category-sc .entry-content p:nth-child(2) {
	padding-top: 3em;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.5em;
}
.entry-content > blockquote:nth-child(2) { 
	margin-top: 100px;
}
.category-sc .entry-content > blockquote:nth-child(1) { border: 2px solid; }
.category-sc .entry-content > p:last-child { margin-bottom: 1em; border: 2px solid; }
.category-sc blockquote { 
	font-style: italic; border: none; 
	padding-left: 0; letter-spacing: 1.2px; font-weight: 600;
	background: #eaeaea; padding: 3em 4em; color: #222126;
}
.category-sc blockquote>p::before { 
	font-family: "Font Awesome 5 Free";
  content: "\f10d";
	opacity: 0.2;
	font-size: 3em;
  margin-left: -0.5em; margin-top: -0.2em;
	position: absolute;
	color: #222126;
}
.category-sc blockquote > p { line-height: 1.7em; font-weight:600; }

.category-sc table.objective-table { 
	margin-top: 3em; width: 100%; font-size: 1.3em; letter-spacing: 1px; 
	border: none; border-radius: 30px; padding: 0 1em; 
	display: table-cell; direction: rtl; 
	background-color: #6C41CF; color: #f7f7f7; 
}
.category-sc table.objective-table tr, .category-sc table.objective-table tr td { border: none !important; }
.category-sc .objective-number { display: none; }
.category-sc .objective-completion input { visibility: hidden; }
.category-sc .objective-completion label { cursor: pointer; }
.category-sc .objective-completion label:hover { opacity: 0.8; font-weight: 900; }
.category-sc .objective-completion label:after {
	font-family: "Font Awesome 5 Free";
	content:"\f058";
	opacity: 0.7; 
	text-align: left;
	font-size: 2em;
	position: relative; top: 4px; 
}
.category-sc .objective-completion input:checked + label:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	opacity: 1;
}

.category-sc .completion-checkbox:checked+label, .category-sc .completion-checkbox+label { width: auto !important; height: auto !important; }

@media (max-width: 1079pxpx) {
	.category-sc .entry-content p:nth-child(2) { padding-top: 7em; }
}

@media (max-width: 768px) {
	.category-sc .objective-completion label:after { top: -8px; }
}

@media (max-width: 640px) {
	.category-sc { width: 100%; }
	.category-sc .et_post_meta_wrapper { float: none; width: 100%; }
	#left-area .category-sc ul:first-of-type { display: none; }
	.category-sc .entry-content { padding-top: 0; }
	.category-sc .entry-content p:nth-child(2) { padding-top: 0; font-size: 1.4em; }
	.category-sc p, .category-sc li {
		line-height: 1.7em;
		font-size: 1em;
		font-weight: 400;
	}
	.category-sc blockquote { padding: 2em 1.3em; }
	.category-sc blockquote > p { line-height: 1.7em; font-weight:600; font-size: 1em; }
	.category-sc table.objective-table { border-radius: 0; }
}

/* end of SC */

/*
 * for LR purpose
 */

.category-lr { width: 80%; margin: 0 auto;}
.category-lr h1 { 
  font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 3.3em;
  text-align: left;
	font-weight: 700;
	margin-bottom: 1.3em; 
}
.category-lr h2 {
  text-transform: uppercase;
  font-size: 1.8em;
  letter-spacing: 4px;
  font-weight: 700;
	margin: 2em 0;
	line-height: 1.3em;
}
.category-lr h3 {
  text-transform: uppercase;
  font-size: 1.4em;
  letter-spacing: 4px;
  font-weight: 700;
	margin: 2em 0;
	line-height: 1.3em;
	padding-left: 16px;
	padding-right: 16px;
}
.category-lr h5, .category-lr h6 {
	padding: 0 16px;
  font-size: 20px;
  line-height: 1.6em;
	margin: 0.8em 0;
}
.category-lr h4 { 
	text-indent: -9999px; 
	position:fixed; 
	left: 0; bottom: 0; margin-bottom: 0; 
	background: #6C41CF; 
	width: 0%; 
	height: 5px;
	padding: 0;
	border: none;
}
.category-lr .et_post_meta_wrapper{
	float: left;
  width: 65%;
  margin: 0 10% 0 0;
  padding-top: 30px;
	min-height: 200px; 
}
.category-lr .post-meta { display: none; }
.category-lr p, .category-lr li {
  line-height: 1.7em;
	font-weight: 400;
}
.category-lr a { color: #6C41CF; }
.category-lr a:hover {
	color: #FCC01A; font-weight: 700;
}
#left-area .category-lr ul:first-of-type { padding: 0; }
.category-lr .entry-content ul:first-child li { 
  list-style-type: none;
}
.category-lr .entry-content ul:first-child li:nth-child(odd) { 
	font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8em;
	opacity: 0.25;
  letter-spacing: 2px;
}
.category-lr .entry-content ul:first-child li:nth-child(even) { 
	font-weight: 400;
	font-size: 1.2em;
	padding-bottom: 0.5em;
	opacity:0.6;
}
.category-lr .entry-content p:nth-child(2) {
	padding-top: 4em;
}
.entry-content > blockquote:nth-child(2) { 
	margin-top: 100px;
}
.category-lr .entry-content > blockquote:nth-child(1) { border: 2px solid; }
.category-lr .entry-content > p:last-child { margin-bottom: 1em; border: 2px solid; }
.category-lr blockquote { 
	font-style: italic; border: none; 
	padding-left: 0; letter-spacing: 1.2px; font-weight: 600;
	background: #eaeaea; padding: 3em 4em; color: #222126;
}
.category-lr blockquote>p::before { 
	font-family: "Font Awesome 5 Free";
  content: "\f10d";
	opacity: 0.2;
	font-size: 3em;
  margin-left: -0.5em; margin-top: -0.2em;
	position: absolute;
	color: #222126;
	font-style: normal;
}
.category-lr blockquote > p { line-height: 1.7em; font-weight:600;}

.category-lr table.objective-table { 
	margin-top: 3em; width: 100%; font-size: 1.3em; letter-spacing: 1px; 
	border: none; border-radius: 30px; padding: 0 1em; 
	display: table-cell; direction: rtl; 
	background-color: #6C41CF; color: #f7f7f7; 
}
.category-lr table.objective-table tr, .category-lr table.objective-table tr td { border: none !important; }
.category-lr .objective-number { display: none; }
.category-lr .objective-completion input { visibility: hidden; }
.category-lr .objective-completion label { cursor: pointer; }
.category-lr .objective-completion label:hover { opacity: 0.8; font-weight: 900; }
.category-lr .objective-completion label:after {
	font-family: "Font Awesome 5 Free";
	content:"\f058";
	opacity: 0.7; 
	text-align: left;
	font-size: 2em;
	position: relative; top: 4px; 
}
.category-lr .objective-completion input:checked + label:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	opacity: 1;
}

.category-lr .completion-checkbox:checked+label, .category-lr .completion-checkbox+label { width: auto !important; height: auto !important; }

@media (max-width: 1079pxpx) {
	.category-lr .entry-content p:nth-child(2) { padding-top: 7em; }
}

@media (max-width: 768px) {
	.category-lr .objective-completion label:after { top: -8px; }
}

@media (max-width: 640px) {
	.category-lr { width: 100%; }
	.category-lr .et_post_meta_wrapper { float: none; width: 100%; }
	#left-area .category-lr ul:first-of-type { display: none; }
	.category-lr .entry-content { padding-top: 0; }
	.category-lr .entry-content p:nth-child(2) { padding-top: 0; font-size: 1.2em; }
	.category-lr p, .category-lr li {
		line-height: 1.7em;
		font-size: 1em;
		font-weight: 400;
	}
	.category-lr blockquote { padding: 2em 1.3em; }
	.category-lr blockquote > p { line-height: 1.7em; font-weight:600; font-size: 1em; }
	.category-lr table.objective-table { border-radius: 0; }
}

/* end of LR */

/*
 * for assignment purpose
 */

.category-individual-exercise { width: 80%; margin: 0 auto; }
.category-individual-exercise .post-meta { display: none; }
.category-individual-exercise h1 { 
  font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 3.3em;
  text-align: left;
	font-weight: 700;
	margin-bottom: 0.3em; 
}
.category-individual-exercise ol li { margin-bottom: 1em; }
.category-individual-exercise ol li p { 
	display: inline-table;
	width: 95%;
}

.category-individual-exercise .et_post_meta_wrapper{
	float: left;
  width: 65%;
  margin: 0 10% 0 0;
  padding-top: 30px;
	min-height: 200px; 
}
#left-area .category-individual-exercise ul:first-of-type { padding: 0; }
#left-area .category-individual-exercise ul:first-of-type { padding: 0; }
.category-individual-exercise .entry-content ul:first-child li { 
  list-style-type: none;
}
.category-individual-exercise .entry-content ul:first-child li:nth-child(odd) { 
	font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8em;
	opacity: 0.25;
  letter-spacing: 2px;
}
.category-individual-exercise .entry-content ul:first-child li:nth-child(even) { 
	font-weight: 400;
	font-size: 1.2em;
	padding-bottom: 0.5em;
	opacity:0.6;
}
.category-individual-exercise .entry-content p { padding-top: 2em; }

@media (max-width: 640px) {
	.category-individual-exercise .et_post_meta_wrapper { float: none; width: 100%; }
	#left-area .category-individual-exercise ul:first-of-type { display: none; }
	.category-individual-exercise .entry-content p { padding-top: 0; }
}


/* end of assignment css */

/*
 * for group assignment purpose
 */

.category-group-assignment { width: 80%; margin: 0 auto; }
.category-group-assignment .post-meta { display: none; }
.category-group-assignment h1 { 
  font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 3.5em;
  text-align: left;
	font-weight: 700;
	margin-bottom: 0.3em; 
}
.category-group-assignment ol li { margin-bottom: 1em; }
.category-group-assignment ol li p { 
	display: inline-table;
	width: 95%;
}

.category-group-assignment .et_post_meta_wrapper{
	float: left;
  width: 65%;
  margin: 0 10% 0 0;
  padding-top: 30px;
	min-height: 200px; 
}
#left-area .category-group-assignment ul:first-of-type { padding: 0; }
#left-area .category-group-assignment ul:first-of-type { padding: 0; }
.category-group-assignment .entry-content ul:first-child li { 
  list-style-type: none;
}
.category-group-assignment .entry-content ul:first-child li:nth-child(odd) { 
	font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8em;
	opacity: 0.25;
  letter-spacing: 2px;
}
.category-group-assignment .entry-content ul:first-child li:nth-child(even) { 
	font-weight: 400;
	font-size: 1.2em;
	padding-bottom: 0.5em;
	opacity:0.6;
}
.category-group-assignment .entry-content p { padding-top: 2em; }

@media (max-width: 640px) {
	.category-group-assignment .et_post_meta_wrapper { float: none; width: 100%; }
	#left-area .category-group-assignment ul:first-of-type { display: none; }
	.category-group-assignment .entry-content p { padding-top: 0; }
}


/* end of group assignment css */

/*
 * for final project purpose
 */

.category-final-project { width: 80%; margin: 0 auto; }
.category-final-project .post-meta { display: none; }
.category-final-project h1 { 
  font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 3.3em;
  text-align: left;
	font-weight: 700;
	margin-bottom: 0.3em; 
}
.category-final-project ol li { margin-bottom: 1em; }
.category-final-project ol li p { 
	display: inline-table;
	width: 95%;
}

.category-final-project .et_post_meta_wrapper{
	float: left;
  width: 65%;
  margin: 0 10% 0 0;
  padding-top: 30px;
	min-height: 200px; 
}
#left-area .category-final-project ul:first-of-type { padding: 0; }
#left-area .category-final-project ul:first-of-type { padding: 0; }
.category-final-project .entry-content ul:first-child li { 
  list-style-type: none;
}
.category-final-project .entry-content ul:first-child li:nth-child(odd) { 
	font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8em;
	opacity: 0.25;
  letter-spacing: 2px;
}
.category-final-project .entry-content ul:first-child li:nth-child(even) { 
	font-weight: 400;
	font-size: 1.2em;
	padding-bottom: 0.5em;
	opacity:0.6;
}
.category-final-project .entry-content p { padding-top: 3em; }

@media (max-width: 640px) {
	.category-final-project .et_post_meta_wrapper { float: none; width: 100%; }
	#left-area .category-final-project ul:first-of-type { display: none; }
	.category-final-project .entry-content p { padding-top: 0; }
}


/* end of final project css */

/*
 * for sub-competency faq
 */

.category-scfaq { width: 80%; margin: 0 auto; }
.category-scfaq .post-meta { display: none; }
.category-scfaq h1 { 
  font-family: 'Proxima Nova Bold',Helvetica,Arial,Lucida,sans-serif;
  font-size: 3.3em;
  text-align: left;
	font-weight: 700;
	margin-bottom: 0.3em; 
}
.category-scfaq h5, .category-scfaq h6 {
	padding: 0 16px;
  font-size: 20px;
  line-height: 1.6em;
	margin: 0.8em 0;
}
.category-scfaq h6 a { font-weight: 900; }
.category-scfaq ol li { margin-bottom: 1em; }
.category-scfaq ol li p { 
	display: inline-table;
	width: 95%;
}


.category-scfaq table.objective-table { 
	margin-top: 3em; width: 100%; font-size: 1.3em; letter-spacing: 1px; 
	border: none; border-radius: 30px; padding: 0 1em; 
	display: table-cell; direction: rtl; 
	background-color: #6C41CF; color: #f7f7f7; 
}
.category-scfaq table.objective-table tr, .category-scfaq table.objective-table tr td { border: none !important; }
.category-scfaq .objective-number { display: none; }
.category-scfaq .objective-completion input { visibility: hidden; }
.category-scfaq .objective-completion label { cursor: pointer; }
.category-scfaq .objective-completion label:hover { opacity: 0.8; font-weight: 900; }
.category-scfaq .objective-completion label:after {
	font-family: "Font Awesome 5 Free";
	content:"\f058";
	opacity: 0.7; 
	text-align: left;
	font-size: 2em;
	position: relative; top: 4px; 
}
.category-scfaq .objective-completion input:checked + label:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	opacity: 1;
}

.category-scfaq .completion-checkbox:checked+label, .category-scfaq .completion-checkbox+label { width: auto !important; height: auto !important; }


@media (max-width: 640px) {
	.category-scfaq .et_post_meta_wrapper { float: none; width: 100%; }
} 


/* end of sub-competency faq css */



/* 
 * for login page purpose 
 * id: page-id-311
 */

.page-id-311 #top-header, .page-id-311 #main-header { display: none; }
.page-id-311 #main-content { margin-top:-105px; width:100%; }

/* end of login */


/* 
 * for AccessAlly styling purpose 
 */

.entry-content ul.progressally-quiz-display { list-style-type: none !important;  padding: 0 0 1em !important; margin-left: 0; font-size: 1.5em;}

.progressally-quiz-container form { padding-left: 16px; }
.progressally-quiz-choice-item { font-size: 16px; line-height: 1.6em; }

.progressally-quiz-submit-button { color: #ffffff !important; background: #6c41cf; border-width: 0px!important; text-transform: uppercase; border-color: rgba(255,255,255,0); border-radius: 20px; font-weight: bold; font-style: italic; text-decoration: none; letter-spacing: 2px; position: relative; padding: .3em 1em; border: 2px solid; font-size: 20px; line-height: 1.7em !important; }
.progressally-quiz-submit-button:hover { background: rgba(34,33,38,0.82)!important;
    border-color: rgba(247,247,247,0)!important; cursor:pointer; }

.progressally-quiz-question { font-size: 1.2em; line-height: 1.4em; margin-bottom: 1em; letter-spacing: 0px;}
.progressally-quiz-display input, .progressally-quiz-container label { float: left; display: block; }
.progressally-quiz-container label { width: 90%; margin-left: 0.8em; }
.progressally-quiz-display li { clear: both; }

.progressally-quiz-button {
	color: #f7f7f7;
	background: #6C41CF;
	padding: 0.6em 1em; font-size: 18px; margin: 1em 1em 0 0;
	width: 120px;
	font-weight: 800; font-style: italic; text-align: center;
	border-radius: 30px; letter-spacing: 1px;
	cursor: pointer; 
	font-family: Proxima Nova, SANS-SERIF;
	float: left;
}
.progressally-quiz-back-button { opacity: 0.4; }
.progressally-quiz-submit-button { width: 220px; cursor: pointer; }
.progressally-quiz-button:hover { background: #222126; }
.progressally-quiz-nav-progress { 
	clear: left;
	padding: 1em 0;
	font-size: 16px;
	opacity: 0.7; text-transform: uppercase;
	letter-spacing: 1px; font-style: italic;
}
.progressally-quiz-nav-progress:before { content: "Pertanyaan ke: ";}

.progressally-note-block { padding: 0 16px; }
.progressally-quiz-incorrect-message, .progressally-quiz-correct-message { margin-bottom: 3em !important; }
#quiz-finished { line-height: 1.5em; }

.category-quiz h3 { margin-top: 1em; padding-left: 16px; }

@media (max-width: 640px) {
	.progressally-quiz .progressally-quiz-nav-progress { width: 100% !important; }
	#page-container .category-quiz .et_pb_row { width: 95%; }
	#page-container .category-quiz .progressally-quiz-container { padding-left: 0 !important; padding-right: 0 !important;}
	#page-container .category-quiz .progressally-quiz-incorrect-message { padding: 10px 20px !important; }
}

/* end of accessally */


/* 
 * for Canvas blog purpose
 */

.step-by-step h4 { margin: 1.5em 0; }
.bignumber{ color: #F7F7F7; background: #222126; padding: 1em; }
.step-by-step .checklist { list-style-type: none !important; padding-left: 0 !important; }
.step-by-step .checklist .svg-inline--fa { margin-right: 0.8em; }

/* end of canvas blog */

/*
 * for drip connection form
 */

.drip_form.et_pb_newsletter_form {width:100%; margin-bottom: 2em; background-color: #f7f7f7; padding: 2em; }
.category-sneak-peek .drip_form.et_pb_newsletter_form { background-color: transparent; }
.drip_form .drip_form_headline_light, .drip_form h3 { color: #FCC01A; font-family: "Proxima Nova Bold"; font-size: 2em; text-align: center;}
.drip_form .drip_form_description_light { color: #f7f7f7; text-align: center;}

.drip_form.et_pb_newsletter_form .et_pb_button, .drip_form.et_pb_newsletter_form .et_pb_button:hover { padding: 0.3em 1.3em !important; width: auto; }
.drip_form.et_pb_newsletter_form .et_pb_button:hover { cursor: pointer; }
.drip_form.et_pb_newsletter_form .submit-button { text-align: center; margin-top: 5em; }


.et_pb_newsletter_form input[type="text"],
.et_pb_newsletter_form input[type="email"], 
.et_pb_newsletter_form select { 
  width: 100%; padding: 14px 4%!important; 
  border: none; border-radius: 3px; color: #666; background-color: #ffffff; 
  font-size: 1em; margin-bottom:1em; margin-right: 1em;
}
.et_pb_newsletter_form select { height: 3em; text-indent: 1em;}

.page-id-318 .et_pb_newsletter_form input[type="text"], .page-id-318 .et_pb_newsletter_form input[type="email"], .page-id-84 .et_pb_newsletter_form input[type="text"], .page-id-84 .et_pb_newsletter_form input[type="email"] { 
  width: 70%; margin-right: 0;
}

.lead_magnets_form { padding: 0 !important; }
.drip_form.lead_magnets_form .et_pb_button:hover { background-color: #FCC01A !important;}

.et_pb_newsletter_form.registration_form input[type="text"],.et_pb_newsletter_form.registration_form input[type="email"] { margin-bottom: 0; }

.drip_form.et_pb_newsletter_form .two-columns { width: 50%; margin: 0 auto 1em; padding-right: 1em; float: left; }
.drip_form.et_pb_newsletter_form .three-columns { width: 33%; margin: 0 auto 1em; padding-right: 1em; float: left; }

.drip_form.et_pb_newsletter_form .two-columns input {width:100% !important; }

.drip_form.et_pb_newsletter_form label { display:none; }

.g-recaptcha > div:first-child { margin: 2em auto !important; }

@media (max-width: 980px) {
.drip_form.et_pb_newsletter_form .et_pb_button, 
.drip_form.et_pb_newsletter_form .et_pb_button:hover, 
.drip_form.et_pb_newsletter_form.registration_form .et_pb_button, 
.drip_form.et_pb_newsletter_form.registration_form .et_pb_button:hover { 
	width: 100%; font-size:1em;
}
.page-id-318 .drip_form.et_pb_newsletter_form .three-columns input[type="text"], .et_pb_newsletter_form input#drip-email { width: 100%; padding: 10px 4% !important; margin-bottom: 1em; }
.drip_form.et_pb_newsletter_form .two-columns, .drip_form.et_pb_newsletter_form .three-columns { width: 100% !important; float: none; }

.drip_form.et_pb_newsletter_form .two-columns-mobile {
	width: 50% !important; margin: 0 auto; padding-right: 1em; float: left;	
}
.registration_form .g-recaptcha > div:first-child { margin: 1em auto;}
.page-id-318 .et_pb_button_module_wrapper.et_pb_button_alignment_left { text-align: center;}
}
	
@media (max-width: 480px) {
	.drip_form.et_pb_newsletter_form .three-columns, .drip_form.et_pb_newsletter_form .two-columns-mobile, .page-id-318 .drip_form.et_pb_newsletter_form input[type="text"] {
		padding-right: 0; width: 100% !important; float: none;
	}
	.popup .et_pb_row { width: 95% !important; }
	.drip_form.et_pb_newsletter_form .three-columns { margin: 0 auto; }
	.drip_form.et_pb_newsletter_form { margin-bottom: 0 !important; }
	
}

/* end of drip */


/* 
 * for other purpose 
 */

.et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form, .et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul { background-color: rgba(34,33,38,0.7) !important; }
.single-post ol, .single-post ul { padding-left: 16px !important; padding-right: 16px;}
.single-post ol { padding-left: 32px !important; }
.single-post ol li { list-style-position: outside; padding-left: 0.5em; }

/*
 * for gofood
 */
 .et_pb_contact_form_container .et-pb-contact-message p,
 .et_pb_contact_form_container .et-pb-contact-message ul { 
 	color: white !important;
 }
 .et_pb_contact p select {
 	width: 100%;
 	padding: 16px;
 	border-width: 0;
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
 	color: #999;
 	background-color: #eee;
 	font-size: 14px;
 }


/* end of bram's edit */


/* ------ Home page welcome section ------ */
.home-page-step-number {
 display:inline-block;
 background-color:black;
 color:#e5e5e5;
 font-size:24px;
 width: 34px;
 height: 34px;
 border-radius: 17px;
 text-align: center;
 line-height:34px; }

 .home-page-step-label-text {
 display: inline-block; 
}

/* ------ Home page program section ------ */
 .overview-title {
 border-bottom: 1px;
 border-style: solid;
 margin-bottom: 15px 
}
.home-page-program {
display:table-row;
}
.home-page-program-badge {
padding:10px 8px;
float:left;
}
.home-page-program-label {
padding:10px 15px;
display:inline-block;
}
.home-page-program-label-title {
font-size:16px;
font-weight:bold;
text-transform: uppercase;
padding-bottom:4px;
}
.home-page-program-label-description {
font-size:15px;
font-style:italic;
padding-bottom:8px;
}

/* ------ Hyperlink with background color ------ */
.link-with-arrow{
background:#e0534a;
border-radius:3px;
color:#ffffff;
text-decoration:none;
padding:7px 12px 5px 10px;
line-height:180%;
}
.link-with-arrow:hover{
font-style:italic;
}
.link-with-arrow:after{
content:' 2192  ';
}

/* ------ sidebar menu ------ */
.sidebar-menu .widgettitle,
.sidebar-menu .menu-item {
border-bottom: 1px;
border-color: #C3C3C3;
border-style: solid;
margin-bottom: 0;
}
.sidebar-menu .widgettitle {
padding: 10px 5px;
}
.sidebar-menu .menu-item {
padding: 6px 5px;
background-image: url('http://localhost/wp-content/uploads/2017/05/menu_arrow_right_black.png');
background-position: center right;
background-repeat: no-repeat;
}
.sidebar-menu .menu-item a {
display: block;
}
.sidebar-menu .current-menu-item {
background-image: url('http://localhost/wp-content/uploads/2017/05/menu_arrow_right_red.png');
}
.sidebar-menu .current-menu-item a {
color: #E0534A !important;
}
.sidebar-menu .sub-menu .menu-item {
background-image: none;
border-bottom: 0;
}
.sidebar-menu .sub-menu .menu-item {
background-image: none;
}