/*
Theme Name: 	Nalanda Buddhist Society
Theme URI: 		http://simplicitic.com
Author: 		Yong Chaw Kyan
Author URI: 	http://chawkyan.com
Description:	Wordpress Theme for Nalanda Website 2015
Template:		betheme
Version: 		1.5
*/

/* Theme customization starts here
-------------------------------------------------------------- */


body {line-height:1.5;}
.layout-boxed {padding-bottom:0;}

@media only screen and (min-width: 768px) {
	.the_content_wrapper {margin:0 1.5%;}
	#Content .column,
	#Footer .column {padding-left:8px; padding-right:8px; box-sizing: border-box;}
}

/* Overwrite Visual Composer Style */
.vc_column_container>.vc_column-inner {padding-left: 20px; padding-right: 20px}
.vc_row {margin-left: -20px; margin-right: -20px}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {padding-left: 0; padding-right: 0}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {box-shadow: none}

.header-stack #Top_bar .container {max-width:none;}
.header-stack #Top_bar .column {width:100%; margin: 0}
.header-stack #Top_bar .logo {border:0 none; background-color:#aaa}
.header-stack #Top_bar .logo #logo {float:left; display: block}
#Top_bar #logo img {display:block}
.header-stack .logo #slogon {float:left; font-weight:300; color:#fff; font-size:25px; padding:50px 0 0 25px; margin:0; line-height:1.3}
.dhammachakra {background:#ff6600 url(images/dhammachakra.png) center center no-repeat; width:165px; height:100px; float:left; margin-right:30px}

#Top_bar.is-sticky .logo #logo {margin-left:20px;}
#Top_bar.is-sticky .logo #slogon,
#Top_bar.is-sticky .dhammachakra {display:none;}
#Top_bar.is-sticky .menu_wrapper {margin: 5px 0}

.header-stack #Header #Top_bar.is-sticky .top_bar_left,
.header-stack #Top_bar.is-sticky .logo {background-color:transparent}
.header-stack #Top_bar.is-sticky #logo .logo-sticky {height:35px}

.header-stack #Top_bar .menu_wrapper .menu > li > a {padding:15px 0}
.header-stack #Top_bar .menu > li > a:after {top:auto; bottom:-4px}
#Top_bar .menu > li > a span {border-color:#ccc}
#Top_bar .menu > li > a span:not(.description) {line-height:20px; padding:0 30px}
#Top_bar .menu li ul {font-size:13px;}

#Top_bar a.responsive-menu-toggle {padding:0 20px}
#Top_bar.is-sticky .menu > li > a span {padding:0 20px}

@media only screen and (max-width: 1240px){
	.header-stack #Top_bar .logo #logo {height:45px; padding:10px 0; float:none; text-align: left;}
	.header-stack .logo #slogon {padding:0; float:none}
}

@media only screen and (min-width: 768px) {
	#Header .container {padding: 0;}
}

@media only screen and (max-width: 767px){
	.header-stack #Top_bar .logo {width: 100%}
	#Top_bar a.responsive-menu-toggle {padding:0; color: #fff}
	.header-stack .logo #slogon {text-align:left; font-size:15px}
	.dhammachakra {width:60px; height:60px; background-size:70% 70%; margin:20px 20px 20px 30px}
	#Top_bar .top_bar_right {padding: 0 30px; }
}

@media only screen and (max-width: 480px){
	.dhammachakra {margin:20px 10px}
}

/* Slide Menu (Mobile Menu)*/
#Side_slide #menu ul li ul li a {margin-right :0}

/* Typography */

h3 a:hover,
h5 a:hover {color:#f60!important}

.motto {font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; line-height: 1.5; font-style:italic}
.section_wrapper .section-title {font-size:30px; color:#333; font-weight:900; margin-bottom:15px}
.section-title i {font-style:normal; font-weight:300}
@media only screen and (min-width: 481px){
	.the_content_wrapper p { text-align:justify; }
}
@media only screen and (max-width: 480px){
	.the_content_wrapper p { text-align:left!important;}
}


/* Banner Rotator */
.banner-rotator {position:relative}
.banner-rotator li {position:absolute; display:none; width:100%}



/* Table */
table th, table td {text-align:left}
table {border:1px solid #ccc;}

/* Pagination */
.pager .pages {background:none; margin-bottom: 30px}
.pager .pages a, .pager .pages span.page-numbers {border-radius:0}

/* Footer */
#Footer {font-size:13px; line-height:1.4; border-top:10px solid #ff6600; padding:0 0 20px}
#Footer h4 {font-size:21px; font-weight:bold}
#Footer .textwidget a {color:#333;}
#Footer ul.menu {background:transparent; list-style:none; padding:0;}
#Footer .widget_nav_menu ul li::after {display:none}
#Footer .widget_nav_menu ul li a {padding:0 0 5px 0;}
.footer_copy {padding:10px 0}
.footer_copy .copyright {text-align:center; padding:10px 0; font-size:13px; color:#333; line-height: 1.4}


/* Elements */
.ui-tabs {border-radius:0!important}
.ui-tabs .ui-tabs-nav li a {font-size:15px}


/* Posts */
.post-meta {font-size:13px;}
.post-meta .category .cat-wrapper ul {min-width:140px; padding:0;}
.post-meta .category.mata-tags {margin-right: 0}
.post-header .title_wrapper h1 {font-size:36px; font-weight:900; line-height:1.3}
.wp-caption {width:100%!important; border:0 none;}
.wp-caption-text {background-color:transparent; text-align: left; font-size: 14px}
.single-post .type-post {max-width:660px; margin:0 auto; padding-bottom: 40px}


/* Related Post */
.section-post-related {background-color:#f5f5f5}
.section-post-related .col-4 .post-related {width: 24%; padding: 0; margin-bottom: 10px;}
.section-post-related .post-related .image_frame {margin-left:0; border:0 none}
.section-post-related .post-related .image_wrapper {height:160px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.section-post-related h2 {color:#999; text-align:center; padding:40px 0}
.section-post-related .desc h5 {margin:0}
.section-post-related .desc h5 a:hover {color:#f60}
.section-post-related .date {font-size:12px;}

.section-related-adjustment {margin: 0 auto; width: 100%;}
.section-related-ul {display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom: 20px;}

@media only screen and (max-width: 767px) and (min-width: 481px) {
	.section-post-related .col-4 .post-related {width: 48% !important;}
	.section-post-related .post-related .image_wrapper {max-width: unset;}
}

@media only screen and (min-width: 768px) {
	.section-post-related .post-related .image_wrapper {max-width:280px}
}

/* Sidebar */
.aside_right .widget-area {border:0 none}
.widget-area:before {background-color:#E5E5E5}
.Recent_posts ul li {overflow: hidden;}
.Recent_posts ul li .photo {float:left; line-height:1.2}
.Recent_posts ul li .desc {margin:0 0 0 80px; background-color:transparent}
.Recent_posts ul li .desc::after {display:none}
.Recent_posts ul li .desc h6 {border:0 none; font-size:14px; font-weight:bold; color:#444; padding:0; margin:0; line-height:1.3}
.Recent_posts ul li .desc .date {font-size:13px}
.Recent_posts ul li .desc .date i {display:none}
.Recent_posts ul li a:hover h6, .Recent_posts ul li a:hover .desc .date {color:inherit!important}
.sidebar .widget h3 {font-size:24px; color:#999; font-weight:900; margin:10px 0 30px}
.sidebar {background-color:#f1f1f1}


/* Homepage */
body.home #Content {padding-top:0}

/* Slider */
.huge-it-wrap {height:350px!important;}
.huge-it-slider {background-color: #f60;}
.huge-it-slide-bg, .huge-it-slider, .huge-it-slider li {height:100%!important;}
.slider-img {float:left; width:67%; background-position: center; background-size: cover; height: 100%}
.slider-details {float:right; width:33%; box-sizing: border-box; padding: 2em 30px; color: #fff;}
.slider-details h2 {color: #fff}
.slider-details a {display: inline-block; border:1px solid #fff; color: #fff; padding:0.6em 1em; text-decoration: none; font-size:0.8em}
.slider-details a:hover {background-color:#fff; color: #f60}
.slider-description {font-size: 18px; line-height: 1.3}
.slider-description p {font-weight: 300;}

@media only screen and (max-width: 767px){
	.slider-details h2 {font-size: 24px; margin-bottom: 5px; line-height: 1.2}
	.huge-it-wrap {height:500px!important;}
	.slider-img, .slider-details {float: none; width: auto;}
	.slider-img  {padding-top:40%; height: auto;}
	.slider-description {font-size: 16px}
}

@media only screen and (max-width: 480px){
	.slider-details {padding:1em 30px;}
	.slider-details h2 {font-size: 20px;}
	.huge-it-wrap {height:400px!important;}
	.slider-details {padding:20px 30px; font-size: 15px}
	.slider-description {font-size: 14px}
}

.section-events-link {background-color:#f5f5f5; overflow:hidden; margin-bottom:50px; display: none!important;}
.section-calendar-events {width:66%; float:left; padding:50px 0 0 15px; display:none;}
.section-calendar-events h2.column {margin-bottom:20px}
.section-calendar-events .column {margin-bottom:0}
.section-calendar-events .column_column {flex-wrap: wrap;}
.section-calendar-events .calendar-month {width:100%;}

.section-calendar-events, .section-about-nalanda {box-sizing:border-box;}
/* Section - About Nalanda */
.section-about-nalanda {padding:30px 20px 10px; background-color:#e5e5e5}
.section-about-nalanda .menu {margin-bottom:30px}
.section-about-nalanda .menu li {margin-bottom:5px}
.section-about-nalanda .menu li a {color:#444}
.section-about-nalanda .column {margin-bottom:0}


@media only screen and (min-width: 768px){
    .section-events-link {display: flex;}
    .section-about-nalanda {width:33%;}
}


@media only screen and (max-width: 767px){
	.section-calendar-events,
	.section-about-nalanda {float:none; width:auto; padding:40px 0 20px}
}

/* Section Regular Activities */
.section-regular-programme {padding: 30px 20px; flex: 1;}
.section-regular-programme h4 {margin-bottom: 0;}
.section-regular-programme h4 span {font-weight: 400;}
.section-regular-programme .programme-list {margin:0 0 20px}
.section-regular-programme .programme-list li {padding: 2px 0;}
.section-regular-programme .programme-list .programme-title {font-size: 15px; font-weight: 500}
@media only screen and (min-width: 768px){
    .section-regular-programme .programme-list li {display:flex; justify-content: space-between;}
    .section-regular-programme .programme-list .programme-title,
    .section-regular-programme .programme-list .programme-datetime,
    .section-regular-programme .programme-list .programme-venue { width: 30%}
}

@media only screen and (max-width: 767px){
    .section-regular-programme .programme-list li {margin-bottom: 10px;}
}

/* Section Newsletter */
.error{color:red; font-weight:normal; font-size:12px;}

#subscribe_thank {display:none; padding:20px 20px 10px; background-color: #fff;}
#subscribe_thank p {font-size:14px; margin:0;}
.section-enewsletter .input-content input {width:300px; border: 1px solid #a8a8a8;}
.section-enewsletter {padding-top:30px; clear: both;}
.section-enewsletter label,
.section-enewsletter .input-content {float:left}
.section-enewsletter form > label {padding:10px 20px 10px 0; font-size:1.1em; font-weight:300}
.section-enewsletter label.error {font-size:0.8em}
.section-enewsletter .input-content input,
.section-enewsletter .input-content button {float: left; margin-bottom:0;}
.section-enewsletter .column {margin-bottom:20px}
.btn-link {margin: 0 auto; font-weight: 500; padding: 10px 20px; background: #f3f3f3; border-radius: 5px;}
.btn-link:hover {background: #f0f0f0; text-decoration: none;}

@media only screen and (min-width: 768px) and (max-width: 1239px){
	.section-enewsletter .input-content input {width:200px;}
}
@media only screen and (max-width: 959px){
	.section-enewsletter label, .section-enewsletter .input-content {float: none}
}

@media only screen and (max-width: 482px){
	.section-enewsletter .input-content input {margin-bottom: 15px;}
}

/* Section - Quotation */
.section-quotation {background:url(images/bg-quotation.jpg) top left no-repeat; color:#fff; box-sizing:border-box; height:220px; text-align:center;}
.quotation_view {float:left; width:66%; font-size:18px; padding:60px 30px 0; line-height:1.5; text-shadow:1px 1px 3px #000}
.quotation_view .quotation {font-style:italic;}

@media only screen and (max-width: 767px){
	.section-quotation {background-position:top right;}
	.quotation_view {float:none; width:auto; padding:20px}
}

/* Section - Events */
.section-calendar-events .ecs-event-list {margin:0; width: 100%}
.section-calendar-events .view-more {font-size:0.85em}
.ecs-event-list .duration {float:left; width:40px; height:50px; background-color:#999; box-sizing:border-box; padding:5px; text-align:center}
.ecs-event-list .duration .event-month {display:block; background-color:#fff; font-weight:bold; font-size:11px; color:#999; text-transform:uppercase; line-height:1.5;}
.ecs-event-list .duration .event-day {color:#fff; font-weight:900}
.ecs-event-list .ecs-event {overflow:hidden; list-style:none; border-bottom:1px solid #ddd; padding-bottom:10px;}
.ecs-event-list .ecs-event .event-desc {margin-left:60px}
.ecs-event-list .ecs-event h4 {font-size:15px; font-weight:bold; line-height:1.2; margin:0}
.ecs-event-list .ecs-event h4 a:hover {color:#f60}
.ecs-event-list .ecs-event .event-week {font-size:13px; color:#999;}

.calendar-month {font-weight:bold; font-size:18px; color:#fff; background-color:#f60; text-align:center; padding:10px 0}
.calendar-mini {background-color:#fff; table-layout:fixed; margin-bottom:10px; border:0 none;}
.calendar-mini .calendar-row td {padding:0;}
.calendar-mini .calendar-title-row {background-color:#999;}
.calendar-mini .calendar-title-row th {padding:5px 0; color:#fff; border:1px solid #999; text-align:center; background-color:#999!important;}
.calendar-mini .calendar-row .calendar-today div {background-color:#eee}
.calendar-mini .day-number {position:relative; padding:13px 0; text-align:center; color:#999}
.calendar-mini .day-number.day-has-event span {color:#333;}
.calendar-mini .day-number:hover .event-tooltips {display:block}
.calendar-mini .event-tooltips {width:130px; font-size:12px; padding:10px 10px 5px; background-color:#E5E5E5; position:absolute; left:50%; bottom:40px; margin-left:-15px; display:none; z-index: 100}
.calendar-mini .event-tooltips a {display:block; line-height:1.3; margin-bottom:5px; color:#333;}
.calendar-mini .event-tooltips a:hover {color:#f60; text-decoration:none}
.calendar-mini .event-tooltips:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #E5E5E5;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.section-news-updates {padding-top: 30px;}

/* Section - Media & Resources */
.section-media {text-align:center; background-color:#e5e5e5; padding:60px 0 20px}
.section-media h4 {margin-top:10px}
.section-media .media-thumb {width:100%; padding-top:60%; display:block; background-position:top center; background-repeat:no-repeat; background-size:cover}
.section-media .media-title {background-color:#fff; padding:15px; min-height:50px}
.section-media .media-title a {font-weight:500; line-height:1.2; color:#333;}
.section-media .media-title a:hover {text-decoration:none; color:#f60}

/* Section - Neo */
.section-neo {text-align:center; padding:60px 0 20px; background: #f3f3f3; margin-top: 60px;}
.section-neo .section-title {width: 100%;}
.section-neo h4 {margin:10px 0}
.section-neo p {font-size:13px; line-height:1.3}

/* Post */
.post-title .entry-title {margin-bottom:10px}
.blog_wrapper .post-photo-wrapper {background-size:cover; background-position:center center; background-color:#eee; width:100%; padding-top:60%}
.blog_wrapper .entry-title a:hover {color:#f60}
.blog_wrapper .post-desc {padding:0}
.blog_wrapper .post-item {margin-bottom:0px}
.no-thumbnail {background:#e5e5e5 url(images/dhammachakra.png) center center no-repeat; padding-top: 60%} 

@media only screen and (min-width: 768px) {
	.blog_wrapper .post-item {margin-bottom: 50px}
	#Content .blog_wrapper .post-desc-wrapper {padding-left: 20px;}
}

@media only screen and (max-width: 767px) {
  .blog_wrapper .post-item {padding-top:30px; border-bottom:1px solid #ccc}
  .blog_wrapper .post-item:first-child {padding-top:0;}
  .classic .post-desc-wrapper .post-desc {padding-top:0}
  .post-meta .author-date {margin-top: 10px;}
}

/* Search */
#Top_bar .search_wrapper {left: unset; top: calc(100% + 10px); right: 0; transform: translateX(0); width: 100%; max-width: 350px; background-color: #ededed;}
#Top_bar .search_wrapper input[type="text"] {padding: 19px 30px 19px 60px;}
.search .post.no-img .post-photo-wrapper {display: block;}

/* Contact Page */
.contact-details dt {float:left; width:25px; color:#ccc; border:0 none; padding:0 0 5px}
.contact-details dd {margin-left:25px; border:0 none; padding:0 0 5px}

.location-map .ui-tabs .ui-tabs-panel {padding:0!important}


/* Overwrite Event Style */
#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {font-family: inherit;}
.tribe-events-notices {border-radius: 0; background-color: #ff6600; border:0 none; color: #fff; text-shadow: none; padding: 5px;}

/* Event List Page */
.tribe-events-page-title {font-size: 36px; font-weight: 900; text-align: inherit;}
.tribe-events-loop {margin-top:50px}
.tribe-events-start-date {float:left; width:60px; padding:10px; background-color:#aaa; text-align:center}
.tribe-events-start-date .tribe-events-start-month {display:block; font-size:15px; color:#fff; line-height:1.2; text-transform:uppercase}
.tribe-events-start-date .tribe-events-start-day {font-size:36px; color:#fff; line-height:1; font-weight:900}
.tribe-events-container {margin-left:100px; overflow: hidden;}
.tribe-events-loop .tribe-events-event-meta {font-weight:400; background-color: transparent!important; border:0 none!important;}
.tribe-events-event-meta dl {margin: 0}
.tribe-events-event-meta dt, .tribe-events-event-meta dd {border:0 none; padding:0 0 3px;}
.tribe-events-event-meta dd {margin-left:60px;}

@media only screen and (min-width: 541px){
	.tribe-events-event-meta dt {width:70px;min-width: 80px;}
}

@media only screen and (max-width: 480px){
	.tribe-events-list .tribe-events-start-date {float:none;}
	.tribe-events-container {margin:20px 0 0}
}


/* Single Event Page */
.tribe-events-list-widget ol {padding:0; margin:0;}
.tribe-events-list-widget .tribe-events-start-date {width:40px; padding:5px}
.tribe-events-list-widget .tribe-events-list-widget-events {padding: 0; list-style: none}
.tribe-events-list-widget .tribe-events-container {margin-left:60px}
.tribe-events-list-widget .tribe-event-title {margin-bottom: 0}
.tribe-events-list-widget .tribe-event-duration {font-size:13px}
.tribe-events-list-widget p.tribe-events-widget-link {margin-left:0}
.tribe-events-list-widget .tribe-events-start-date .tribe-events-start-month {font-size:13px; line-height:1.1}
.tribe-events-list-widget .tribe-events-start-date .tribe-events-start-day {font-size:21px; line-height:1.1}

.single-tribe_events .tribe-events-single-event-title {line-height: 1.3}
.single-tribe_events .tribe-events-schedule {margin-bottom: 10px}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt,
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {margin:0; border:0 none; padding:0; font-size:15px; color:#666}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {margin:0 0 10px 60px}
.single-tribe_events #tribe-events-content .tribe-events-event-meta .tribe-events-meta-group-venue dd {margin:0}

#tribe-events-content.tribe-events-list {margin-bottom:0;}

@media only screen and (min-width: 769px){
	.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group {width:50%;}
}

@media only screen and (max-width: 480px){
	.tribe-events-list .tribe-events-start-date {float:none;}
	.tribe-events-container {margin:20px 0 0}
	.single-tribe_events .tribe-events-single .tribe-events-event-meta {flex-direction: row}
	.tribe-events-meta-group {flex-basis: 100%;}
	.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {margin: 0 0 10px 0;}
	.tribe-events-event-meta dt {width: fit-content; margin-right: 5px !important}
}

/* Events Calendar Page */
#tribe-events-content table.tribe-events-calendar thead th {background-color: #aaa; color: #fff}
.tribe-events-month h1 {margin-bottom: 30px}
.tribe-events-month h3.tribe-events-page-title {text-align:center;}
.tribe-events-month #tribe-events-header .tribe-events-sub-nav {overflow:visible;}
.tribe-events-month#tribe-events-content {margin-bottom:0}
/* Tooltips */
#tribe-events-content .tribe-events-tooltip h4 {letter-spacing: 0; font-size: 14px; font-weight: bold;}
#tribe-events-content .tribe-events-tooltip .tribe-event-duration {margin: 5px 0 10px}
.tribe-events-calendar-month .tribe-events-calendar-month__day--next-month {pointer-events: all !important; color: inherit !important; }
.tribe-events-calendar-month .tribe-events-calendar-month__day--next-month .tribe-events-calendar-month__calendar-event {opacity: 1 !important}



/* Nalanda Bulletin */
.bulletin_list {margin-bottom:40px}
.bulletin_list .post-thumbnail {width:100%; padding-top:62%; background-position:top center; background-repeat:no-repeat; background-size:100% auto; display:block; box-sizing:border-box;  margin-bottom: 10px; box-shadow: 0 0 5px #999}
.bulletin_list .post-title {text-align:center; line-height:1.3; padding:0 10px 10px;}
.bulletin_list .post-title a {color:#444; font-weight:700}
.bulletin_list .post-title a:hover {color: #f60}



/* Volunteer */
.volunteer_form{padding:0px 15px;}
.volunteer_form .error{color:#990000; font-weight:normal; font-size:12px; margin:0px;}
.volunteer_form dl {width:50%; float:left; margin-bottom:20px}
.volunteer_form input[type="text"], #volunteer_form select{width:80%; margin:0; font-size: 15px}
.volunteer_form dd, #volunteer_form dt{border:0px;}
.volunteer_form dt label {margin:7px 0 0}
.volunteer_form  .radio-inline {width:30%; float: left; padding-top: 5px; display: block;}
.volunteer_form input[type="radio"]{margin-right:7px;}
.volunteer_form .volunteer_type {margin-bottom:40px; clear:both; overflow:hidden}
.volunteer_form li {margin-top:10px; float:left;}
.volunteer_form li label {display:inline-block; font-weight:normal}
.volunteer_form .volunteer_type1 {width:25%;}
.volunteer_form .volunteer_type2 {width:50%;}
.volunteer_form  .divcaptcha{float: left; width: 40%;}
.volunteer_form .txtCaptchaDiv{margin-top:7px; text-align:center; font-weight:bold;}
.volunteer_form #captcha{width:100%;}
.volunteer_form .subscribe-enews {float:left; width:50%; padding-top:15px}
.volunteer_form  .submit_button{clear:both;	margin-bottom: 20px;}

/* Course Registration */

.course-item {overflow:hidden}
.course-item .course-title {margin-bottom:15px; font-size:21px}
.course-item .course-title input {margin-right:10px}
.course-item .course-info {float:left; width:45%;}
.course-item .course-desc {margin-bottom:20px}
.course-item .course-meta {float:right; width:45%; background-color:#fafafa; border:1px solid #eee; padding:20px;}
.course-item .course-details {float:left; width:45%;}
.course-item .course-details dt, .course-item .course-details dd {border:0 none; padding:0}
.course-item .course-details dt {width:60px}
.course-item .course-details dd {margin:0 0 10px 70px}
.course-item .course-venue {float:right; width:45%}
.course-item .course-remark {clear:both; font-style:italic}



/* Date Picker */
.ui-datepicker {font-size:0.9em; border-color:#ccc; box-shadow:2px 2px 3px #ccc;}
.ui-datepicker-header {border:0 none; position:relative; background-color:#ccc; padding:5px 0}
.ui-datepicker-header a {position:absolute; cursor:pointer}
.ui-datepicker-header .ui-datepicker-prev {left:5px; top:10px}
.ui-datepicker-header .ui-datepicker-next {right:5px; top:10px}
.ui-datepicker-title {width:80%; margin:0 auto}
.ui-datepicker-month, .ui-datepicker-year {width:48%; margin:0 1%; box-sizing:border-box; display:inline-block; padding:5px 10px; background-color:#ddd;}
.ui-datepicker-calendar {margin-bottom:0}
.ui-datepicker-calendar th {padding:5px 10px; text-align:center}
.ui-datepicker-calendar td {padding:0; text-align:center}
.ui-datepicker-calendar a {display:block; padding:5px 10px; color:#666}
.ui-datepicker-calendar a:hover {text-decoration:none; background-color:#ccc;}


@media only screen and (max-width: 767px) {
	/* Hide background-image for About Pages */
	.background-img {display:none; }
}

@media only screen and (max-width: 768px) {
	/* Events calender button background	 */
	.tribe-events-sub-nav li a {background: transparent;}
}