/* --- 
    Title: TAG Website Revamp
    Author: Huili 
    Created: 09/2021
--- */

/* --- Brand Colors --- 
light brown - #bcb9a6
dark brown - #a29e85
light pink - #d0aa8e
dark pink - #b86759
*/



@import url('//fonts.googleapis.com/css2?family=Cormorant:wght@400;500&family=Montserrat:wght@400;500;600&family=Poppins:wght@300;400;600;700&display=swap');

.btn-center { margin:10px auto; display:inline-block; float:none;}
.btn-left { }
.btn-right { }

/* --- Nice Button --- */
.content_area .iveo_pipe_pagetree_button .ct-simple-btn  { 
    color: #fff;
    text-align: center;
    padding: 5px 15px;
    border-radius: 20px;
    line-height:180%!important;
    font-size:14px!important;
    text-shadow:none!important;
    box-shadow: none!important;
}
.content_area .iveo_pipe_pagetree_button .ct-simple-btn,.content_area .iveo_pipe_pagetree_button .ct-simple-btn:hover{
    background-color: #b86759!important;
    border: 2px solid #b86759!important;  
}
.content_area .iveo_pipe_pagetree_button .ct-simple-btn:hover {
    background-color: rgba(184, 103, 89, 0.8)!important;
    border: 2px solid rgba(184, 103, 89, 0.8)!important;  
}

/* --- Basic Wrappers --- */
#netcontent {overflow-x:hidden; overflow:hidden;}
#lo_whole {}
#lo_panel { }
#lo_main {width:100%;}
.main_area {}


body {  
	background-color:#fff; 
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#252122;
	font-weight:400;
}

.lo_main_mid {width:100%; max-width:1200px; margin:auto;}

/* --- Masthead --- */
.masthead_area {position:fixed; top:0; left:0; width:100%; height:138px; transition:all 0.2s linear; z-index:1300; overflow:visible;}
.ive_designmode .masthead_area {position:relative; }
.masthead_area,.masthead_area * { font-weight:500; }
.scroll .masthead_area {
    background-color: rgba(255,255,255,0.85);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.masthead_area header { position:relative; width:100%; max-width:1200px; margin:auto; padding:8px 10px; box-sizing: border-box; z-index:1200;}
.masthead_area #top-bar {background-color:#bcb9a6; padding:5px 10px; box-sizing: border-box; font-size:13px;}
.masthead_area #top-bar table {width:100%; max-width:1200px; }
.masthead_area #top-bar table td {padding-bottom:0; padding-right:0; vertical-align: middle; color:#787351;}
.masthead_area #top-bar table td:last-child {text-align:right;}

.masthead_area #top-bar UL {margin-left:0; margin-bottom:0;}
.masthead_area #top-bar UL LI {display:inline-block; vertical-align:top;}

.mm_active .masthead_area #top-bar {display:none; opacity:0; visibility: hidden; z-index:0; height:0;}

.masthead_area .user-button {
    position:relative;
    border:none;
    padding-left:40px;
    margin-left:2em;
    color:#787351;
}
.masthead_area .user-button::before {
    content:"";
    background: url('/qws/slot/u50423/style/Homepage/profile.png') no-repeat;
    background-size:contain;
    width:28px;
    height:27px;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
}

.masthead_area .cart-button {
 position:relative;
    border:none;
    margin-left:2em;
    color:#787351;
  text-indent:-9999px;
}
.masthead_area .cart-button::before {
    content:"";
    background: url('/qws/slot/u50423/style/Icons/shopping_cart.png') no-repeat;
    background-size:contain;
    width:28px;
    height:27px;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
}

/* --- School Brand --- */
.masthead_area #home-logo {
    text-indent: -9999px;;
    background: url('/qws/slot/u50423/style/Header/logo.png') no-repeat;
    background-size:contain;
    width:50px;
    height:60px;
    display:inline-block;
    position: relative;
    z-index: 1002;
}

/* --- Masthead 2 --- */
.masthead2_area {margin-top:62px; padding-top:76px;}
.ive_designmode .masthead2_area {margin-top:0; padding-top:0;}


/* --- Navigation Menu --- */
.sitemenu_area {display:none;}
.ive_designmode .sitemenu_area {display:block; padding-top:1em;}
UL.sitemenu {margin:auto; max-width:1200px; display:block;}
UL.sitemenu::after { content:""; display:table; clear:both; }
a.sitemenu { display:block;}
.sitemenu li.first-item {display:none;}
.ive_designmode li.first-item {display:block;}
.sitemenu li a.sitemenu,.sitemenu li a.sitemenu:visited { 
	font-family:'Poppins',sans-serif;
	color:#252122;
	font-size:15px;
}
.sitemenu li a.sitemenu:hover, .sitemenu li a.sitemenu.sitemenulit { 
	font-family:'Poppins',sans-serif;
	color:#787351;
	font-size:15px;
	text-decoration:none;
    font-weight:600;
}
.focus {background-color:transparent;}

/* --- Dropdown menu --- */
table.dropmenu {border:none; outline:none; }
table.dropmenu A {padding:5px 10px;}
table.dropmenu A,table.dropmenu A:visited {
	font-family:'Poppins',sans-serif;
	color:#252122;
    font-weight:400;
	font-size:14px;
}
table.dropmenu A:hover {color:#a29e85; background-color:transparent;}

/* --- Content wrapper --- */
.content_area { padding-left:10px; padding-bottom:20px; width:76%; box-sizing: border-box;}
.content_area h1 { Xdisplay:table; Xbackground:url(h1_icon.png) no-repeat; Xmargin:-10px 0 0 -45px; Xpadding:15px 0 15px 45px; }
.content_area h2 { Xdisplay:table; Xbackground:url(h2_icon.png) no-repeat; Xmargin:-10px 0 0 -60px; Xpadding:15px 0 15px 60px; padding-bottom:5px; }
.content_area_wide .mid { min-height:200px; }


/* --- Breadcrumb --- */
.path_box {margin:1em 0;}
.path_box, .path_box * { color:#000; font-weight:500; font-size:14px; line-height:1.6;}
A.path,A.path:visited {}
.path_box .current {color:#787351; font-weight:700;}

.ive_content, .ive_content div, .ive_content p {line-height:180%;}

/* --- Content elements --- */
.pagecontent_box { padding-left:10px; margin:0px; }
.pageblock_box { padding-left:10px; margin:0px; }
.appcontent_box { padding-left:10px; }
	  
/* --- Sidebar --- */
.sidebar_area { Xpadding-top:50px; width:22%; box-sizing: border-box}
.layout-single_col .sidebar_area, .layout-default_wide_left .sidebar_area { padding-top:0!important; padding-left:10px; width:320px; }
.sidebar1_box { padding-bottom:40px; }
.sidebar0_box, .sidebar1_box { margin:0px 10px 0px 0px; }

/* --- Subpages --- */
.subpages_box {}
.subpages_box>UL {margin-left:0;}
.subpages_box LI {list-style-type:none; font-size:16px; border-bottom:1px solid #a2a2a2;}
.subpages_box LI A,.subpages_box LI B {padding:10px 0; display:block;}
.subpages_box LI A,.subpages_box LI A:visited { 
	display:block; 
	font-size:16px; 
	font-weight:400; 
	color:#000;
}
.subpages_box LI A:hover,.subpages_box B { font-weight:700; color:#000;  text-decoration:none;}

#pipe_custom_sidebar {}
#pipe_custom_sidebar>UL {margin-left:0;}
#pipe_custom_sidebar LI {list-style-type:none; font-size:16px; border-bottom:1px solid #a2a2a2;}
#pipe_custom_sidebar LI A,#pipe_custom_sidebar LI.current > A {padding:10px 0; display:block;}
#pipe_custom_sidebar LI A,#pipe_custom_sidebar LI A:visited { 
	display:block; 
	font-size:16px; 
	font-weight:400; 
	color:#000;
}
#pipe_custom_sidebar LI A:hover { font-weight:700; color:#000;  text-decoration:none;}


/* --- Noticeboard --- */
.noticeboard_box .heading_ { background:url(nb_icon.png) no-repeat; padding:15px 0 15px 60px;  color:#a29970; font-size:150%; font-weight:bold; }
.noticeboard_box h2 { background:none; color:inherit; }
.noticeboard_box .content_ { Xborder:5px dashed #a29970; -moz-border-radius:6px; padding:10px; }
.noticeboard_box .jshowoff .controls_ { position:absolute; right:15px; bottom:10px; }
.noticeboard_box .jshowoff .slidelinks_ { position:absolute; left:20px; top:60px; }

/* --- Default Search --- */
.search_box { height:44px; }
.search_box .lpad_ { background-image:url(searchbox.png); }
.search_box .rpad_ { background-image:url(searchbox.png); }
.search_box .cpad_ { background-image:url(searchbox.png); }
.search_box .input_ { height:30px; margin:6px 0; font-size:20px; }
.search_box .button_ { background:url(search_btn.png); width:50px; height:36px; margin:4px 3px 0 0;}
.search_box .button_:hover { background:url(search_btn_hl.png); }


.ive_halo { border-color: #D5D9D1!important; }

/* --- Icon --- */
.icon-time {display:block; padding-left:35px; position:relative;}
.icon-time::before {
    content:"";
    background: url('/qws/slot/u50423/style/Icons/time.png') no-repeat;
    background-size:contain;
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:20px;
}

.icon-location {display:block; padding-left:30px; position:relative;}
.icon-location::before {
    content:"";
    background: url('/qws/slot/u50423/style/Icons/location.png') no-repeat;
    background-size:contain;
    width: 16px;
    height: 21px;
    position:absolute;
    left:0;
    top:0;
}

.content_area .ives_tab_kosong tr td.icon-email {padding-left:30px!important; position:relative;}
.content_area .ives_tab_kosong tr td.icon-email::before {
    content:"";
    background: url('/qws/slot/u50423/style/Icons/email.png') no-repeat;
    background-size:contain;
    width: 20px;
    height: 16px;
    position:absolute;
    left:0;
    top:0;
}

.content_area .ives_tab_kosong tr td.icon-wa {padding-left:30px!important; position:relative;}
.content_area .ives_tab_kosong tr td.icon-wa::before {
    content:"";
    background: url('/qws/slot/u50423/style/Icons/phone.png') no-repeat;
    background-size:contain;
    width: 20px;
    height: 20px;
    position:absolute;
    left:0;
    top:0;
}

font[size="1"] {font-size:11px;}

/* --------- Font --------- */

/* --- Heading --- */
h1, h2, h3, h4 { font-family:'Cormorant',sans-serif; font-weight:700; line-height:1.1;}
.main_area h1 { color:#252122; font-size:48px; font-weight:500;}
.main_area h2 { color:#252122; font-size:34px; }
.main_area h3 { color:#252122; font-size:28px; }
.main_area h4 { color:#252122; font-size:18px; }

.pagecontent_box h1 {position:relative; padding-bottom:10px;}
.pagecontent_box .ive_ptod h1 {display:table; margin:auto;}
.pagecontent_box .tools_box~h1::after {
    content:"";
    background-color:#d0aa8e;
    width:50px;
    height:5px;
    position:absolute;
    bottom:0;
    left:0;
}
.pagecontent_box .description {font-size:15px; font-weight:400;}

/* --- Hyperlinks --- */
A,A:visited { color:#3a3621; text-decoration:none;}
A:hover {text-decoration:none;}

/* --- Footer --- */
.footer_area {background-color:#BEB9A6; padding:1.5em 0;}
.footer_area table {width:1200px; margin:auto;}
.footer_area table td {padding:0; vertical-align: middle;}
.footer_area,.footer_area * {
	color:#3a3621;
	font-size:12px;
    font-weight:500;
}
.footer_area UL {margin-left:0; float:left; margin-bottom:0;}
.footer_area UL LI {float:none; list-style-type:none; margin-left:10px; margin-bottom:5px; display:inline-block;}
.footer_area UL LI#copyright {display:block; margin-bottom:5px;}
.footer_area UL LI:before{
	content:"|";
	display:inline-block;
	padding-right:10px;
}
.footer_area UL LI:first-child:before,.footer_area UL LI:nth-child(2):before {content:""; display:none;}
.footer_area A,.footer_area A:visited {color:#3a3621;}
.footer_area A:hover {text-decoration:none;}

.footer_area .sm UL {float:right;}
.footer_area .sm UL LI {margin-left:1.5em;}
.footer_area .sm UL LI::before {display:none;}
.footer_area .sm .icon-fb A {
    display:inline-block;
    background: url('/qws/slot/u50423/style/Footer/facebook.png') no-repeat;
    background-size:contain;
    width:30px;
    height:30px;
    text-indent: -9999px;
}

.footer_area .sm .icon-ig A {
    display:inline-block;
    background: url('/qws/slot/u50423/style/Footer/ins.png') no-repeat;
    background-size:contain;
    width:30px;
    height:30px;
    text-indent: -9999px;
}

td ol, td ul {margin-left:1.5em}
A IMG, IMG {border:none; outline:none;}

/* --- Customisation --- */
.tag-button {
    border:2px solid #3a3621;
    color:#3a3621;
    text-align:center;
    padding:5px 15px;
    border-radius:20px;
    display:inline-block;
    margin:10px auto;
    cursor:pointer;
}
.tag-lighter-button {
    border:2px solid #787351;
    color:#787351;
    text-align:center;
    padding:5px 15px;
    border-radius:20px;
    display:inline-block;
    margin:10px auto;
    cursor:pointer;
}

.tag-light-button {
    background-color:#b86759;
    border:2px solid #b86759;
    color:#fff;
    text-align:center;
    padding:5px 15px;
    border-radius:20px;
    display:inline-block;
    margin:10px auto;
    cursor:pointer;
}

/* --- Custom Table --- */
.ives_tab_green {border:none; border-collapse:collapse;}
.ives_tab_green th { background-color:#009639; color:#fff;}
.ives_tab_green tr:nth-child(odd) {background-color:#eaf7ef;}
.ives_tab_green tr:nth-child(even) {background-color:#d5ebdd;}
.ives_tab_green td {background-color:transparent; color:#000;}

.content_area .ives_tab_kosong th,.content_area .ives_tab_kosong td {position:relative; box-sizing: border-box; padding:10px;}

/* --- Quotes style --- */
.ive_quotes {max-width:80%!important;}
.ive_quotes td {
    position:relative;
    padding:1em 50px 1em 60px!important;
    font-weight:600;
}
.ive_quotes td::before {
    content:"";
    background: url('/qws/slot/u50423/style/Icons/quote1.png') no-repeat;
    width:47px;
    height:27px;
    position:absolute;
    top:0;
    left:0;
}
.ive_quotes td::after {
    content:"";
    background: url('/qws/slot/u50423/style/Icons/quote2.png') no-repeat;
    width:47px;
    height:27px;
    position:absolute;
    bottom:0;
    right:0;
}

/* --- Calendar --- */
table.event {border:none!important;}
table.event td.cal_holiday_label {
  background:#2c884f!important;
  color: #fff!important;
  font-family:'Raleway',sans-serif;
  font-weight:700;
}
table.event td.cal_weekday_label {
  background:#0c29a7!important;
  color: #fff!important;
   font-family:'Raleway',sans-serif;
  font-weight:700;
}
.cal_holiday { background: #ddebe2!important; color:#222222!important; padding-left:5px;}
.cal_weekday { background: #e5e7f3!important; color:#222222!important; padding-left:5px;}
.cal_holiday_today ,.cal_weekday_today { background-color: #ff9400!important; color:#fff!important; font-weight:700; padding-left:5px;}
.cal_holiday_today font,.cal_weekday_today font {color:#222!important;}
.got_events {
 color:#0c29a7!important;
 font-weight:700;
}


.layout-single_col .content_area {padding:0; margin:0;}
.layout-single_col .sidebar0_box,.layout-single_col .sidebar1_box {padding:0; margin:0;}
.layout-single_col .sidebar_area {display:none;}
.ive_designmode .layout-single_col .sidebar_area {display:block;}

.pagelevel-1 .layout-single_col .lo_main_mid {width:100%; max-width:none;}
.pagelevel-1 .layout-single_col .pagecontent_box .description,.pagelevel-1 .layout-single_col .pageblock_box .ive_ptod {max-width:1200px; margin:auto; display:block;}


/* --- Layout Templates --- */
body:not(.pagelevel-1) .layout-single_col {
    background: url('/qws/slot/u50423/style/Subpage/bg.jpg') no-repeat center top #FAF7F2;
    background-size: 100% auto;
}

/* --- Admission Layout --- */
.layout-default .content_area {width:100%; clear:both; float:none;}
.layout-default .sidebar_area {width:100%; clear:both; float:none;}
body:not(.pagelevel-1) .layout-default {
    background: url('/qws/slot/u50423/style/Admissions/admissions-bg.jpg') no-repeat center top #FAF7F2;
    background-size: 100% auto;
}
body:not(.pagelevel-1) .layout-default .content_area .mid {min-height:600px;}
body:not(.pagelevel-1) .layout-default .pagecontent_box .tools_box~h1 {text-align: center;}
body:not(.pagelevel-1) .layout-default .pagecontent_box .tools_box~h1::after {display:none;}
body:not(.pagelevel-1) .layout-default #lo_panel {
    background-image: url('/qws/slot/u50423/style/Admissions/red-deco.png'),url('/qws/slot/u50423/style/Admissions/yellow-deco.png'),url('/qws/slot/u50423/style/Admissions/brown-deco.png'),url('/qws/slot/u50423/style/Admissions/line-deco.png');
    background-repeat:no-repeat;
    background-size: 60px auto,51px auto,53px auto, 70px auto;
    background-position: left 40%,right 20%,left 90%,right 70%;
}

/* --- Visual Space Layout --- */
.layout-default_left .content_area {width:100%; clear:both; float:none;}
.layout-default_left .sidebar_area {width:100%; clear:both; float:none;}
body:not(.pagelevel-1) .layout-default_left {
    background: url('/qws/slot/u50423/style/Deap Sea/deep-sea.jpg') no-repeat center top #FCFBF7;
    background-size: 100% auto;
}
body:not(.pagelevel-1) .layout-default_left .content_area .mid {min-height:600px;}
body:not(.pagelevel-1) .layout-default_left .pagecontent_box .tools_box~h1 {text-align: center;}
body:not(.pagelevel-1) .layout-default_left .pagecontent_box .tools_box~h1::after {display:none;}
body:not(.pagelevel-1) .layout-default_left #lo_panel {
    background-image: url('/qws/slot/u50423/style/Deap Sea/deco2.png'),url('/qws/slot/u50423/style/Deap Sea/deco1.png'),url('/qws/slot/u50423/style/Deap Sea/deco3.png'),url('/qws/slot/u50423/style/Deap Sea/deco4.png'),url('/qws/slot/u50423/style/Deap Sea/deco5.png');
    background-repeat:no-repeat;
    background-size: 60px auto,51px auto,53px auto,100% auto, 70px auto;
    background-position: left 40%,right 20%,left 90%,left 70%,right 70%;
}
.layout-default_left .pageblock_box h2 {position:relative; padding-bottom:15px; margin-bottom:15px;}
.layout-default_left .pageblock_box h2.ive_ptoh {margin-bottom:10px;}
.layout-default_left .pageblock_box h2::after {
    content:"";
    background-color:#d0aa8e;
    width:50px;
    height:5px;
    position:absolute;
    bottom:0;
    left:0;
}
.layout-default_left .pageblock_box .ives_tab_kosong tr td:last-child h2::after {
    left:initial;
    right:0;
}

/* --- Custom useful class selectors --- */
/* -- Image Overlap to the Right Image -- */
.overlap-right {
    position: absolute;
    right: -40px;
    transform: translateX(-100%);
    bottom: 0;
}
.overlap-left {
    position: absolute;
    left: -100px;
    bottom: 0;
}

.layout-default_wide {}
.layout-default_wide_left {}
.layout-three_col {}



/* --- Mobile Menu --- */
/* -- Hamburger -- */
#hamburger {
    width: 33px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1001;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform:  translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
    cursor: pointer;
    border-radius: 36px;
}
.ive_designmode #hamburger {
    display: none;
}

#hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 20px;
    background: #CFA98F;
    border-radius: 9px;
    opacity: 1;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform:  translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: 0.25s ease-in;
    -moz-transition: 0.25s ease-in;
    -o-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
}

#hamburger span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#hamburger span:nth-child(2) {
    top: 8px;
    width:30px;
    left:initial;
    right:0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#hamburger span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger.open span {
    background-color: #777458;
}
#hamburger.open span:nth-child(1) {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform:  translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    top: 0;
    right: 0;
    left: 0;
    width:30px;
}

#hamburger.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#hamburger.open span:nth-child(3) {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform:  translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    top: 21px;
    right: 0;
    left: 0;
    width:30px;
}

.mobile-menu {
    width:100%; 
    position: fixed;
    top: 0;
    left: 0;
    height: 0;
    padding: 0.5em 0;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 2px 5px #282550;
    background-image: url('/qws/slot/u50423/style/Menu/menu-red-deco.png'),url('/qws/slot/u50423/style/Menu/menu-yellow-deco.png');
    background-repeat:no-repeat;
    background-position:left bottom, right center;
    background-color: #f4efe6;
}
.mobile-menu.active {height:100vh; opacity:1; visibility: visible; z-index:1000;}
.mobile-menu::before {
    content:"";
    background: url('/qws/slot/u50423/style/Header/logo.png') no-repeat;
    background-size:contain;
    width:95px;
    height:113px;
    position:absolute;
    top:30px;
    left:50%;
    transform:translateX(-50%);
}


.mobile-menu UL.mobmenu {
    float: none;
    margin: initial;
    position: relative;
    top: 80px;
    width: 100%;
    height: calc(100vh - 80px);
    overflow:hidden;
    overflow-y: auto;
    max-width: 900px;
    margin:auto;
}
.mobile-menu UL.mobmenu::-webkit-scrollbar-track { background:transparent; }
.mobile-menu UL.mobmenu::-webkit-scrollbar-thumb { background:#CCCCCC; }
.mobile-menu UL.mobmenu::-webkit-scrollbar { width:6px; }
.mobile-menu UL.mobmenu LI {
    list-style-type: none;
    text-align: left;
    margin-left: 0;
    height: auto;
    float: none;
    border: none;
    display: block;
    margin:0 2em;
    position:relative;
}
.mobile-menu LI { }
.mobile-menu ul.mobmenu LI.first-item {display:none;}
.ive_designmode .mobile-menu ul.mobmenu LI.first-item {display:block;}
.mobile-menu ul.mobmenu LI a.sitemenu {
    padding: 8px 22px 8px 10px;
    margin: 2px 0;
    width:50%;
    box-sizing:border-box;
}
.mobile-menu .show_menu {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #a29e85;
    text-indent:-9999px;
    position:absolute;
    top:15px;
    right:0;
    display:none;
}
.mobile-menu LI.on .show_menu {transform:rotate(-180deg);}

.mobile-menu LI a.sitemenu,
.mobile-menu LI a.sitemenu:visited {
    font-family: 'Cormorant', serif;
    color: #a29e85;
    font-weight: 600;
    font-size: 30px;
    position:relative;
}
.mobile-menu li a.sitemenu:hover,
.mobile-menu li.on a.sitemenu {
    font-family: 'Cormorant', serif;
    color: #252122;
    font-weight: 600;
    font-size: 36px;
    text-decoration: none;
}
.mobile-menu li.on a.sitemenu {padding-left:40px!important;}
.mobile-menu li.on a.sitemenu::before {
    content:"";
    width:30px;
    height:3px;
    background-color:#b86759;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}

.mobile-menu .mob_submenu {
    display: none;
    width:50%;
    position:absolute;
    top:0;
    left:50%;
	  z-index:1200;
}
.mobile-menu .mob_submenu.active {
    display: block;
    padding-bottom: 10px;
}
.mobile-menu .mob_submenu td {
    width: 100vw !important;
}
.mobile-menu .mob_submenu A,
.mobile-menu .mob_submenu A:visited,
.mob_submenu .drop_right_ A,
.mob_submenu .drop_right_ A:visited {
    font-family: 'Montserrat', sans-serif;
    color: #252122;
    font-weight: 500;
    font-size: 18px;
    padding: 0.5em 2em;
    display: inline-block;
}
.mobile-menu .mob_submenu h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    padding: 5px 5px 5px 2em;
}
.mobile-menu .mob_submenu A,.mob_submenu .drop_right_ A {position:relative; padding-right:20px;}
.mobile-menu .mob_submenu A::after,.mob_submenu .drop_right_ A::after {
    content:"";
    width:10px;
    height:10px;
    background-color:transparent;
    border-radius:100%;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}
.mobile-menu .mob_submenu A:hover,.mob_submenu .drop_right_ A:hover {
    text-decoration: none;
    background-color: transparent;
    color: #252122;
    font-weight: 500;
}
.mobile-menu .mob_submenu A:hover:after,.mob_submenu .drop_right_ A:hover:after {
    content:"";
    background-color:#b86759;
}




/* --- Articles --- */
.article::after {content:""; display:table; clear:both;}
.article {padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc;}

/* --- Homepage Customisation --- */
.pagelevel-1 .lo_main_mid {max-width:none;}
.pagelevel-1 .pagecontent_box {
    background: url('/qws/slot/u50423/style/Homepage/line-deco.png') no-repeat #f4efe6 right bottom;
    font-size:1px;
}
.pagelevel-1 .pagecontent_box .tools_box~h1 {font-size:40px;}
.pagelevel-1 .pagecontent_box .description {font-size:16px;}

#_ptoo_block_start {display:none!important;}
.ive_designmode #_ptoo_block_start {display:block!important;}

.pageblock_box .ive_ptod {width:100%; max-width:1200px; margin:auto; display:block;}


/* --- Highlights --- */
#_ptoo_3037927 {background-color:#d8baac; padding:2em 1em; box-sizing: border-box; width:100%;}
#_ptoo_3037927 .ive_ptoh {color:#252122; text-align:center; font-weight:500;}

#slider_navi {text-align:right; margin:1em 0; margin-right:5px; }
#slider_navi .nav_left,#slider_navi .nav_right {
    transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; 
}
#slider_navi .nav_left {
    background: url('/qws/slot/u50423/style/Icons/left.png') no-repeat;
    width:37px;
    height:37px;
    background-size:contain;
    text-indent:-9999px;
    display:inline-block;
    cursor:pointer;
    margin-right:5px; 
}
#slider_navi .nav_left:hover {background: url('/qws/slot/u50423/style/Icons/left_hover.png') no-repeat;}
#slider_navi .nav_right {
    background: url('/qws/slot/u50423/style/Icons/right.png') no-repeat;
    width:37px;
    height:37px;
    background-size:contain;
    text-indent:-9999px;
    display:inline-block;
    cursor:pointer;
} 
#slider_navi .nav_right:hover {background: url('/qws/slot/u50423/style/Icons/right-hover.png') no-repeat;}

#_ptoo_3037927 .ive_ptod {width:100%; max-width:1200px; margin:auto; display:block; text-align:center;}
#_ptoo_3037927 .ive_ptod::after {content:""; display:table; clear:both;}
.articles_custom_3037936 {
    width: 1200px;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
}

#_ptoo_3037927 .article-item {
    width: 30%!important;
    max-width: 350px;
    margin: 10px 25px;
    box-sizing: border-box;
    border:none!important; 
    outline:none!important; 
    background-color:transparent;
    transition: all 0.2s linear;
}
#_ptoo_3037927 .article-item:hover {
    background-color:#fff;
    box-shadow:0 0 10px rgba(0,0,0,0.4);
}
#_ptoo_3037927 .article-item .article-item-body {
    width: 100%!important;
    display: flex;
    flex-direction: column;
}
#_ptoo_3037927 .article-item .article-image {width:100%; height:200px; overflow:hidden;}
#_ptoo_3037927 .article-item .article-image img {width:100%; height:100%; object-fit:cover; object-position:top;}
#_ptoo_3037927 .article-item .article-info {
    padding:1.5em 1.5em 40px 1.5em!important;
    box-sizing: border-box;
    transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; 
    height:250px;
    position:relative;
}
#_ptoo_3037927 .article-item .article-info,#_ptoo_3037927 .article-item .article-info * {
    color:#b86759;
}
#_ptoo_3037927 .article-item:hover .article-info,#_ptoo_3037927 .article-item:hover .article-info * {
    color:#252122;
}

#_ptoo_3037927 .article-item .article-title {
    font-weight:500;
    font-size:18px;
    text-align:left;
    margin-bottom:10px;
}
#_ptoo_3037927 .article-item .article-desc, #_ptoo_3037927 .article-item .article-desc * {
    font-family:'Poppins',sans-serif;
    font-size:13px;
    text-align:left;
}

#_ptoo_3037927 .article-item .article-readmore {
    text-align:center; 
    display:block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,-100%)
}

#_ptoo_3037927 .article-item .article-readmore A {
    border:1px solid #b86759;
    border-radius:20px;
    padding:6px 15px;
    height:30px;
    text-align:center;
    font-size:14px;
    color:#b86759;
    background-color:transparent;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; 
}

#_ptoo_3037927 .article-item:hover .article-readmore A {
    background-color:#b86759;
    color:#fff;
}


/* --- Admissions --- */
#_ptoo_3037928 {position:relative;}
#_ptoo_3037928::before {
    content:"";
    width:100%; 
    height:80%;
    background-color:#f3f2ec;
    position:absolute;
    top:0;
    left:0;
		z-index:-2;
}
#_ptoo_3037928::after {
    content:"";
    background-image: url('/qws/slot/u50423/style/Homepage/line-deco2.png'),url('/qws/slot/u50423/style/Homepage/line-deco3.png');
    background-position:left top, right bottom;
    background-repeat:no-repeat;
    background-size: 30% auto, auto 80%;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}

#_ptod_3037928 .iveo_pipe_pagetree_pinup { width:400px!important; max-width:500px; cursor:pointer; }
#_ptod_3037928 .iveo_pipe_pagetree_pinup .ct-box {
    background-color:#fff;
    padding:6px;
    border-radius:5px;
    overflow:visible;
}
#_ptod_3037928 .iveo_pipe_pagetree_pinup .title_,#_ptod_3037928 .iveo_pipe_pagetree_pinup .link_  {
    font-family: 'Cormorant',serif;
    color:#252122;
    font-size:30px;
    font-weight:400;
    border:1px solid #000;
    text-align:center;
    padding:10px 15px;
    box-sizing: border-box;
    background-color:#fff;
    transition: all 0.2s linear;
}
#_ptod_3037928 .iveo_pipe_pagetree_pinup:hover .title_,#_ptod_3037928 .iveo_pipe_pagetree_pinup:hover .link_ {
    border:1px solid #BAB8A5;
    background-color:#BAB8A5;
    color:#fff;
}

#_ptod_3037928 .iveo_pipe_pagetree_pinup .text_ {position:relative;}
#_ptod_3037928 .iveo_pipe_pagetree_pinup .link_ {
    padding: 10px 15px;
    box-sizing: border-box;
    display: inline-block;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%,50%);
    width:180px;
}
#_ptod_3037928 .iveo_pipe_pagetree_pinup:hover .link_ a { padding:0!important; background-color:transparent!important; color:#fff;}
#_ptod_3037928 .iveo_pipe_pagetree_pinup:hover .link_ a:hover {background-color:transparent!important; color:#fff;}

/* --- Support & Keep in Touch --- */
#_ptoo_3037929 {
    background: url('/qws/slot/u50423/style/Homepage/red-deco.png') no-repeat left 20px;
}

/* --- Membership Booking --- */
.membership-booking-wrapper, .membership-booking-wrapper * {	font-family: 'Montserrat', sans-serif;}

@media only screen and (max-device-width:1200px), only screen and (max-width:1200px){
    .articles_custom_3037936 {width:100%;}

    .content_area .pagecontent_box,.content_area .pageblock_box {padding:15px; box-sizing: border-box;}
    .content_area .ives_tab_kosong tr td {}
    .content_area .ives_tab_kosong td IMG {max-width:100%!important; height:initial!important;}

    .lo_main_mid {padding:10px; box-sizing: border-box;}
    .path_box {margin:1em 10px;}
    .pagelevel-1 .lo_main_mid {padding-left:0; padding-right:0; }

    .pagelevel-1 .layout-single_col .pagecontent_box .description, .pagelevel-1 .layout-single_col .pageblock_box .ive_ptod {width:100%; max-width:1200px; }

    .pagelevel-1 .pagecontent_box table, .pagelevel-1 .pageblock_box table {width:100%; max-width:1200px;}

    .footer_area {padding-left:10px; padding-right:10px; box-sizing: border-box;}
    .footer_area table {width:100%;}

}

@media only screen and (max-device-width:850px), only screen and (max-width:850px){

}

@media only screen and (max-device-width:768px), only screen and (max-width:768px){

    .masthead_area {height:105px;}
    .masthead_area #home-logo {height:50px; position:fixed; top: 6px;}
    .masthead_area #top-bar {
        background-color:rgba(188,185,166,0.3);
    }
    .masthead_area #top-bar table {margin-top:0;}
    .masthead_area #top-bar table tbody tr td:first-child {display:none;}
    .masthead_area header {height:50px;}

    .masthead2_area {margin-top:105px; padding-top:0;}

    .mobile-menu ul.mobmenu LI a.sitemenu {width:100%; font-size:24px;}
    .mobile-menu li.on a.sitemenu {padding-left:10px!important;}
    .mobile-menu li.on a.sitemenu::before {display:none;}
    .mobile-menu .mob_submenu {width:100%; position:relative; left:0;}
    .mobile-menu .mob_submenu A, .mobile-menu .mob_submenu A:visited, .mob_submenu .drop_right_ A, .mob_submenu .drop_right_ A:visited {font-size:16px;}
    .mobile-menu .show_menu {display:inline-block;}

    .content_area .ives_tab_kosong td {display:inline-block!important; width:100%!important;}
    .content_area .ives_tab_kosong td IMG {margin:10px auto; float:none; }

    .content_area .ives_tab_kosong.imgOnRight tr {display:flex; flex-direction:column-reverse;}
    .content_area .ives_tab_kosong.imgOnRight tr td {width:100%;}

    .footer_area .sm UL {float:none; margin:auto; text-align:center; margin-bottom:10px;}
    .footer_area table {width:100%; max-width:none;}
    .footer_area table tr {display:flex; flex-direction:column;}
	.footer_area table tr td:first-child {order:2;}
	.footer_area table tr td {text-align:center;}
	.footer_area table tr td span {display:block;}
	.footer_area table td UL {float:none; margin:auto; display:table; margin-bottom:0;}

    img.overlap-right,img.overlap-left {position:relative; top:initial; bottom:initial; left:initial; right:initial; transform:none;}
    
    table.img_on_right tr {
        display:flex;
        flex-direction:column-reverse;
    }
    table.img_on_right tr td {width:100%!important;}

		.content_area .ives_tab_kosong { max-width:100% !important; }
    .content_area .ives_tab_kosong tr {display:flex; flex-direction:column; width:100%;}

    .ive_quotes {max-width:100%!important;}
    .ive_quotes td {box-sizing: border-box;}
    .content_area IMG {max-width:100%!important; height:initial!important;}
    .content_area iframe,.content_area embed {width:100%!important;}

    .layout-default .content_area, .layout-default_left .content_area {background-color:rgba(255,255,255,0.5); padding:10px; }
}

@media only screen and (max-device-width:625px), only screen and (max-width:625px){

  .lo_main_mid {width:100%; max-width:none;}
  
  .footer_area {width:100%;}

  #_ptod_3037928 .iveo_pipe_pagetree_pinup {width:350px!important;}
  #_ptod_3037928 .iveo_pipe_pagetree_pinup .link_ {font-size:24px; width:150px;}
}

@media only screen and (max-device-width:450px), only screen and (max-width:450px){
.ives_tab_kosong {border-top:none; margin-top:0;}
}

/* -- 2022-04-29 HL -- */
.masthead_area .cart-button span.incart {
    text-indent: 0;
    position: absolute;
    font-size: 11px;
    color: #fff;
    background-color: #787351;
    z-index: 100;
    top: 5px;
    right: 0;
    padding: 2px 5px;
    box-sizing: border-box;
    border-radius: 100%;
    transform: translate(50%,-50%);
}
  
.membership-booking-wrapper .user-dashboard-tabs UL LI,.membership-booking-wrapper .user-dashboard-tabs UL LI:hover, .membership-booking-wrapper .user-dashboard-tabs UL LI:hover *, .membership-booking-wrapper .user-dashboard-tabs UL LI.active, .membership-booking-wrapper .user-dashboard-tabs UL LI.active * {font-size:16px!important;}

.manage-programme-listing { overflow:auto; }