/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*******************************************************************/
.event{
	font-size: 14px;
    line-height: 18px;
	margin: 10px 0;
    border-bottom: 1px solid #bebebe;
}
.event-cap{
	width: 20%;
    padding: 0;
	position: relative;
    float: left;
    min-height: 1px;
	margin-top:10px;
}
.event .event-cap .month{
    background: #f4683d;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px 0;
    font-size: 16px;
    line-height: 18px;
	text-align: center;
}
.event .event-cap .date {
    color: #f4683d;
    font-size: 25px;
	font-weight:bold;
    line-height: 36px;
    padding: 9px 0;
    border-bottom: 4.5px solid #404040;
	text-align: center;
}
.event .event-detail {
    width: 80%;
    padding-left: 15px;
}
.event .event-detail:after, .event .event-detail:before, .event>a:after, .event>a:before {
    content: " ";
    display: table;
}
.box-height {
    overflow: hidden;
  /*height: 80.09px;*/
}
.box-height>:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
	padding-bottom:5px;
}
.event h4 {
    margin-top: 4.5px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    color: #f4683d;
    margin-bottom: 8px;
}
.event p{
margin-bottom: 10px;
}
.event .more-link, .event .more-link:active, .event .more-link:focus, .event .more-link:hover {
    border-color: transparent;
}
.event .more-link {
    float: right!important;
    display: inline-block;
    margin-bottom: 5px;
    color: #f4683d;
    cursor: pointer;
    font-size: 13px;
    line-height: 13.5px;
    text-align: right;
}
.event .more-link:hover {
    color: #333333;
	text-decoration:underline;
}
/*******************************************************************/

.imgtransparent
{
opacity:1.0; /* ค่าความจาง */
filter:alpha(opacity=100); /* สำหรับ IE8 ขึ้นไป */
}
.imgtransparent:hover
{
opacity:0.6; /* ค่าความจาง */
filter:alpha(opacity=60); /* สำหรับ IE8 ขึ้นไป */
}

/*******************************************************************/

/*Contact Box
==================================================*/

.contact-boxde{
	margin:0px 0 0 14px;
	max-width:100%;
	float:right;
	font-size:12px;
	color:#333;
	margin-bottom: 50px;
	line-height:1.6;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.contact-boxde .header{
	float:left;
	width:100%;
	padding:8px 20px;
	background:#ef4a22;
	color:#fff;
	font-size:14px;
	margin-bottom:15px;
	margin-top: 20px;
	font-weight: bold;
	text-transform:capitalize;
	text-align: center;
}

.contact-boxde .text{
	padding:8px 20px;
	line-height: 1.8;
}
/*******************************************************************/

/*---------------------------------------------*/

.event-box {
    border: 2px solid #ff6600;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    clear: both;
}
.event-box-head {
    background-color: #ff6600;
    color: #fff;
	padding: 0.5em 1em;	
	display: block;
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 20px;
}

.event-box-detail{
	margin-top:10px;
}

.event-box-detail input {
    width: 100%;
}

.event-box-detail ul{
margin-left: 10px;
}

.event-box-detail ul li{
	font-size:14px;
	display:block;
	margin-bottom:10px;
	padding-left: 50px;
	clear:both;
	line-height:normal;
}

.event-box-detail ul li h5 {
    color: #ff6600;
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
}

.event-box-detail ul li.calendar{background:url("http://www.northamericastudy.com/wp-content/uploads/2018/02/icon-calendar.png") left center no-repeat;}
.event-box-detail ul li.clock{background:url("http://www.northamericastudy.com/wp-content/uploads/2018/02/icon-clock.png") left center no-repeat;}
.event-box-detail ul li.location{background:url("http://www.northamericastudy.com/wp-content/uploads/2018/02/icon-location.png") left center no-repeat;}
.event-box-detail ul li.line{background:url("http://www.northamericastudy.com/wp-content/uploads/2018/02/icon-line.png") left center no-repeat;}
.event-box-detail ul li.phone{background:url("http://www.northamericastudy.com/wp-content/uploads/2018/02/icon-phone.png") left center no-repeat;}

/*---------------------------------------------*/

.p-heading {
  padding: 0;
  margin: 0px 0px 10px 0px;
  font:17px;
  font-weight:bold;
  border-bottom: 1px solid #00746b;
  color: #00746b;
}
.main-heading {
  padding: 0;
  margin: 0px 0px 10px 0px;
  font:18px;
  font-weight:bold;
  border-bottom: 1px solid #F60;
  color: #333333;
}
.purple-heading {
  padding: 0;
  margin: 0px 0px 10px 0px;
  font:17px;
  font-weight:bold;
  border-bottom: 1px solid #993399;
  color: #993399;
}
.orange-heading {
  padding: 0;
  margin: 0px 0px 10px 0px;
  font:17px;
  font-weight:bold;
  border-bottom: 1px solid #E75F03;
  color:#FF6600;
}
.blue-heading {
  padding: 0;
  margin: 0px 0px 10px 0px;
  font:17px;
  font-weight:bold;
  border-bottom: 1px solid #003399;
  color:#003399;
}
.teal-heading {
  padding: 0;
  margin: 0px 0px 10px 0px;
  font:17px;
  font-weight:bold;
  border-bottom: 1px solid #007385;
  color:#007385;
}
.b-heading{
	border-left-style:solid;
	border-left-width:7px;
	border-left-color:#48b2b0;
	padding-left:16px;
	margin-bottom:10px;
	margin-right:10px;
	font-size: 16px;
	font-weight:bold;
	color:#F60;
    line-height: 1.5em;
}
.b2-heading{
	border-left-style:solid;
	border-left-width:7px;
	border-left-color:#009de0;
	padding-left:16px;
	margin-bottom:10px;
	margin-right:10px;
	font-size: 18px;
	font-weight:bold;
	color:#009de0;
    line-height: 1.5em;
}
.b3-heading{
	border-left-style:solid;
	border-left-width:7px;
	border-left-color:#df4f74;
	padding-left:16px;
	margin-bottom:10px;
	margin-right:10px;
	font-size: 18px;
	font-weight:bold;
	color:#df4f74;
    line-height: 1.5em;
}
.b4-heading{
	border-left-style:solid;
	border-left-width:7px;
	border-left-color:#4f9624;
	padding-left:16px;
	margin-bottom:10px;
	margin-right:10px;
	font-size: 18px;
	font-weight:bold;
	color:#4f9624;
    line-height: 1.5em;
}
.b5-heading{
	border-left-style:solid;
	border-left-width:7px;
	border-left-color:#065f89;
	padding-left:16px;
	margin-bottom:10px;
	margin-right:10px;
	font-size: 18px;
	font-weight:bold;
	color:#065f89;
    line-height: 1.5em;
}
.b6-heading{
	border-left-style:solid;
	border-left-width:7px;
	border-left-color:#ed291a;
	padding-left:16px;
	margin-bottom:10px;
	margin-right:10px;
	font-size: 18px;
	font-weight:bold;
	color:#ed291a;
    line-height: 1.5em;
}
.bg_green{
	background-color:#eaf7f0;
	padding-right: 20px;
}
.border_gray{
	padding: 10px 10px 5px 10px;
	border: solid 1px #CCCCCC;
} 

.heading-gray-orange{
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#363636;
	padding-left:12px;
	margin-bottom:10px;
	margin-right:10px;
	font-size: 18px;
	font-weight:bold;
	color:#ef4a23;
	line-height: 1.5em;
}

/*---------------------------------------------*/

table.sample11 {
	border-spacing: 0px;
	border-style: outset;
	border-collapse: collapse;
	border-color:#666666;
	border:solid;
	border-width:1px;
}
table.sample11 td {
	border-style: inset;
	-moz-border-radius: 0px 0px 0px 0px;
	border:solid;
	border-color:#666;
	border-width:1px;
	padding:5px 10px;
	text-align: left;
	vertical-align: top;
}
table.sample12 {
	border-spacing: 0px;
	border-style: outset;
	border-collapse: collapse;
	border-color:#333333;
	border:solid;
	border-width:1px;
}
table.sample12 th {
	border-style: inset;
	-moz-border-radius: 0px 0px 0px 0px;
	border:solid;
	border-color:#666666;
	background:#339999;
	color:#FFFFFF;
	border-width:1px;
	padding:5px 10px;
	text-align: center;
	vertical-align:middle;
}
table.sample12 td {
	border-style: inset;
	-moz-border-radius: 0px 0px 0px 0px;
	border:solid;
	border-color:#333333;
	border-width:1px;
	padding:3px 10px;
	text-align: left;
	vertical-align: top;
}

/*---------------------------------------------*/

ul.vert-usa{margin:0;padding:0;list-style-type:none;display:block;
font:13px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:100%;}

ul.vert-usa li{margin:0;padding:0;border-top:1px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;}

ul.vert-usa li a{display:block;text-decoration:none;color:#ff6633;
background:#FFFFFF left no-repeat url("http://www.northamericastudy.com/wp-content/uploads/2015/01/dot.png"); 
	padding:0px 0px 0px 18px; 
	width:100%;}

ul.vert-usa li a:hover{color:#ff5500;
background:#fce4cb url("http://www.northamericastudy.com/wp-content/uploads/2015/03/d2.png") left no-repeat;}

ul.vert-usa li a.current,ul.vert-usa li a.current:hover{
background:#FFFFFF url("http://www.northamericastudy.com/wp-content/uploads/2015/01/dot.png") left no-repeat;}

/*---------------------------------------------*/

/*
==============================================
orange 
==============================================
*/

ul.moredetail{margin:0; padding: 10px 0px 0px 0px;list-style-type:none;display:block;
font:13px Tahoma, Tahoma, sans-serif;line-height:165%;
width:100%;}

ul.moredetail li{margin:0;padding:0;border-top:1px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;}

ul.moredetail li a{display:block;text-decoration:none;color:#ff6633;
background:#FFFFFF left no-repeat url("http://www.northamericastudy.com/wp-content/uploads/2015/03/d4.png"); padding:3px 0px 3px 25px; width:98%;}

ul.moredetail li a:hover{color:#ff5500;
background:#fce4cb url("http://www.northamericastudy.com/wp-content/uploads/2015/03/d4.png") left no-repeat;}

ul.moredetail li a.current,ul.moredetail li a.current:hover{
background:#FFFFFF url("http://www.northamericastudy.com/wp-content/uploads/2015/03/d4.png") left no-repeat;}

/*---------------------------------------------*/

table.border-none {
	border-width: 0px;
	border-spacing: 0px;
	border-style: outset;
	border-collapse: collapse;
}

table.border-none th {
	border-width: 0px;
	padding: 0px;
	border-style: inset;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.border-none td {
	border-width: 0px;
	padding: 0px;
	border-style: inset;
	-moz-border-radius: 0px 0px 0px 0px;
}

/*---------------------------------------------*/

a.btn-line {
    position: fixed;
    bottom: 15px;
    right: 30px;
    background: #00c300;
    padding: 10px 30px 10px 30px;
    border-radius: 5px;
    color: #FFF;
    z-index: 9999999;
    font-size: 18px;
}

/*---------------------------------------------*/

table.line-head {
	border-bottom: 0px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-collapse: collapse;
}

table.line-head th {
	background:url(https://www.northamericastudy.com/wp-content/uploads/2019/07/bg.png);
	border:solid #ececec 1px;
	border-style: inset;
	padding: 8px 10px;
	text-align:center;
	color: #ffffff;
	font-weight:bold;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size:14px;
}

table.line-head td {
	border:solid #ececec 1px;
	padding: 5px 10px;
	-moz-border-radius: 0px 0px 0px 0px;
}

/*---------------------------------------------*/

table.tb-orange {
	border-bottom: 0px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	border-collapse: collapse;
}

table.tb-orange th {
	border-style: inset;
	-moz-border-radius: 0px 0px 0px 0px;
	border:solid #ffffff 1px;
	background:#ef4a23;
	color:#FFFFFF;
	padding:8px 10px;
	text-align: center;
	vertical-align:middle;
}

table.tb-orange td {
	border-:solid #0071AE 1px;
	padding: 5px 10px;
	-moz-border-radius: 0px 0px 0px 0px;
}

/*---------------------------------------------*/

ul.u-desc {
    list-style-type: none;
    padding: 5px 0 0 0;
    margin: 0px;
}

ul.u-desc li {
    background-repeat: no-repeat;
    background-position: 10px 0px;
    padding: 5px 0px 0px 0px;
    font-size: 16px;
    vertical-align: baseline;
    list-style-type: none;
    margin-left: -5px;
}

ul.u-desc li h4{
    font-size: 16px;
    color: #ef4a23;
    margin: 0px;
    font-weight: normal;
}

ul.u-desc li p{
    font-size: 16px;
    color: #666666;
    text-align: left;
}

ul.u-desc  p{
    margin: 0 0 10px;
text-align: left;
color: #666;
font-size: 14px;
}

ul.u-desc li.type{background:url("https://www.northamericastudy.com/wp-content/uploads/2020/05/icon-a1.png") left center no-repeat;}
ul.u-desc li.found{background:url("https://www.northamericastudy.com/wp-content/uploads/2020/05/icon-a2.png") left center no-repeat;}
ul.u-desc li.accredit{background:url("https://www.northamericastudy.com/wp-content/uploads/2020/05/icon-a3.png") left center no-repeat;}
ul.u-desc li.hat{background:url("https://www.northamericastudy.com/wp-content/uploads/2020/05/icon-a4.png") left center no-repeat; padding-top: 5px; padding-left: 40px;}
ul.u-desc li.review{background:url("https://www.northamericastudy.com/wp-content/uploads/2020/05/icon-a5.png") left center no-repeat; padding-top: 5px; padding-left: 40px;}
ul.u-desc li.location{background:url("https://www.northamericastudy.com/wp-content/uploads/2020/06/icon-a6.png") left center no-repeat; padding-top: 5px;}

.u-block{
  padding: 25px 0 0 0;
}

.u-block .title{
margin: 0;
padding: 0;
}

.u-block .u-title{
font-size: 20px;
text-align: center;
color: #333333;
}

.u-block p{
margin: 0px;
text-align: center;
color: #333;
font-size: 18px;
}

.u-block h1{
margin: 5px 0px;
}

.u-block .u-row{
    display: flex;
}

.u-block .u-column{
    flex: 40%;
    padding: 10px 0px 0px 40px;
}

.u-block .u-column-last{
    flex: 60%;
    padding: 10px 0px 3px 10px;
}

.acc{
margin: 0px;
text-align: left;
color: #666;
font-size: 10px;
}

/*---------------------------------------------*/

.u-head{
font-weight: 500;
font-size: 22px;
color: #333;
line-height: 1.5;
border-bottom: 1px solid #e8e8e8;
}


.heading-orange{
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#ef4a23;
	padding-left:10px;
	margin-bottom:10px;
	margin-right:10px;
	font-size: 18px;
	color:#333333;
	line-height: 1.5em;
}

/*---------------------------------------------*/

.home-thumb {
  position: relative;
  width: 100%;
}

.home-thumb img {
  width: 100%;
  height: auto;
}

.home-thumb .btn {
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 100%;
/*  top: 80%;*/
/*  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);*/
  background-color: rgba(0,0,0,0.5);
  color: #FFF;
  font-size: 18px;
  padding: 5px 5px;
/*  border: 4px solid #FFF;*/
  cursor: pointer;
  text-align: center;
  border-radius: 0px;
}

.home-thumb .btn:hover {
  color: #FFFFFF;
  background-color: #ef4a22;
}

/*-------------------------------------------------*/

.enquiry-box{
/*background: none;*/
margin: 0px;
color: #363636;
font-family: "Prompt", sans-serif;
border: 2px solid #ef4a22;
}

.enquiry-box h1{
margin: 0px;
color: #ef4a22;
}

.enquiry-box h4{
color: #363636;
}

.enquiry-box select{
border: 1px solid #EFEFEF;
padding: 5px 0px;
}

@media screen and (min-width: 501px) {
.enquiry-box{
padding: 35px 50px 15px 50px;
}

.enquiry-box h1{
font-size: 32px;
line-height: 25px;
}

.enquiry-box h4{
font-size: 25px;
}
}

@media screen and (max-width: 500px) {
.enquiry-box{
padding: 30px 20px;
}

.enquiry-box h1{
font-size: 30px;
}

.enquiry-box h4{
font-size: 25px;
}
}

input[type="submit"]{
	margin-top:15px;
	border-radius: 0px;
	background: #ef4a22;
	border: 2px solid #ef4a22;
	}
input[type="submit"]:hover {
    background: none;
    color: #ef4a22;
    border: 2px solid #ef4a22;
}

.label-text{
margin: 10px 0px 5px 0px;
font-size: 16px;
}

/*-------------------------------------------------*/

.uni-box {
  color: #333333;
  cursor: pointer;
  position:relative;
  width: 33%;
  float: left;
  padding-bottom: 10px;
}

.uni-box:hover{
opacity:0.6; 
}

.linkSpanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}   

.U-name{
font-size: 18px;
font-weight: bold;
font-variant-caps: all-petite-caps;
line-height: 1.2;
}
.U-type{
font-size: 16px;
}

.u-main{
  float: left;
  width: 65%;
  padding-top: 10px;
}
.u-logo{
  float: left;
  width: 25%;
}

@media screen and (min-width: 769px) {
.uni-box {
 height: 120px;
}
}

@media screen and (min-width: 501px) and (max-width: 768px) {
.uni-box {
 width: 50%;
 height: 120px;
}
}

@media screen and (max-width: 500px) {
.uni-box {
 width: 100%;
 margin-left: 0;
}
.u-main{
  width: 75%;
 padding-top: 20px;
}
.u-logo{
  width: 25%;
}
}

/*-------------------------------------------------*/

.u-book-box {
  color: #333333;
  position:relative;
  width: 100%;
  float: left;
  padding-bottom: 10px;
}

.u-book-name{
font-size: 40px;
font-weight: bold;
font-variant-caps: all-petite-caps;
line-height: 0.8;
color: #ef4a22;
}
.u-book-type{
font-size: 18px;
}
.u-book-rep{
font-size: 14px;
}

.u-book-main{
  float: left;
  width: 65%;
}
.u-book-logo{
  float: right;
  width: 25%;
}

/*-------------------------------------------------*/

.appointment-box {
  position:relative;
  width: 100%;
  float: left;
}

.appointment-ref-pic{
  float: right;
  width: 25%;
}
.appointment-data{
  float: left;
  width: 65%;
}

@media screen and (max-width: 500px) {
.appointment-ref-pic{
  width: 100%;
}
.appointment-data{
  float: right;
  width: 100%;
}
}

/*---------------------------------------------*/

table.uni_list {
	border: none;
	border-collapse: collapse;
}

table.uni_list th {
	border-bottom:solid #ececec 2px;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-style: inset;
	padding: 5px 10px;
	text-align:center;
	color: #666666;
	font-weight:bold;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size:14px;
}

table.uni_list td {
	border-bottom:solid #ececec 1px;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	padding: 5px 10px;
	-moz-border-radius: 0px 0px 0px 0px;
}

/*---------------------------------------------*/