/* 
> ----------------------------------------------------------
> littlestyle.css - littlecanvas.com.au
> ----------------------------------------------------------
> version 3.5 
> Date: 22 Feb 2021
> Little Canvas - Creative art activities for moms and kids
> © Copyright 2017-2021. All Right Reserved.
> This CSS file is designed for littlecanvas.com.au only.
> No other use is allowed.
> SaMmm.S@gmail.com.
> ----------------------------------------------------------
*/

/* ============================== DEFAULT HTML ============================== */
@import "https://fonts.googleapis.com/css?family=Roboto|Montserrat|Gloria+Hallelujah|Marck+Script|Caveat|Indie+Flower";

html, body {
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
body {
	color: #7b7b7b;
	font-size: 20px;
	font-weight: 400;
	overflow-x: hidden;
	position: relative;
	font-family: 'Roboto', sans-serif;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main { 
    display: block;
}
hr {
	border-left: none;
	border-right: none;
    border-top: 1px solid #E5E5E5;
    color: #F4F4F4;
    margin: 20px 0;
    padding: 0;
}
/* =============== DEFAULT HTML - LINK STYLES =============== */
a {
	text-decoration:none;
	outline: none;
	color: #f7941e;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}
a:hover {
	text-decoration:none;
	color: #f7941e;
	font-weight:600;
}
a:active {
	text-decoration: none;
}
a:focus {
	outline: none;
}
a img {
	border: none;
}
a[class*="glyphicon-"] {
	text-decoration: none;
}

a[class*="taPink"], a:hover[class*="taPink"] {
	color: #f07ba9;
}
/* =============== DEFAULT HTML - HEADING STYLES =============== */
h1, h2, h3, h4, h5, h6 {
	margin: 5px 0 10px;
	color: #7b7b7b;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	margin-top:20px;
}
h1, h2 {
	font-weight: 500;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
	font-weight: 300;
	margin: 20px 0 2px 0;
}


/* =============== DEFAULT HTML - LIST STYLES =============== */
ul, ul li,
ol, ol li,
p, form, input {
	margin: 0;
	padding: 0;
}
p {
	padding-bottom: 20px;
}
ul, ul li {
	list-style: circle;
}
/* =============== DEFAULT HTML - IMAGES STYLES =============== */
img {
	border: none;
	max-width: 100%;
}
img.image-left {
	float: left;
	margin-right: 5px;
}
img.img-full-width {
	width: 100%;
}

table {
	width:100%;
	border:none;
	margin:0 auto;
	vertical-align:central;
	text-align:center;
}


form {
	width: 85%;
	border: 1px;
	border-radius: 20px;
	margin: 0 auto;
	align-content: center;
}

label {
	margin: 2px 10px 3px 5px;
	font-family: Roboto;
	font-weight: bold;
	font-size: 0.7em;
}

/* =============== PREDEFINED CONTENT ALIGN =============== */
.margin-left {
	margin-left: 1em !important;
	margin-right: 0;
}
.margin-right {
	margin-left: 0;
	margin-right: 1em !important;
}



/* ====================== OTHER DEFINED CLASS ========================= */

.tUp {font-size:1.2em;}
.t2Up {font-size:1.5em;}
.tDown {font-size:0.85em;}
.t2Down {font-size:0.65em;}
.t3Down {font-size: 0.4em;}

.tBold {font-weight:bold;}
.tItalic{font-style:italic;}

.tCap{text-transform:uppercase;}
.tDeCap{text-transform:lowercase;}

.tRoboto{font-family:'Roboto';}
.tMontserrat{font-family:'Montserrat', cursive;}
.tGloria{font-family:'Gloria Hallelujah', cursive;}
.tMarck{font-family:'Marck Script', cursive;}
.tCaveat{font-family:'Caveat', cursive;}
.tIndie{font-family: 'Indie Flower',cursive;}

.tLeft{text-align:left;}
.tCenter{text-align:center;}
.tRight{text-align:right;}

.tWhite{color:#fff;}
.tBlack{color:#000;}
.tGrey{color:#b7b7b7;}
.tDGrey{color:#7b7b7b;}
.tDDGrey{color:#333;}
.tGreen{color:#8cc542;}
.tPurple{color:#b084bb;}
.tYellow{color:#F9D908;}
.tBlue{color:#00a89c;}
.tPink{color:#f07ba9;}
.tOrange{color:#f7941e;}
.tDPink{color:#ec2379;}

.noDisplay{display: none;}
.nShow {
  position:absolute;
  left:-3000px;
  top:-3000px;
}
.row {
	font-size: 1em;
}

.header {
	color:#b7b7b7;
	font-family:"Montserrat";
	font-size:1.9em;
	line-height:1.1;
	text-transform:uppercase;
	margin-top:100px;
	margin-bottom:25px;
}


.lineSolid {border-bottom:#b7b7b7 solid;}
.lineDot {border-bottom:#b7b7b7 thin dotted;}
	
.icon {margin:0px auto 5px auto;}

.indent {
	width: 85%;
	margin: 0 auto;
	padding-bottom: 20px;
	padding-top: 0px;
}

.modal-backdrop {
	opacity:0.5 !important;
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - GENERAL LAYOUT =============== */
.container {
	position: relative;
}
[layout="row"] {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.fsr {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.fg {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.fw {
	flex-wrap: wrap;
}
.verticalStretch {
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
}
.verticalCenter {
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.little-btn {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	text-align: center;
	border: 2px solid #fff;
	font-size: 12px;
	line-height: 100%;
}
.little-btn:hover {
	color: #fff;
}
.bg-white {
	background-color: #fff !important;
}
/* =============== HOVER EFFECT =============== */
.little-hoverEffect {
	text-align: center;
}
.little-hoverEffect .item {
	background: #95e1d3;
	display: inline-block;
}
.little-hoverEffect .item .overlay {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}
.little-hoverEffect .item .overlay:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;	
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
	background: rgba(190, 190, 190, 0.5); /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
	background: -webkit-linear-gradient(top, rgba(190, 190, 190, 0.5), rgba(80, 80, 80, 0.8));
	background: -o-linear-gradient(top, rgba(190, 190, 190, 0.5), rgba(80, 80, 80, 0.8));
	background: linear-gradient(to bottom, rgba(190, 190, 190, 0.5), rgba(80, 80, 80, 0.8)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.little-hoverEffect .item:hover .overlay {
	left: -10px;
	top: -10px;
}
.little-hoverEffect .item:hover .overlay:before {
	opacity: 1;	
}
.little-hoverEffect .content {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	z-index: 1;
	opacity: 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;	
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}
.little-hoverEffect .item:hover .content {
	opacity: 1;
}
/* =============== LAYOUT - HEADER AREA =============== */
#little-header {
	position: relative;
	font-family: 'Montserrat', sans-serif;
	/*background: url(../images/bg-header-1.jpg) no-repeat center center / cover;*/
	
}
#little-header:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(200, 200, 200, 0.6); /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
	background: -webkit-linear-gradient(top, rgba(200, 200, 200, 0.6), rgba(80, 80, 80, 0.8));
	background: -o-linear-gradient(top, rgba(200, 200, 200, 0.6), rgba(80, 80, 80, 0.8));
	background: linear-gradient(to bottom, rgba(200, 200, 200, 0.6), rgba(80, 80, 80, 0.8)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#littleLogo {
	margin:-10px 0 0 -10px;
}

#littleLogoSM {
	display:none;
}

#little-headerInner {
	position: relative;
	z-index: 5;
}
/* =============== INDEX SLIDER =============== */
#bulletin-slider {
		height:auto;
		padding:0;
	}
#bulletin-slider .carousel-inner {
	height: auto;
	margin-top:115px;
}
#bulletin-slider .carousel-inner > .item {
	text-align: center;
	color: #ffffff;
}
#bulletin-slider .carousel-indicators {
	width: 100%;
	left: 0;
	margin: 0;
	position: static;
	margin-top: 100px;
}
#bulletin-slider .carousel-indicators li,
#bulletin-slider .carousel-indicators li.active {
	float: left;
	width: 25%; /* 100/number of item in slider */
	height: auto;
	margin: 0;	
	text-indent: initial;
	border-radius: 0;
	background: none;
	text-align: left;
	border: none;
}
#bulletin-slider .carousel-indicators li .inner {
	border-top: 2px solid #ffffff;
	position: relative;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 8px;
	padding: 12px 0;	
	font-size: 0.9em;
}
#bulletin-slider .carousel-indicators li:hover .inner,
#bulletin-slider .carousel-indicators li.active .inner {
	border-color: #fff;
	color: #fff;
}

#bulletin-slider .carousel-indicators li:hover .inner:after {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	width: 50%;
	height: 2px;
	background: red;
}
	
#bulletin-slider .carousel-indicators li.active .inner:after {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	width: 100%;
	height: 2px;
	background: red;
}
#bulletin-slider .carousel-indicators li .number {
	font-weight: 300;
	margin-right: 4px;
	color:#cfcfcf;
}


/* =============== LAYOUT - MENU AREA =============== */

#little-navbar {
	position:fixed;
	width:100%;
	top:0;
	background: #000;
	border: none;
	border-radius: 0;
	z-index: 6;
	height: 74px;
}

#little-navbar .container {
	margin-top:3px;
}

#little-navbar .navbar-nav > li > a {
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
	padding: 27px 0px 5px 0px;
	margin-left:20px;
	font-size:0.9em;
	line-height:1.1;
}


/*========== start colorful navbar ===========*/


#little-navbar .navbar-nav > .home > a:hover {
	color:#8cc542;
	border-color: #8cc542;
	background: none;
	font-style: normal;
}

#little-navbar .navbar-nav > .about > a:hover {
	color:#b084bb;
	border-color: #b084bb;
	background: none;
}
	

#little-navbar .navbar-nav > .classes > a:hover {
	color:#fede12;
	border-color: #fede12;
	background: none;
}	
	

#little-navbar .navbar-nav > .party > a:hover {
	color:#00a89c;
	border-color: #00a89c;
	background: none;
}
	

#little-navbar .navbar-nav > .galleries > a:hover {
	color:#00a89c;
	border-color: #00a89c;
	background: none;
}


#little-navbar .navbar-nav > .testimonials > a:hover {
	color:#f07ba9;
	border-color: #f07ba9;
	background: none;
}	


#little-navbar .navbar-nav > .faq > a:hover {
	color:#f7941e;
	border-color: #f7941e;
	background: none;
}


#little-navbar .navbar-nav > .contact > a:hover {
	color:#ec2379;
	border-color: #ec2379;
	background: none;
}

#little-navbar .navbar-nav > .active > a, 
#little-navbar .navbar-nav > .active > a:hover {
	background: none;
	font-weight: bold;
	font-size: 1.03em;
	margin-top: -2px;
}

#little-navbar .navbar-nav > .active.home > a, 
#little-navbar .navbar-nav > .active.home > a:hover {
	color:#8cc542;
}

#little-navbar .navbar-nav > .active.about > a, 
#little-navbar .navbar-nav > .active.about > a:hover {
	color:#b084bb;
}

#little-navbar .navbar-nav > .active.classes > a, 
#little-navbar .navbar-nav > .active.classes > a:hover {
	color:#fede12;
}

#little-navbar .navbar-nav > .active.party > a, 
#little-navbar .navbar-nav > .active.party > a:hover {
	color:#00a89c;
}

#little-navbar .navbar-nav > .active.testimonials > a, 
#little-navbar .navbar-nav > .active.testimonials > a:hover {
	color:#f07ba9;
}

#little-navbar .navbar-nav > .active.faq > a, 
#little-navbar .navbar-nav > .active.faq > a:hover {
	color:#f7941e;
}

#little-navbar .navbar-nav > .active.contact > a, 
#little-navbar .navbar-nav > .active.contact > a:hover {
	color:#ec2379;
}
/* ======== end colorful navbar ======== */	




#little-navbar .little-menuItem {
	vertical-align:middle;
	text-align:center;
	margin-right:175px;
	padding:0;
}

#little-navbar .little-iconsGroup {
		position: absolute;
		right: 0px;
		top: 20px;
	}
	

#little-navbar .little-iconsGroup li a {
	border: none;
}
#little-navbar .navbar-toggle {
	margin: 20px 0 0 0;
	border: none;
}
#little-navbar .navbar-toggle:hover,
#little-navbar .navbar-toggle:focus {
	background: #1a1a1a;
}
#little-navbar .navbar-toggle .icon-bar {
	background: #e0e0e0;
}



/* ----------- FIXED NAVBAR WITH ANIMATE ----------- */
.little-fixed-nav #little-navbar {
	position: fixed;
	top: 0;
	left: 0;
    width: 100%;
    background: rgba(180, 180, 180, 0.96);
    z-index: 2;
    -webkit-animation-duration: .5s;
    		animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    		animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    		animation-name: fadeInDown;
}
.little-fixed-nav #little-navbar .navbar-nav > li > a {
	border: none;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
/* =============== LAYOUT - CONTENT AREA =============== */
section {
	padding: 20px;
}

#bulletinBoard {
	margin-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

#bulletinBoard .container {
	padding-left: 0px;
	padding-right: 0px;
}

#bulletin-slider .little-sectionHeading {
	font-size: 3.85em;
	font-weight:600;
	color: #fff;
	line-height:1;
	margin-top: 0;
	padding-top:0;
}
#bulletin-slider .little-sectionHeading .little-subHeading {
	font-size: 0.86em;
}
#bulletin-slider .little-sectionHeading:after {
	background: none;
}

.little-sectionHeading .little-subHeading {
	display: block;
	text-transform: none;
	font-weight: 400;
	font-family: 'Gloria Hallelujah', cursive;
	line-height:1.7;

}
.little-sectionDesc {
	text-align: center;
	max-width: 750px;
	margin: 0 auto 40px;
}
#leftControl, #rightControl {
	margin:0px 0 90px 0;
	background:none;
}

/* =============== All Banners =============== */
.banner {
	font-size:2em;
}

.bannerWrap {
	width:100%;
	font-family:"Gloria Hallelujah";
	color:#fff;
	text-align:center;
	line-height:1.4;
	padding-bottom:40px;
	padding-top:40px;
	margin-bottom:0;
	margin-top:50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	}

#bannerI0{
	background-image: url(../images/banner/index-0.jpg);
}
#bannerI1{
	background-image: url(../images/banner/index-1.jpg);
}
#bannerI2{
	background-image: url(../images/banner/index-2.jpg);
}
#bannerI3{
	background-image: url(../images/banner/index-3.jpg);
}
#bannerI4{
	background-image: url(../images/banner/index-4.jpg);
}
#bannerI5{
	background-image: url(../images/banner/index-5.jpg);
}
#bannerI6{
	background-image: url(../images/banner/index-6.jpg);
}
#bannerI7{
	background-image: url(../images/banner/index-7.jpg);
}
#bannerA0{
	background-image: url(../images/banner/about-0.jpg);
}
#bannerA1{
	background-image: url(../images/banner/about-1.jpg);
}
#bannerA2{
	background-image: url(../images/banner/about-2.jpg);
}
#bannerCl0{
	background-image: url(../images/banner/class-0.jpg);
}
#bannerCl1{
	background-image: url(../images/banner/class-1.jpg);
	margin-top:0;
	margin-bottom:30px;
}
#bannerCl2{
	background-image: url(../images/banner/class-2.jpg);
}
#bannerP1{
	background-image: url(../images/banner/party-1.jpg);
}
#bannerF0{
	background-image: url(../images/banner/faq-0.jpg);
}
#bannerF1{
	background: url(../images/banner/faq-1.jpg) center no-repeat;
}
#bannerT0{
	background-image: url(../images/banner/test-0.jpg);
}
#bannerT1{
	background-image: url(../images/banner/test-1.jpg);
}
#bannerC1{
	background-image: url(../images/banner/contact-1.jpg);
	margin-top: 30px;
	margin-bottom: 0px;
}
#bannerC2{
	background-image: url(../images/banner/contact-2.jpg);
	margin-top: 100px;
}

.bannerTop {
	margin-top:74px;
}
/*================ INDEX.HTML===========================*/

#exhibitionBOX1,
#exhibitionBOX2,
#exhibitionBOX3,
#exhibitionBOX4{
	margin-bottom: 55px;
}

#exhibitionBOX2{
	margin-top: -105px;
}

	#exhibitionBOX2 div {
		width: 55%;
		margin: 0 auto;
	}

#littleVDO .VDOcontainer {
	max-height:450px;
	max-width:800px;
	margin:30px auto;
}

#CreativeKids-Img {
	margin:0 auto;
	text-align: center;
}

#CreativeKids-Img img{
	width:70%; 
	margin-top:-25px;
}

#CreativeKids-Text {
	margin-top: 30px;
}


#timetable .classtime {
	
	max-width:1200px;
	width:102%;		
	font-size:1em;
	line-height:1.1;
	border:none;
	margin:0 auto;
}
#timetable .classtime caption {
	color: #b7b7b7;
	font-family:'Montserrat';
	margin-bottom:0px;
	}

#timetable .classtime tr {
	height:58px;	
	vertical-align:middle;
}

#timetable .classtime .toprow {
	height:70px;	
	}

#timetable .classtime .col1,
#timetable .classtime .col2,
#timetable .classtime .col3,
#timetable .classtime .col4,
#timetable .classtime .col5 {
	width:auto;
}


#timetable .classtime th {
	border:none;
}

#timetable .classtime td {
	border: none;
	font-size: 0.92em;
}

#GivingBack #GivingBack-Img, #GivingBack #GivingBack-Img2 {
	margin: 0 auto;
}	
#GivingBack #GivingBack-Img img, #GivingBack #GivingBack-Img2 img {
	padding:0;
	margin: 0px 0 0 10px;
	width:90%;
}

/*================  ABOUT.HTML ================== */
.space {
padding:15px 0px 25px 0px;	
}

.signature{
	font-family: Gloria Hallelujah;
	color:#00a89c;
	font-size:2.1em;
}
/*================  CONTACT.HTML ================== */

#contactus {
	margin-top: 50px;
}

#contactus div {
	margin-bottom: 10px;
}

#contactus img {
	margin-right: 5px;
}

#contactus #Alisa-Img {
	margin: 30px 0 25px 0;
}

#contactus .row {
	margin-top: 80px;
	margin: 10px 0 0 0;
}
#contactus tbody {
	text-align: left;
	vertical-align: top;
}
#contactus .ABN {
	padding-top: 15px;
}

#contactus a {
	text-decoration: none;
	color:#7b7b7b;
}

#contactus a:hover {
	text-decoration: none;
	font-weight: 400;
}

#contactus a .Grey {
	display:inline-block;
}

#contactus a .Color{
	display:none;
}

#contactus a:hover .Grey {
	display:none;
}

#contactus a:hover .Color{
	display:inline-block;
}


#contactus .email a:hover {
	color:#f07ba9;
}


#contactus .address a:hover {
	color:#ec2379;
}

#contactus .mob a:hover {
	color:#fede12;
}

#contactus .tel a:hover {
	color:#b084bb;
}

#contactus .fb a:hover {
	color:#8cc542;
}

#fb1 {
	display: inline-block;
}

#fb2 {
	display: none;
}
	
	

.GMap {
	width: 100%;
	max-width: 900px;
	margin:50px auto;
}

.GMap .header {
	margin-top: 25px;
}

.GMap a {
	text-decoration: none;
	color:#7b7b7b;
	font-weight:lighter;
}

.GMap a:hover {
	text-decoration: none;
	color:#ec2379;
	font-weight:lighter;
}
/* =============== SECTION OUR CLASSES =============== */

#classlist .classTXT, #campList .classTXT  {
	width:100%;
	margin:15px 10px 15px 0px;
	padding:35px;
	background-color: #f5f5f5;
	border-radius: 18px;
	font-size: 1.15em;
}

#classlist h5, #classlist p,
#campList h5, #campList p {
	margin: 0 auto;
	max-width: 400px;
}

#classlist h5, #campList h5 {
	margin-top:25px;
	margin-bottom:20px;
}

#classButton {
	margin:40px auto 60px auto;
}

#classButton .button {
	padding: 10px;
}

#classButton .buttonTXT {
	font-size: 1.1em;
}

.announcement {
	font-family: "Gloria Hallelujah";
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1.8em;
	text-align:center;
	padding:40px 0 30px 0;
}

.note {
	margin-left: 20px;
}

.note .row div {
	margin-bottom: 20px;
	padding:0;
}
/* =============== SECTION FAQ & Testimonials =============== */

#faq h5,
#testimonials h5 {
	margin-top: 40px;
	margin-bottom: 20px;
}

#testimonials .row {
	margin-top: -10px;
}

#testimonials .row p {
	margin-top: 35px;
	margin-bottom: 0px;
	padding-bottom: 0;
}

#testimonials .row .subP {
	margin-top: 15px;
}

#testimonials .row div {
	margin-top: 8px;
}

/* =============== PARTY.HTML =============== */

#party #cake {
	margin:-70px auto;
}
#party-bottom, #party-bottom img {
	padding:0;
	margin:0;
}
#partyformbutton, #ContactButton {
	width: 75%;
	margin: 30px auto;
	border: none;
}
#partyformbutton .buttonTXT, #ContactButton .buttonTXT {
	font-size: 1.1em;
}
#TCSLogo {
		margin-top: -10px;
	}
/* =============== LAYOUT - FOOTER AREA =============== */
footer {
	margin-top: 0px;
	padding-top: 20px;
	background: #222;
}

#contactDetails {
	margin:0;
	font-family:Montserrat;
	position:relative;
	display:block;
	font-size:0.8em;
	text-decoration:none;
}



#contactDetails a {
	color:#fff;
	text-decoration:none;
}

	#contactDetails .icon {
		width:30px;
	}
#contactDetails #phone,
#contactDetails #email,
#contactDetails #address {
	margin-bottom: 14px;
}

#contactDetails #phone a:hover {
	color:#fede12;
	text-decoration:none;
}

#contactDetails #email a:hover {
	color:#f07ba9;
	text-decoration:none;
}

#contactDetails #address a:hover {
	color:#ec2379;
	text-decoration:none;
}


/* ----------- COPYRIGHT ----------- */


footer #copyright {
	background-color:#000;
	margin:0 auto;
	padding:3px;
	width:100%;
	color:#b7b7b7;
	font-size:0.7em;
}

footer #copyright a,
footer #copyright a:hover {
	text-decoration:none;
	color:#f7941e;
	font-weight:400;
}
#cRightCenter {
	text-align:center;
	display:none;
}

footer .floatL {
	float: left;
}

footer .floatR {
	float: right;
}
/* ============================================================ RESPONSIVE ============================================================ */


@media (max-width: 1200px) {
body {
	font-size:18px;
	}

	
#little-navbar .little-menuItem {
	margin-right:125px;
}


	#little-navbar .navbar-nav > li > a {
		font-size: 0.83em;
		margin-left: 13px;
	}
	#bulletin-slider .carousel-inner {

		margin-top:105px;
	}
	#bulletin-slider .carousel-indicators {
		margin-top: 90px;
	}
	
	#timetable .classtime tr {
		height:48px;
	}
	
	#timetable .classtime .toprow {
		height:58px;
	}
	#CreativeKids-Img Img {	
		margin-top:-15px;
	}
	#CreativeKids-Text {
	margin-top: 20px;
}
	#exhibitionBOX2 {
		margin-top: -90px;
	}
	
	#exhibitionBOX2 div {
		width: 60%;
	}
	
	#classlist .classTXT, #campList .classTXT {
		margin:10px 10px 10px 0px;
		padding:5px 20px 5px 20px;
		border-radius: 15px;
	}

#party #cake {
		max-width:200px;
		margin-top: -25px;
	}
#TCSLogo {
		margin-top: 0px;
	}
	/* =============== FOOTER =============== */
	footer .little-followUs {
		margin: 15px 0;
	}
	footer .instagramImages a {
		width: 70px;
	}
	#contactDetails .icon {
		width:25px;
	}
}



@media (max-width: 992px) {
	body {
		font-size:17.5px;
	}
	
	#little-navbar .navbar-nav > li > a {
		font-size: 0.8em;
	}
	#little-navbar .navbar-nav > .active > a, 
	#little-navbar .navbar-nav > .active > a:hover {
		margin-top: -4px;
		font-size: 1.045em;
	}
		#little-navbar .little-menuItem {
		float:none;
		margin-top:-30px;
		margin-right:-30px;
	}
		#little-navbar .little-iconsGroup {
		position: absolute;
		right: 0px;
		top: 10px;
	}
	
	.banner {
		font-size:1.8em;
	}
	
	#timetable .classtime tr {
		height:50px;
	}
	
	#timetable .classtime .toprow {
		height:60px;
	}
	#exhibitionBOX2 {
		margin-top: -80px;
	}
	
	#exhibitionBOX2 div {
		width: 90%;
	}
	#contDetails {
		max-width: 310px;
	}
	

	#party #cake {
		margin-top:-20px;
		width: 95%;
	}

	#TCSLogo {
		margin-top: 20px;
	}

	#CreativeKids-Img Img {
		width:100%; 
		padding:0px;
		margin:10px 0 0 0;
}

	#GivingBack #GivingBack-Img img, #GivingBack #GivingBack-Img2 img {
		padding:0;
		margin: -20px 0 0 20px;
		width:100%;
	}
}

@media (max-width: 769px) {
		#TOPiconGroup .little-iconsGroup {
		position: absolute;
		right: 0px;
		top: 12px;
	}
}

@media (max-width: 768px) {


	#TOPiconGroup .little-iconsGroup {
		position:absolute;
		right: 0px;
		top: 10px;
		margin: 0;
	}
	
#bulletin-slider .little-sectionHeading {
	font-size: 3.5em;
}

	
	/* =============== HOVER EFFECT =============== */
.little-hoverEffect .item {
		margin-bottom: 15px;
	}

	/* =============== MAIN SLIDER =============== */


	#bulletin-slider .carousel-indicators {
		margin-top: 60px;
	}
	
	.banner {
		font-size:1.5em;
	}
	
	#timetable .classtime tr {
		height:48px;
	}
	
	#timetable .classtime .toprow {
		height:54px;
	}

	.contactText {
		font-size:1em;
	}
}

@media (max-width: 767.5px) {
	body {
		font-size:17px;
	}


	.header {
		font-size: 1.6em;
		margin-top:90px;
		margin-bottom:23px;
		
	}
	
	

	#little-navbar .little-iconsGroup > li {
		display: inline-block;
	}
	#little-navbar .little-iconsGroup li a {
		margin: 0 0 0 15px;
		padding: 15px 0 5px 0;
	}
	

	/* =============== MENU AREA =============== */
	#little-navbar {
		background: rgba(0, 0, 0, 1);
	}
	#little-navbar .navbar-header {
		padding-right: 0px;
	}
	#little-navbar .navbar-nav > li > a {
		text-align: left;
		padding: 8px;
		margin:0px;
	}
	#little-navbar .navbar-nav > li > a:hover, 
	#little-navbar .navbar-nav > .active > a, 
	#little-navbar .navbar-nav > .active > a:hover,
	#little-navbar .navbar-nav > .home > a:hover,
	#little-navbar .navbar-nav > .about > a:hover,
	#little-navbar .navbar-nav > .classes > a:hover,
	#little-navbar .navbar-nav > .party > a:hover,
	#little-navbar .navbar-nav > .galleries > a:hover,
	#little-navbar .navbar-nav > .testimonials > a:hover,
	#little-navbar .navbar-nav > .faq > a:hover,
	#little-navbar .navbar-nav > .contact > a:hover

 {
		border-color: transparent;
	}
	
	#little-navbar .little-menuItem,
	#little-navbar .navbar-collapse {
		width: 100%;
	}
	
	#little-navbar .navbar-collapse {
		background: rgba(0,0,0,0.85);
		margin: 49px 0 0 0;
		border:none;
		position: absolute;
		left: 0px;
		z-index: 1;
	}


	#TOPiconGroup .little-iconsGroup {
		position:absolute;
		right: 52px;
		top: 22px;
		margin: 0;
	}
	#bulletinBoard {
		margin-top: 74px;
	}
	
		#bulletin-slider .carousel-inner {

		margin-top:30px;
	}
	#bulletin-slider .carousel-indicators li .number {
		display: none;
	}
		
	#timetable .classtime,
	#timetable .classtime th {
		font-size:1.05em;
	}

	#CreativeKids-Img {
		margin: 0 auto;
	}
	
	#CreativeKids-Img Img{
		width:55%; 
		padding:0;
		margin:0;
}
	#exhibitionBOX2 {
		margin-top: -20px;
	}
	
	#exhibitionBOX2 div {
		width: 53%;
	}
	#GivingBack #GivingBack-Img img, #GivingBack #GivingBack-Img2 img {
		padding:0 0 20px 0;
		margin: 20px auto;
		width:48%;
	}
	#artbook2017 {
		width:65%;
	}
	
	#classlist .row, #campList .row {
		margin:-14px 0 0 0;
		padding:0;
	}
	
	#classlist .classTXT, #campList .classTXT  {
		width:80%;
		margin:15px auto;
		padding:5px 20px 5px 20px;
		border-radius: 15px;
	}
	
	
	#party ul {
		margin-bottom: 0px;
		padding-bottom: 5px;
	}
	
	#party #cake {
		margin:30px auto;
		width:90%;
		max-width: 200px;
		
	}
	
	#partyformbutton, #ContactButton {
		margin-top: 0px;
	}
	
	#TCSLogo {
		width: 55%;
		margin: 0px auto;
		margin-bottom: 30px;
	}
	
	#CakeDeal {
		margin-bottom: 10px;
	}
	
	#classButton {
		margin:25px auto 45px auto;
	}
	
	#classButton .button {
		padding: 5px;
	}
	
	#contactus #Alisa-Img {
		margin: 25px 0 5px 0;
	}
	
	#contactDetails .icon {
		width:23px;
	}
}

@media (max-width: 640px) {
	
	#bulletin-slider .little-sectionHeading {
		font-size: 3em;
	}

	.little-sectionDesc {
		margin-bottom: 20px;
	}
	
	#timetable .classtime tr {
		height:46px;
	}
	
	#timetable .classtime .toprow {
		height:54px;
	}
	
	/* =============== MAIN SLIDER =============== */
	
	#bulletin-slider .carousel-indicators {
		margin-top: 50px;
	}

	/* =============== FOOTER =============== */
	footer {
		padding-top: 30px;
	}
	.contactText {
		font-size:0.8em;
	}
}

@media (max-width: 639px) {
	body {
		font-size:16.5px;
	}	
	
	.header {
		font-size: 1.45em;
		margin-top:80px;
		margin-bottom:20px;
	}
	
	#bulletin-slider .carousel-indicators li .inner {
		margin: 0px 4px;
	}
	#bulletin-slider .carousel-indicators li .number {
		display: none;
	}
	#bulletinBoard {
		padding-bottom: 10px;
	}
	
	#timetable .classtime,
	#timetable .classtime th {
		font-size:0.97em;
	}
	
	#updated {
		display: none;
	}
	#new {
		display: none;
	}
	#TCSLogo {
		width: 65%;
		margin: 0px auto;
		margin-bottom: 20px;
	}
}

@media (max-width: 540px) {


	#bulletin-slider .little-sectionHeading {
		font-size: 2.5em;
	}
	#bulletin-slider .carousel-indicators li .inner {
		text-indent: -99999em;
		line-height: 0;
		border-width: 3px;
	}
	#timetable .classtime tr {
		height:36px;
	}
	
	#timetable .classtime .toprow {
		height:57px;
	}
	
	#CreativeKids-Img Img{
		width:65%; 
	}
	
	#GivingBack #GivingBack-Img img, #GivingBack #GivingBack-Img2 img {
		width:65%;
	}
	
	#cRightEdge {
		display:none;
	}

	#cRightCenter {
		display:block;
	}

	#party #cake {
		max-width: 150px;
	}
	
	
	#testimonials .row {
		margin-top: -18px;
	}

	#testimonials .row p {
		margin-top: 25px;
		margin-bottom: 0px;
		padding-bottom: 0;
	}

	#testimonials .row .subP {
		margin-top: 10px;
	}

	#testimonials .row div {
		margin-top: 5px;
	}

	#contactus #Alisa-Img {
		margin: 20px 0 0px 0;
	}


@media (max-width: 480px) {
	body {
		font-size:16px;
	}
	section {
		margin:0px;
		padding:0px;
	}
	.header {
		font-size: 1.35em;
		margin-top:70px;
		margin-bottom:18px;
	}
		#little-navbar .little-iconsGroup #map-ico {
		display:none;
	}
	#bulletinBoard {
		padding-bottom: 0;
	}

	#bulletin-slider .carousel-indicators {
		margin-top: 40px;
	}
	.banner {
		font-size:1.5em;
	}
	.bannerWrap .container{
		margin:0;
		padding:0;
	}
	/* =============== MAIN SLIDER =============== */

	#bulletin-slider .carousel-indicators .inner:after {
		display: none;
	}
	#bulletin-slider .carousel-indicators li.active .inner {
		border-color: red;
	}
	
	
	#timetable .classtime tr {
		height:42px;
	}
	
	#timetable .classtime .toprow {
		height:64px;
	}
	
	#classlist .classTXT, #campList .classTXT  {
		width:100%;
		margin:15px auto;
		padding:5px 20px 5px 20px;
		border-radius: 8px;
	}
}

@media (max-width: 400px) {
	body {
		font-size:15.5px;
	}

	#little-navbar .container {
		margin:0px;
		padding:3px 10px 0 10px;
	}
	
	#little-navbar .little-iconsGroup {
		top: 27px;
	}
	#little-navbar .little-iconsGroup #email-ico {
		display:none;
	}
	

	#bulletinBoard {
		margin-top: 60px;
	}
	
	#bulletin-slider .carousel-indicators {
		margin-top: 25px;
	}

	section {
		margin:0px;
		padding:10px;
	}
	
	.container {
		margin:0px;
		padding:0px;
	}
	.header {
		font-size:1.2em;
		margin-top:50px;
		margin-bottom:14px;
	}	
	.banner {
		font-size:1.35em;
	}
	

	.bannerWrap {
		margin-top:30px;
	}
	
	.bannerTop {
		margin-top:70px;
	}
	#timetable .classtime {		
		font-size:0.9em;
	}
	
	#timetable .classtime tr {
		height:40px;
	}
	
	#timetable .classtime .toprow {
		height:60px;
	}
	#partyButton {
		width:98%;
	}
	#partyButton .buttonTXT, #ContactButton .buttonTXT {
		font-size: 0.85em;
	}
	#classButton .buttonTXT {
		font-size: 0.85em;
	}
	
	#party-top img {
		padding-top:65px;
	}
	
	#party #cake {
		max-width: 130px;
	}
	#TCSLogo {
		width: 85%;
		margin: 0px auto;
		margin-bottom: 20px;
	}
	#contactDetails .icon {
		width:20px;
	}	
}

@media (max-width: 350px) {
	#little-navbar .little-iconsGroup #phone-ico {
		display:none;
	}
	#bulletin-slider .little-sectionHeading {
		font-size: 2em;
	}	
	#timetable .classtime {		
		font-size:0.76em;
	}
	

}

/* ****************************************
          MOST LIKELY NOT IN USE
   **************************************** */

@media (max-width: 300px) {
	section {
		margin:0;
		padding:5px;
	}
	


	#little-navbar .little-iconsGroup {
		right: 35px;
	}


	.header {
		margin-top:40px;
		margin-bottom:10px;
	}	
	.banner {
		font-size:1.1em;
	}
	#timetable .classtime {		
		font-size:0.7em;
	}

	#fb1 {
		display: none;
	}
	
	#fb2 {
		display: inline-block;
	}
	
	#party-top img {
		padding-top:70px;
	}
}

@media (max-width: 280px) {
	
	#partyButton .buttonTXT, #ContactButton .buttonTXT {
		font-size: 0.65em;
	}
	#classButton .buttonTXT {
		font-size: 0.65em;
	}
	#littleLogo {
		width:65%;
		margin-top: -3px;
	}
	#little-navbar .little-iconsGroup #facebook-ico {
		display:none;
	}
	
	#little-navbar .little-iconsGroup {
		margin:0;
		padding: 0;
	}
}

@media (max-width: 245px) {
	#littleLogo {
		width:65%;
	}
}