/*
Theme Name: 	Betheme Child
Template:		betheme
*/

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


/* ------------------------------------------------------- General ---------------------------------------------------------- */
h1, h2, h3 {
    text-transform: uppercase !important;
}

h4 {
    font-family: "Open Sans", Arial, Tahoma, sans-serif !important;
    
}

.column_column ul, .column_column ol, .the_content_wrapper ul, .the_content_wrapper ol {
    color: #2c2a2a;
}    


/* Do not us this, use teh pseudo class lang: below */
XXXhtml[lang="zh-hans"] body,
XXXtml[lang="zh-hans"] p {
    letter-spacing: 1px;
}


html:lang(zh-hans) body,
html:lang(zh-hans) p {
    letter-spacing: 1px;
}

.aw-text-block-justify {
    text-align: justify;
}

.wpb_wrapper > .wpb_text_column {
    margin-bottom: 55px;
}

a:hover {
    text-decoration: none;
}


/* This is custom Title row for page with protruding row */
#Content .aw-title-row {
    background-position: 50% !important;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:80px;
    padding-bottom: 140px;
    
}


/* This is manual h1 title for page with protruding row, class is manually added in the text-block */
.aw-white-heading {
    color: white;
}





.aw-protruding-row {
    margin-top: -90px;
    width: calc(100% + 70px);
    margin-left: -35px;
}


/* Move this div up */
.aw-protruding-column {
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 30px;
    padding-left: 35px;
    padding-right: 35px;
    background-image: url(/wp-content/uploads/2019/04/gray-BG-1-1240x1983-2.png) !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


/* No longer needed, client prefer normal background color */
.XXXXaw-heading-with-hr {
    position: relative;
    padding-top: 10px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2019/04/h2-background-90x30.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 0;
}


.aw-heading-with-hr {
    display: inline-block;
    XXXbackground-color: #E7E7E7;
	background-color: #E0DEED;
    XXXpadding: 0 13px 2px;    
	padding: 8px 23px;
    border-left: 20px solid #4e2678;
	color: #4e2678;
}    


ul.aw-list_custom {
    list-style: none outside;
    margin-left: 20px;
}

.aw-list_custom li:before {
    content: "";
    position: absolute;
    left: -18px;
    top: 0.50rem;
    height: 0.36rem;
    width: 0.36rem;
    background-color: #8b63b6;
}


.aw-list_custom.aw-second-level-list li:before {
    left: -12px;
    height: 0.25rem;
    width: 0.25rem;
}


.aw-list_custom li {
    position: relative;
    list-style: none;
    margin-bottom: 15px !important;
    color: #2c2a2a;
    line-height: 22px;
}




.aw-button a {
    -moz-box-shadow: 1px 4px 10px rgba(0,0,0,0.4) !important;
    -webkit-box-shadow: 1px 4px 10px rgba(0,0,0,0.4) !important;
    box-shadow: 1px 4px 10px rgba(0,0,0,0.4) !important;
    font-size: 14px !important;
    min-width: 205px;
    text-align: center !important;
    color: white !important;;
}

.aw-button.aw-orange-button a {
    XXXbackground-color: #e87c2e;
	background-color: #4e2678;
}

.aw-button.aw-orange-button a:hover {
    background-color: #3b1a5e;
}


.aw-button.aw-blue-button a {
    background-color: #2c1544;
}

/*** XXX TEMPORARY, DELETE THIS AFTER TESTING , home 2 ***/
.page-id-3068 .aw-button.aw-blue-button a {
    background-color: #391c57;
}

/*** XXX TEMPORARY, DELETE THIS AFTER TESTING , home 3 ***/
.page-id-3071 .aw-button.aw-blue-button a {
    background-color: #2c1544;
}

.aw-button.aw-blue-button a:hover {
    background-color: #124260;
}

/* Add the class "aw-button-long" for button which has longer text, so that both buttons has the same length when they stacked up */
.aw-button.aw-button-long a {
    min-width: 220px;
}    

/* ----------------------------------------------------- END General --------------------------------------------------------- */



/* ---------------------------------------------------- Parallax div --------------------------------------------------------- */

/*---- Parallax reverse- ----*/
.aw-reverse-parallax-div {-webkit-transform: translateY(0px);
    -moz-transform: translateY(-0px);
    -ms-transform: translateY(-0px);
    -o-transform: translateY(-0px);
    transform: translateY(0px);
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;}    
    
.aw-reverse-parallax-scroll {-webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-80px);
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;}    





/* --------------------------------------------------- END Parallax div ------------------------------------------------------ */


/* ---------------------------------------------------- Header & Menu -------------------------------------------------------- */
/* @@@@@@@@ delete this if no longer needed */
#Header_wrapper {
    z-index: 1000;
}


#Action_bar .slogan {
    color: white;
    font-size: 14px;
    text-shadow: 1px 1px rgba(0,0,0,0.4);
}


/* This is for the special message: COVID-19: CHANGE OF OPERATING HOURS:, wrap in a "span" */
/* @@@@@@ No longer needed. */
/* <span>COVID-19: CHANGE OF OPERATING HOURS:</span> MON-FRI 10:00 AM TO 7:00 PM */
/* Translation: <span>COVID-19:  营业时间变更:</span> 星期一至星期五 10:00 AM TO 7:00 PM */
/* The above message is set at Theme options--> Action Bar--> Slogan */
XXXXXX#Action_bar .slogan > span {
    background: #34b134;
    border: 1px solid white;
    padding: 0 10px;
}



.menu-action-bar-container .social-menu {
    padding: 12px 22px 12px 18px !important;
    background-color: #2c1544;
	XXXXbackground-color: #0a2d45;
}

/*** XXX TEMPORARY, DELETE THIS AFTER TESTING, Home 2 ***/
.page-id-3068 .menu-action-bar-container .social-menu {
    background-color: #391c57;
}

/*** XXX TEMPORARY, DELETE THIS AFTER TESTING, Home 3 ***/
.page-id-3071 .menu-action-bar-container .social-menu {
    background-color: #2c1544;
}


#Action_bar .social-menu li {
    border-right-color: rgba(255,255,255,.2);
}


#Action_bar .social-menu li.aw-last-action-bar-menu-item {
    padding-right: 16px;
    border-right-color: rgba(255,255,255, 1);
    border-right-width: 1px;
}


/* The WhatsApp logo on action bar, the margin-botoom set here is arbitrary just to make it looks better */
/* Click to Chat: Style for Desktops (SELECT "style-99 own image" for Style for Desktops, Style for Mobile Devices)
/* Set the image and height here: Click to Chat--> Customize Styles --> Style 99 own Image */
.aw-actionbar-menu-whatsapp img {
    vertical-align: middle;
    margin-bottom: 2px;
}

/* The class is added to the menu item at Apperance--> Menu*/
.aw-last-action-bar-menu-item {
    margin-right: 10px !important;
    border-right: 1px solid rgba(255,255,255,1);
}    




html:lang(en-US) #menu-item-wpml-ls-11-en a {
    border-bottom: 1px solid white;
}


html:lang(zh-hans) #menu-item-wpml-ls-11-zh-hans a {
    border-bottom: 1px solid white;
}


/* Not sure why the mobile menu is shufted to the left since the width of this div is reduced, acted differently from Regalconst.com */
/* Just a quick fix here */
.top_bar_left {
    width: 100% !important;
}    


#Top_bar .menu li ul li a .menu-arrow {
    right: 4px;
    top: 12px;
    XXXcolor: #e87c2e !important;
	color: #4e2678 !important;
    font-weight: 600;
    font-size: 16px;
}


/* the hamburger menu icon */
.responsive-menu-toggle .icon-menu-fine:before {
    font-weight: 700;
}

#Side_slide #menu ul li.submenu .menu-toggle {
    XXXcolor: #e87c2e !important;
	color: white !important;
    font-weight: 700;
    opacity: 1;
}    



#Side_slide .menu-action-bar-container {
    display: none;
}

/* -------------------------------------------------- END header & Menu ------------------------------------------------------ */



/* ---------------------------------------------------- Contact Form 7 ------------------------------------------------------- */
/* prevent Apple iOS overwriting input CSS */
input[type="button"],
input[type="file"],
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}




input[type="date"], input[type="email"], 
input[type="number"], input[type="tel"],
input[type="text"], select, textarea {
    padding: 6px 10px !important;
}

input[type="submit"] {
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
    -moz-box-shadow: 1px 4px 10px rgba(0,0,0,0.4) !important;
    -webkit-box-shadow: 1px 4px 10px rgba(0,0,0,0.4) !important;
    box-shadow: 1px 4px 10px rgba(0,0,0,0.4) !important;
}

input[type="submit"]:hover {
    background-color: #3b1a5e;
}



/* ------- Incorporation form toggle by NLE -----------*/
.aw-form-toggle .aw-toggle-main {
    display:inline-block;
    float:left;
    font-weight: 500;
}

.aw-toggle-plus, 
.aw-toggle-minus {
    float:left;
}


.aw-clear-both {
    clear:both;
}

.aw-toggle-minus:after {
    clear:both;
}

.aw-form-content {
    margin-bottom: 50px;
}

.aw-hide {
    display:none;
}

.aw-show {
    display:inline-block;
}

/* ------- Incorporation form toggle by NLE -----------*/


.wpcf7-checkbox span.wpcf7-list-item {
    margin-left: 0;
}


.wpcf7 i.icon-plus,
.wpcf7 i.icon-minus {
    color: white;
    background-color: #4e2678;
    border-radius: 50%;
    margin-left: 10px;
}    


.wpcf7 ol {
   color: inherit !important;
}

/* The orange section text */
.aw-cf7-section {
    border-top: 2px dotted #969393;
    padding-top: 20px;
    color: #4e2678 !important;
	font-weight: 600;
    margin-top: 60px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}    

.aw-cf7-first-section {
   margin-top: 10px; 
}


.aw-cf7-two-col-div > div:nth-child(1) {
    margin: 0 1% 10px 0;
    width: 49%;
}

.aw-cf7-two-col-div > div:nth-child(2) {
    margin: 0 0 10px 1%;
    width: 49%;
}

label {
    font-weight: 500;
}

.aw-cf7-asterisk {
    color: #8241c7 !important;
}    

.aw-cf7-inline-checkbox .wpcf7-form-control-wrap {
    display: inline;
    margin-right: 5px;
}

.ui_tpicker_second, 
.ui_tpicker_millisec,
.ui_tpicker_microsec {
    display: none;
}

/* --------------------------------------------------- END Contact Form 7 ---------------------------------------------------- */


/* ------------------------------------------------------- Home page --------------------------------------------------------- */


.aw-slider-small-slogan {
	XXXcolor: #d5acff;
	color: white; 
    line-height: 1.3;
    font-size: 28px;
    XXXfont-weight: 500;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.aw-slider-slogan {
    color: white;
    line-height: 1.3;
    font-size: 43px;
    XXXfont-weight: 500;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    XXXletter-spacing: -1px;
    text-transform: None !important;
    max-width: 780px;
}

.aw-home-intro-outer-column .vc_column-inner {
    background-position: right top !important;
}


.aw-home-intro-column {
    margin-top: -100px;
    background-color: white;
}





.aw-home-contact-wrapper {
    width: 258px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

.aw-home-contact-column a {
    color: white;
}

.aw-home-contact-column span {
    min-width: 64px !important;
    display: inline-block;
    color: white;
}    
    
.aw-home-contact-icons-wrapper {
    padding-top: 10px;
}    


.aw-home-contact-icons-wrapper i {
    font-size: 25px;
    margin-right: 15px;
}

.aw-home-contact-icons-wrapper  img.own-img-sc {
    height: 21px !important;
    vertical-align: top;
    margin-top: 2px;
}    

.aw-home-intro-column {
    border-top-left-radius: 12px; 
    border-top-right-radius: 12px;
}    

.aw-home-contact-column .vc_column-inner {
    border-bottom-left-radius: 12px; 
    border-bottom-right-radius: 12px;
}


.aw-inline-icon {
    display: inline;
}


.aw-inline-icon .vc_icon_element-inner {
    width: 3em !important;
    height: 3em !important;
    
}


.aw-inline-icon .fa {
    color: #0A3147 !important;
}


/* This is for vertical grid line across the entire page, not using now, keep for reference */
.XXXXXaw-fixed-grid {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    width: 100vw !important;
    background: transparent !important;
}


.XXXXaw-fixed-grid.aw-xxx .wpb_column {
    border-width: 0 1px 0 0;
    border-color: #d3d1d1;
    border-style: solid;
    height: 100vh !important;

}





/* @@@@@ Home 2 */
.XXXXaw-home-services-intro-row {
    background-position-x: 100%;
    background-repeat: no-repeat;
}


.XXXXaw-home-services-row .blog_wrapper .post-photo-wrapper {
    margin-bottom: 0;
}    


.XXXXaw-home-services-row .blog_wrapper .post-desc-wrapper .post-desc {
    padding: 8px 20px 10px;
    
}

.XXXXaw-home-services-row .blog_wrapper .post-title .entry-title {
    font-size: 18px;
    line-height: 26px;
    
}



.XXXXaw-home-services-row .entry-title a:before {
    content: '';
    background-color: #e87c2e;
    margin-right: 10px;
    margin-left: -17px;
    display: inline-block;
    width: 8px;
    height: 24px;
    top: 7px;
    position: relative;
}


.XXXXaw-home-services-row .blog_wrapper .post-footer {
    display: none;
}

.aw-home-service-heading {
    display: inline-block;
    XXXbackground-color: #E7E7E7;
	background-color: #E9E7E7;
	XXXbackground-color: #E0DEED;
    XXXpadding: 0 13px 2px;    
	padding: 8px 23px;
    XXXborder-left: 20px solid #4e2678;
	XXXcolor: #4e2678;
}



.aw-home-services-row .trailer_box {
    overflow: hidden;
    margin-bottom: 30px;
}

.aw-home-services-row .trailer_box .desc {
    padding: 0;
    bottom: -20px;
}

.aw-home-services-row .trailer_box .desc h2 {
    padding: 20px 25px 35px;
    font-size: 15px;
    line-height: 22px;
	font-weight: 500;
    text-shadow: 1px 1px rgba(0,0,0,0.4);
    min-height: 52px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 33%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 33%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 33%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
}



.aw-home-services-row .trailer_box .desc h2:before {
    content: '';
    XXXbackground-color: #e87c2e;
	XXXbackground-color: #8378cb;
	background-color: #E0DEED;
    margin-right: 10px;
    margin-left: -13px;
    display: inline-block;
    width: 4px;
    height: 17px;
    top: 3px;
    position: relative;
}

    
/* ------------------------------------------------------- END Home ---------------------------------------------------------- */




/* ------------------------------------------------ Corporate Introduction --------------------------------------------------- */

.aw-mission-statement-wrapper {
    text-align: center; 
    position: relative;
}



.aw-mission-statement-parallax-div {
    display: inline-block; 
    padding: 50px 45px 30px 45px; 
    border-radius: 10px;
    position: absolute; 
    box-shadow: 2px 4px 10px rgba(0,0,0,0.3);
    box-sizing: border-box;
}


.aw-mission-statement-parallax-div h3,
.aw-mission-statement-parallax-div h4,
.aw-mission-statement-parallax-div p {
    color: white;
}


.aw-mission-statement-parallax-div h3 {
    font-size: 26px;
    letter-spacing: 1px;
}


.aw-our-vision-div {
    top: -40px; 
    left: 0;
    background-color: #4e2678; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    max-width: 43%;
    
}

.aw-our-vision-div h3 {
    margin-bottom: 10px !important;
}


.aw-our-values-div {
    bottom: 0; 
    right: 0;
    background-color: #0a2d45;
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
    max-width: 48%;
}



.aw-our-values-div h4 {
    padding-top: 25px !important;
    margin: 0 0 5px 0 !important;
    font-size: 18px;
    letter-spacing: 1px;
}



/* Corporate introduction parallex div */  
.wpb_row.aw-parallax-items-row {
    padding-top: 80px;
} 

/* ----------------------------------------------- END Corporate Introduction ------------------------------------------------ */



/* ----------------------------------------------------- Our Partners -------------------------------------------------------- */
h3.aw-partners-h3 {
    margin-bottom: 5px;
} 



.aw-partners-designation {
    margin-bottom: 25px !important;
    padding-bottom: 6px;
    border-bottom: 1px dotted #807c7c;

}


.aw-partners-content {
    margin-bottom: 75px !important;
}
/* ---------------------------------------------------- END Our Partners ----------------------------------------------------- */


/* -------------------------------------------------------- FAQ Page --------------------------------------------------------- */
.aw-faq-row {
    width: calc(100% + 70px);
    margin-left: -35px;
}


.aw-faq-row .aw-protruding-column {
    background-image: none !important;
}    


.aw-faq-row .aw-protruding-column > .vc_column-inner {
   padding-bottom: 40px;
   border-bottom: 1px dashed lightgray;
    
}

.aw-faq-row .wpb_wrapper > .wpb_text_column {
    margin-bottom: 35px;
}

.aw-faq-row .aw-more-row {
    margin-bottom: 0;
}

.aw-faq-row a {
    color: #2c2a2a;
    text-decoration: underline;
}

.aw-more-button {
    margin-bottom: 35px;
    box-shadow: 1px 4px 10px rgba(0,0,0,0.3) !important;
    font-size: 14px !important;
}


/* ------------------------------------------------------ END FAQ Page ------------------------------------------------------- */




/* ----------------------------------------------------- Contact Page -------------------------------------------------------- */

.aw-contact-section-heading {
    color: #4e2678 !important; 
}

.aw-contact-social-icon {
    display: inline;
}


.aw-contact-social-icon.wpb_raw_html {
    display: inline-block;
}

.aw-contact-wechat-html {
    vertical-align: top;
}


.aw-contact-wechat-wrapper {
    padding: 9px;
    border: 2px solid rgb(200, 200, 200);
    border-radius: 50%;
    margin-bottom: 0;
    width: 26px;
    height: 26px;
}

.aw-contact-wechat-wrapper .fa-weixin {
    font-size: 1.6em;
    color: #083346 !important;
}

.aw-contact-social-icon .vc_icon_element-inner {
    border-color: #c8c8c8 !important;
}




.aw-contact-social-icon .vc_icon_element-background {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    background-color: #dddbdb !important;
}

.aw-contact-social-icon .fa.vc_icon_element-icon {
    color: #083346 !important;
    
}

.aw-contact-social-icon.aw-margin-right {
    margin-right: 15px;
}

.aw-contact-whatsapp-html {
    display: inline-block;
    vertical-align: middle;
}


.aw-contact-whatsapp-wrapper {
    padding: 12px;
    border: 2px solid rgb(200, 200, 200);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-bottom: 6px !important;
}

.aw-contact-whatsapp-wrapper img {
    height: auto !important;
}

/* --------------------------------------------------- END Contact Page ------------------------------------------------------ */




/* ------------------------------------------------------ Career Page -------------------------------------------------------- */
/* Tab body */
.vc_tta-panel-body {
    padding: 40px 30px 30px !important;
    border: 1px solid #e5e3e3 !important;
     background-color: white !important;
}    


.vc_tta-title-text {
    letter-spacing: 1px;
}




.vc_tta-panel {
    margin: 0 !important;
    
}


.vc_tta-panels {
    background-color: white !important;
}



/* tab BG color */
.vc_tta-tab > a,
.vc_tta-panel .vc_tta-panel-heading {
    background-color: #0a2d45 !important;
}

.vc_tta-tab.vc_active > a,
.vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #4e2678 !important;
}

.vc_tta-tab .vc_tta-title-text,
.vc_tta-panel .vc_tta-title-text {
    color: white ;
    XXXtext-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}




.aw-job-heading {
    margin-top: 40px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #494848;
    display: inline-block;
}


.aw-career-form-title {
    font-size: 32px;
    line-height: 42px;
}

.aw-job-detail {
    border-top: 4px double rgba(0,0,0,0.3);
}

/* ---------------------------------------------------- END Career Page ------------------------------------------------------ */


/* ---------------------------------------------------- Latest News Page ----------------------------------------------------- */
.aw-resources-listing-row .date_label {
    background-color: transparent;
    color: #5e5c5c;
    font-size: 14px;
}

.aw-resources-listing-row .entry-title {
    font-size: 17px;
    line-height: 25px;
}

.aw-resources-listing-row .post-footer {
    background-color: transparent;
    padding: 0;
}

.aw-resources-listing-row .post-more {
    text-transform: uppercase;
    font-weight: 500;
}

.aw-resources-listing-row .post-footer .post-links {
    float: left;
    border: none;
    padding: 0;
}


.timeline .post-item:before {
   left: 147px;
}

.timeline .post-item {
   background-position: 110px top;
}


/* --------------------------------------------------- END Latest News Page -------------------------------------------------- */



/* ------------------------------------- Individual post page ("Services" and "Latest News") --------------------------------- */
/* Hide featured image */
.section-post-header {
    display:none;
}


/* Service individual page */
.aw-service-title-row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 50px;
}



/* If row setting's "Content position" is set to middle, the row will automatically set to display: flex */ 
/* Use "Order" to float the column (add class tocolumn) to the right, the default value for "Order" is 0, set it back to 0 on one column view */
/* This is for "Service" individual page, image column */
.aw-float-right-column {
    order: 1;
    left: -20px;
    top: 10px;
    box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
}


.aw-float-right-column .vc_column-inner {
    padding: 0;
}




.aw-title-column {
    background-color: #E9E7E7;
    padding-left: 25px;
    padding-right: 25px;
}

.aw-title-column .wpb_text_column {
    text-align: center;
    margin-bottom: 0 !important;
    padding-top: 35px;
    padding-bottom: 35px;
    
}

/* The title of individual "Service" page */
.aw-title-column h1 {
    font-size: 27px;
    line-height: 37px;
}    

.aw-service-title-row .vc_single_image-wrapper {
  margin-bottom: 0;
}

.aw-service-title-row .wpb_single_image {
  margin-bottom: 0;
}




/* ----------------------------------- END Individual post page ("Services" and "Latest News") ------------------------------- */

/* --------------------------------------------------------- Sidebars -------------------------------------------------------- */

.widget_mfn_recent_posts .photo {
    display: none;
}    

.widget_mfn_recent_posts .desc {
    margin-right: 0 !important;
   background-color: #f0efef;   
   text-transform: uppercase;

}  

/* Hide the date for services */ 
.aw-services-sidebar .date {
    display: none;
}

.sidebar .date {
    font-size: 12px;
    line-height: 18px;
}
    


/* reduce the min-height since the date is hidden */
.sidebar .Recent_posts ul li .desc {
    min-height: 44px;
    padding-left: 10px;
    left: -10px;
    background-color: transparent;
}
/* ------------------------------------------------------- END Sidebars ------------------------------------------------------ */



/* ---------------------------------------------------------- Footer --------------------------------------------------------- */

/*** XXX TEMPORARY, DELETE THIS AFTER TESTING, Home 2 ***/
.page-id-3068 #Footer {    
    background-color: #391c57;
}

/*** XXX TEMPORARY, DELETE THIS AFTER TESTING, Home 3 ***/
.page-id-3071 #Footer {    
    background-color: #2c1544;
}


#Footer {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}


#Footer p,
#Footer a {
    font-size:14px;
    line-height: 22px;
}   


#Footer h4 {
    letter-spacing: 1px;
}
    
    
#Footer ul.menu {
    padding-left: 0;
    list-style-type: none;
    background-color: transparent;
}

#Footer ul li:after {
    display: none;
    left: 0;
}

#Footer ul li a {
    padding-top: 4px;
    padding-bottom: 4px;
    
}

#Footer .aw-footer-find-us-address {
    padding-bottom: 0 !important;
}

#Footer .aw-footer-find-us-icons {
    padding-top: 0 !important;
}

#Footer .aw-home-contact-icons-wrapper a:hover {
    color: #c6c6c6;
    
}


#back_to_top {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 1px 1px 7px rgba(0,0,0,0.4);
}    

#back_to_top .icon-up-open-big:before {
    content: '\e941';
}

/* -------------------------------------------------------- END Footer ------------------------------------------------------- */





/* ============================================================================================================================*/
/* --------------------------------------------------------- Responsive  ----------------------------------------------------- */
/* ============================================================================================================================*/
/* ============================================================================================================================*/
/* ============================================================================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1239px) {
    

}


/* ============================================================================================================================*/
@media only screen and (min-width: 960px) {
    
}

/* ============================================================================================================================*/
@media only screen and (max-width: 959px){

.aw-protruding-column {
    padding-left: 15px;
    padding-right: 15px;
}
    
    
/* Service individual page */
.aw-service-title-row {
    margin-bottom: 30px;
}    
    
    
    
/* If row setting's "Content position" is set to middle, the row will automatically set to display: flex */ 
/* Use "Order" to float the column (add class tocolumn) to the right, the default value for "Order" is 0, set it back to 0 on one column view */
/* this is for service individual page */
.aw-float-right-column {
    order: 0;
    left: 0;
    top: 0;
    box-shadow: none;
}

.aw-service-title-row .wpb_column {
    width: 100%;
    float: none;
}


.aw-title-column {
    width: 96% !important;
    left: 2%;
    top: -20px;
    z-index: 100;
    box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
    
}



}

/* ============================================================================================================================*/
@media only screen and (min-width: 768px) {
    
    

    
}


/* ============================================================================================================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    

.aw-home-intro-outer-column .vc_column-inner {
    background-position: 60px 70px !important;
}

.aw-home-contact-column span {
    display: block;
}    


.aw-home-contact-wrapper {
    width: 190px;
}


.aw-home-services-row .wpb_column.vc_col-sm-3 {
    width: 50%;
} 



/* Corporate introduction parallex div */
.aw-our-vision-div {
  left: -25px;
}


.aw-our-values-div {
  right: -25px;
}
    
}    
/* ============================================================================================================================*/
@media only screen and (max-width: 767px){

#Top_bar .logo #logo {
 margin: 20px 50px;	
}	
	
.menu-action-bar-container .social-menu {    
    background-color: #4e2678;
}	

/* Hide this as Betheme still show the margin even though no info in the contact detail in Betheme--> Options */
.XXXcontact_details {
    display:none;
}   


#Action_bar .contact_details li.slogan {
    display: inline-block;
    padding-top: 10px !important;
    border-bottom: 1px dotted white;
}
    

.sidebar {
   background-color: #f0efef;   
}


.sidebar .Recent_posts ul li .desc {
   background-color: #f0efef; 
}


/* Reset the text-alignvalue to default on one column */
.aw-text-block-justify {
    text-align: start;
}


/* Home page */
.aw-slider-slogan {
    font-size: 45px;
    letter-spacing: 1px;
}


.aw-home-intro-outer-column .vc_column-inner {
    background-position: 50px 90% !important;
}
  
/* Corporate introduction parallex div */  
.wpb_row.aw-parallax-items-row {
    padding-top: 0;
} 

.aw-our-vision-div {
    top: -40px;
    max-width: 90%;
    position: relative;
}

.aw-our-values-div {
    top: -30px;
    bottom: auto;
    max-width: 90%;
    position: relative;
}  




/* Resource/Article page */

.aw-resources-listing-row .image_frame {
    margin-bottom: 0;
}

.aw-resources-listing-row .timeline .post-item {
    padding-bottom: 60px;
}


}  

/* ============================================================================================================================*/
@media only screen and (max-width: 479px) {
    

/* Title row for all protruding pages */    
#Content .aw-title-row {
    background-position: 70% 50% !important;
    padding-top:60px;
    padding-bottom: 120px;
    
}    
    
/* Home page */
.aw-slider-slogan {
    font-size: 36px;
    letter-spacing: 0px;
}    
    
    
.aw-home-intro-outer-column .vc_column-inner {
    background-position: 50px 97% !important;
}
    
    
.aw-home-contact-column span {
    display: block;
}    

.aw-home-contact-wrapper {
    width: 190px;
}    


.aw-mission-statement-parallax-div {
    padding: 50px 25px 30px 25px;
}    


/* The title of individual "Service" page */
.aw-title-column h1 {
    font-size: 24px;
    line-height: 34px;
} 

/* The title of individual "Service" page */
.aw-title-column .wpb_text_column {
    padding-top: 25px;
    padding-bottom: 22px;
    
}
    
}