@charset "utf-8";

/** convenience */
.info-box			 { margin: 30px 10px;    padding: 30px 15px 30px 0;    box-shadow: 1px 1px 3px #ddd;    clear: both;    overflow: hidden;}
div.pdf-icon p		 { display: table-cell; vertical-align: middle; padding-right: 10px; }    
.pdf-icon a			 { font-weight: bold; color:#b80924;}
.pdf-icon a:hover	 {color:#0d2d62;}
.aloha-font			{ font-family: "Kaushan Script", cursive;}
.sotm_bg {padding: 45px 0; background: url(/img/design/sotm-bg.png)}

/**  style */
.radius5			 {border-radius: 5px;}
.radius3			 {border-radius: 3px;}
.f_left				 { float: left; }
.f_right			 { float: right;}
.c_both 			{ clear:both;}
.img_left			 { float: left; margin: 0 15px 15px 0;}
.img_right			 { float: right; margin: 0 0 15px 15px;}
.overflow			{ overflow: hidden;}
.list-inline li		 { padding-left: 10px; padding-right: 10px;}
.shadow				 {text-shadow:1px 1px 1px rgba(0, 0, 0, 0.92)}
.box-center			 {padding: 0 !important; }
.text-center-important{ text-align: center !important;}
.text-right-important{ text-align: right !important;}
.dlcaption			{   border-bottom: 1px #ddd solid;    border-top: 1px solid #ddd;    background: #eee;    padding: 4px;    margin-bottom: 12px;    font-size: 1.2em;    font-weight: bold; text-align: center;}
.font-palatino-only {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-variant: small-caps;} 
.font-palatino-only_normal {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-variant: normal;} 
.pm0				{ margin: 0 !important; padding: 0 !important;}
.sub_title			{ font-weight: bold; color: #434345; font-size: 1.3em !important;}
.sub_title:before	{  content: "■ ";}
ul.ul-sotm 			{ padding: 0; list-style-type: none; font-size: 1.5em; font-family: "Times New Roman", Times, "serif"; font-style: italic;}
.readmore			{ display: block; text-align: right;}
.staff_bg			{ white-space: normal; padding: 10px 1px; font-weight: bold; /*margin-top: 20px !important; */ min-height: 275px; font-size: 1.2em;}
.staff_bg p span 	{ font-weight: normal; font-size: .7em; line-height: 1.2em; color: #828282; display: block;}
.just-subline-sm {    position: relative;    height: 1px;    padding: 0;    background: #e5e5e5;    border: none; margin: 5px 0;}
.hawaii_line	{height: 15px; background: url(/img/design/tapa2.svgz) repeat-x 0 0; border: 0;}
.panel-body .h6 { margin-bottom: 0px !important;  margin-top: 0px !important;}
.tab-pane      { margin-top: 2px !important; padding-top: 30px; padding-bottom: 30px;}
.tab-pane a.btn    { text-decoration: none;}
@media (max-width: 768px) {
.nav-pills > li + li {    margin-left: 0px;}
.nav-pills > li {    float: none;    margin-left: 0px;  }
.nav-pills > li > a { border-bottom: 1px solid #bfbfbf;}
  }


.cbp_tmtimeline {	margin: 30px 0 0 0;	padding: 0;	list-style: none;	position: relative;} 
/* The line */
.cbp_tmtimeline:before {	content: '';	position: absolute;	top: 0;	bottom: 0;	width: 10px;	background: #afdcf8;	left: 20%;	margin-left: -10px;}
.cbp_tmtimeline > li {	position: relative;}
/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {	display: block;	width: 25%;	padding-right: 100px;	position: absolute;}
.cbp_tmtimeline > li .cbp_tmtime span {	display: block;	text-align: right;}
.cbp_tmtimeline > li .cbp_tmtime span:first-child {	font-size: 1.2em;	color: #bdd0db;}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {	font-size: 2.9em;	color: #3594cb;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {	color: #6cbfee;}
/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {	margin: 0 0 15px 25%;	background: #3594cb;	color: #fff;	padding: 2em;	font-size: 1.2em;	font-weight: 300;	line-height: 1.4;	position: relative;	border-radius: 5px;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {	background: #6cbfee;}
.cbp_tmtimeline > li .cbp_tmlabel h2 { 	margin-top: 0px;	padding: 0 0 10px 0;	border-bottom: 1px solid rgba(255,255,255,0.4);}
/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {	right: 100%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-right-color: #3594cb;	border-width: 10px;	top: 10px;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {	border-right-color: #6cbfee;}
/* Example Media Queries */
@media screen and (max-width: 65.375em) {	.cbp_tmtimeline > li .cbp_tmtime span:last-child {		font-size: 1.5em;	}}
@media screen and (max-width: 47.2em) {
.cbp_tmtimeline:before { display: none;	}
.cbp_tmtimeline > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0;	}
.cbp_tmtimeline > li .cbp_tmtime span { text-align: left;	}
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size: 95%;	}
.cbp_tmtimeline > li .cbp_tmlabel:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #3594cb; top: -20px;	}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: transparent; border-bottom-color: #6cbfee;	}
}

/** margin padding */
.box-pading-big		 { padding: 5% 10% !important;}
.block-margin10		 { display: block; margin: 10px 10px 20px 10px !important;}
.p-top-0		 	{ padding-top: 0 !important;}

/** size */
.span-small-font	{ font-weight: normal; display: inline-block;}
.big-c-title		{ text-align: center; width: 100%; font-weight: bold; color: #ff8f00;}   
.h-sub				{ display: block; color: #9c9c9c; font-weight: normal; padding-left: 16px; padding-top: 2px; font-style: italic; font-size: .9em;}
.font-s8			{ font-size: .8em !important;}
.font-12			{ font-size: 1.2em !important;}
.font-13			{ font-size: 1.3em !important;}
.font-15			{ font-size: 1.5em !important;}
.font-20			{ font-size: 2em !important;}
.font-w				{ font-weight: bold;}
.italic				{ font-style: italic;}
/** coler */
.iiered				{ color: #bb0d25 !important;}
.red				{ color: #F5094B !important;}
.t-red				{color:#b80924 !important;}
.main-red			{ color: #890013 !important;}
.light-red			{ color: #ba3f67 !important;}
.orange				{color:#FF9A55 !important;}
.blue				{color: #0e0ab7 !important;}
.ligt-blue {color: #3F51B5 !important;}
.light-black        { color: #434345 !important;}
.light-black2      {color: #969292 !important;}
.success_green      { color: #5cb85c !important;}  
.failure_red		{ color: #d9534f !important;}

.box-border			 { padding: 2%; border: solid 1px #CFCFCF; margin: 20px 10px;}
.box-border2			 { padding: 5%; border: solid 1px #CFCFCF; margin: 20px 10px;}
.bg-blue			 { background: #effdff !important;}
.bg-yellow			 { background: #fffedd !important;}
.box-white			 { padding: 2%;}
.box-blue			 { padding: 2%; background-color: #2c5dcc;}
.box-green			 { padding: 2%; background-color: #38a71c;}
.box-orange			 { padding: 2%; background-color: #FF9900;}
.box-yellow			 { padding: 2%; background-color: #fffedd;}
.box-red			 { padding: 2%; background-color: #ffe4dd;}
.box-lightblue		 { padding: 2%; background-color: #effdff;}
.box-white			 { padding: 2%; background-color: #FFFFFF;}
.white-bold			 { font-weight: 700; color: #ffffff;}
.promotion_red		 {color: white; background: #f5094b;	font-size: 1.3em;	text-align: center;	font-weight: bold; padding:5px; margin: 20px 0; }

/** social */
.youtube			 {  position: relative;  width: 100%;  padding-top: 56.25%;}
.youtube iframe 	 {  position: absolute;  top: 0;  right: 0;  width: 100% !important;  height: 100% !important;}
.partner-logo		 { margin: 0 auto;}
.partner-logo img:not(:first-child) { margin-left: 15px; }
.partner-logo img { margin-top: 15px; }
footer .ggmap		 {padding-bottom: 26%}
.ggmap				 {position: relative; padding-top: 30px;height: 0;overflow: hidden;} 
.ggmap iframe,
.ggmap object,
.ggmap embed 		{position: absolute;top: 0;left: 0;width: 100%;}
.g_maph100              {position: relative;padding-top: 100%;height: 0;overflow: hidden;}
.g_maph100 iframe       {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.anchorlink			 {position: relative; top: -120px; display: block;}
.btn-tag			 { cursor: pointer; color: #fff; background-color: #b80924; border-color: #b80924; border-radius: 9px; border-radius: 5px; min-width: 55px;}
.btn-tag:hover		 { color: #fff;} 
.btn-non			 { cursor: pointer; color: #fff; background-color: #ddd; border-color: #ddd; border-radius: 9px; border-radius: 5px; min-width: 55px;}
.btn-non:hover		 { color: #fff;} 


.btn-pnk			 { cursor: pointer; color: #fff; background-color: #f173ac; border-color: #f173ac; border-radius: 9px; border-radius: 5px; min-width: 55px; padding: 0px 8px !important; font-size: 13px !important;}
.btn-pnk:hover		 { color: #fff;}

.btn-ble			 { cursor: pointer; color: #fff; background-color: #33a3dc; border-color: #33a3dc; border-radius: 9px; border-radius: 5px; min-width: 55px;padding: 0px 8px !important; font-size: 13px !important;}
.btn-ble:hover		 { color: #fff;}

.btn-grn			 { cursor: pointer; color: #fff; background-color: #4ab969; border-color: #4ab969; border-radius: 9px; border-radius: 5px; min-width: 55px;padding: 0px 8px !important; font-size: 13px !important;}
.btn-grn:hover		 { color: #fff;}


h1.breadcurmbs_title{ font-size: 30px; text-transform: uppercase; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; margin-bottom: 0;}
h3.font-palatino	 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #999; font-variant: small-caps;}
.footer-rainbow		{ padding-top: 1.5%;    background: url(/img/design/bg-rainbow.png) 0 0 no-repeat;	background-size: contain;}
ul strong,
p strong 			 { color: #000000; font-style: italic; font-size: 1.1em; padding: 0 3px; }
ul.ul a 			 {  text-decoration: underline;}
p a 				{ font-style: italic; text-decoration: underline; font-weight: bold; }
dd a 				{ text-decoration: underline; }
ul.table_ul_bold 	{ font-weight: bold; padding-bottom: 40px; color: #2D2E2E; font-style: italic;}
ul.table_ul_bold strong { color: #FF8F2D; font-size: 1.2em;}
ul.table_ul_remarks { list-style: none; text-align: right; }
ul.table_ul_remarks li:before{content: "- ";}
.table > thead.tbl_red > tr > th { background: #b31e3f;}
.table-striped > tbody.tbl_red > tr:nth-of-type(odd) { background: #ffe9ee;}
.table-hover > tbody.tbl_red > tr:hover {background-color: #e6efff;}

/*ul.schoolnews { list-style: none;    margin: 0 5px 0 5px; text-align: left; padding: 0 !important; font-family: "Merriweather", "Times New Roman", Times, serif;}*/
ul.schoolnews { list-style: none;    margin: 0 5px 0 5px; text-align: left; padding: 0 !important; font-family: "adelle-sans", sans-serif;}
ul.schoolnews li {border-bottom: 1px solid #ddd;}
ul.schoolnews li a {display: block;    padding: 12px 0;    overflow: hidden; font-size: 16px; color: #b80924; font-weight: bold;}
ul.schoolnews li a:hover { color:#0d2d62;}
ul.schoolnews li a .newsdate {    display: block;    color: #999;    font-size: .8em;    font-weight: normal;    text-transform: uppercase;}

ol.bigmargin > li { margin-bottom: 15px;}
ol.bigmargin  p { margin-top: 15px;}
ol.bigmargin ul { margin-top: 10px !important;}
footer{    box-shadow: 0 0 6px #999;}
.flex_162 { height: 162px;	display: flex;	align-items: left; justify-content: center; flex-direction:column; }
.flex_162 p { margin: 0 !important;}

.instagram			{ overflow: hidden;}
.instagram-image	{ width:87px; height:87px; float: left; margin: 2px !important;}
.topinsta .instagram-image	{ width:100px; height:100px; float: left; margin: 4px !important;}
.insta-nomargin .instagram-image	{ width:81px; height:81px; float: left; margin: 0 !important; }	
.small_gallery img { margin: 5px 5px 0 0; width: 47%;}

@media screen and (min-width: 768px) {
.insta-nomargin .instagram-image	{ width:117px; height:117px; }
.g_maph-sm-25              {position: relative;padding-top: 25%;height: 0;overflow: hidden;}
.g_maph-sm-25 iframe       {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.small_gallery img { width: 30%;}
}
@media screen and (min-width: 992px) {
.insta-nomargin .instagram-image	{ width:128px; height:128px; }
.small_gallery img { width: 23%;}
}

@media screen and (max-width: 479px) {
[class*='cell-xxs-'] {    min-height: 100px;;  }	
.range > .cell-xxs-1 {    -webkit-flex-basis: 8.33333%;     -ms-flex-preferred-size: 8.33333%;     flex-basis: 8.33333%;     max-width: 8.33333%; float: left; margin: 0 !important; }
.range > .cell-xxs-3 {    -webkit-flex-basis: 25%;    -ms-flex-preferred-size: 25%;    flex-basis: 25%;    max-width: 25%; float: left; margin: 0 !important;}
.range-xxs-center {    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center; margin: 30px 0 !important; overflow: hidden;}	

}