body{background:#f8af8c!important;}
#body-container{margin:0px 20px 0px 20px; background-color:#FFFFFF; border-left:1px #333 solid; border-right:1px #333 solid;}
#top-header-bar{background-image:url(https://theetiquettefactory.com/riseupparenting/wp-content/uploads/2024/11/trees.jpg); padding:20px }

#menu-main-menu{white-space: nowrap;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 990px) {
.mobileBlock{display:block!important; width:auto!important;}
	.mobileInline{display:inline-block!important;}
	.mobileNone{display:none!important;}
	.mobileShow{display:block!important;}
	.mobileWidthAuto{width:auto!important;}
.mobileCenter{text-align:center!important;}
	.mobilePadTop{padding-top:20px;}
	.mobileNoBorder{border:none!important;}
	#body-container{margin:0px 0px 0px 0px!important;}
	#left-parent-menu{display:none!important;}
	#mobileParentMenu{display:block!important; position:fixed; left:0px; bottom:0px;}
	.mobileRow{display:table-row!important;}
	
	.external-div-vid .box-text{
    top: 50%;
    left: 5%;
    right: 5%;
  }
}

.none{display:none;}
.hover-color:hover{background-color:#f9e7db;}

.dot {
  height: 55px;
  width: 55px;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
}

.circle-icon {
  height: 65px;
  width: 65px;
  background-image: linear-gradient(to bottom, #f4cfbd, #f8af8c); 
 border:2px solid #b8e57e;
  border-radius: 50%;
  display: inline-block; text-align:center;  line-height:60px;
}
.circle-icon:hover{background-color:#b8e57e!important; background-image:none;}

.circle-icon img{max-width:40px; height:auto;}

.tableLessonList .tableCell{text-align:center; border-right:1px dotted #CCCCCC; font-weight:bold; line-height:15px; font-size:14px;}

@font-face {
  font-family: 'Little Sunshine';
  src: url("../webfonts/A-little-sunshine.ttf"); }

.sunshine{font-family: 'Little Sunshine'!important;}
.mobileShow{display:none;}
.color1_bg{background-color:#ed996b;}

 .button{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border:2px solid #fff; color:#fff;  background-image: linear-gradient(to bottom, #ff9966, #c37149); padding:8px 20px; font-size:18px; text-transform:uppercase}
 
  .button-2{ border:2px solid #fff; color:#fff;  background-image: linear-gradient(to bottom, #ff9966, #c37149); padding:4px 10px; text-transform:uppercase}
 
 #page_title H1{text-align:center; font-size:28px; padding:20px 0px 20px 0px;  }

.pad25{padding:25px;}
.noDecor{text-decoration:none;}
.inBlock{display:inline-block}
.block{display:block;}
.width100{ width:100%;}
.myFont{font-family: 'Roboto Condensed', sans-serif;}
.ft18{font-size:18px;}
.ft14{font-size:14px;}
.ft12{font-size:12px;}
.ft16{font-size:16px;}
.ft20{font-size:20px;}
.ft22{font-size:22px;}
.ft24{font-size:24px;}
.ft30{font-size:30px;}
.ft34{font-size:34px;}
.ft36{font-size:36px;}
.bold{font-weight:bold}
.red{color:#FF0000;}
.blue{color:#0000FF;}
.upperTx{text-transform:uppercase;}
.upper{text-transform:uppercase;}
.boxShadow{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.border{border:2px red solid!important;}
.borderc{ border-collapse:collapse;}
 .pointer{cursor:pointer;}
 .right{text-align:right;}
 
.vMiddle{vertical-align: middle;}
.bulletList li{margin-bottom:10px;}
.vTop{vertical-align:top;}
.pad3{padding:3px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad40{padding:40px;}
.pad40LR{padding:0px 40px 0px 40px;}
.tableBorder{ border:1px solid #000;}
.tble{display:table;}
.tableCell{display:table-cell;}
.tableRow{display:table-row;}