/*
Template: thefox
Theme Name: TheFox Child Theme
Theme URI: http://www.thefoxwp.com
Description: <strong>A superflexible and responsive Business Theme by Tranmautritam team</strong> - <br/>Update notifications available on twitter and facebook:<br/> <a href='https://twitter.com/tranmautritam'>Follow me on twitter</a><br/> - <a href='https://www.facebook.com/tranmautritam.designer'>Join the Facebook Group</a> A theme by <a href="http://themeforest.net/user/tranmautritam?ref=tranmautritam">Tranmautritam Team</a>.
Version: 1.50
Author: Tranmautritam Team
Author URI: http://themeforest.net/user/tranmautritam?ref=tranmautritam
License: Themeforest Split Licence
License URI: -

Blue: #83a8f4
Pink: #f2ddc6
Darker Pink: #ccc6c0

*/



body {margin:0 0!important;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.nowrap {white-space: nowrap;}
.floatright {float:right;
	margin:0 0 30px 30px;}
a.highlight {color:yellow!important;}
a.highlight:hover {color:white!important;}
.highlightfont {font-size:22px;}
.hide-desktop {display:none;}
.trademark {font-family:Arial!important;
	position: relative;
	top: -0.5em;
	font-size: 50%;
	font-weight:normal;}
.menu .trademark {font-family:Arial!important;
	position: relative;
	top: -.9em;
	font-size: 45%;
	font-weight:normal;}	
.footerheadtitle {font-family: 'Bebas Neue';
	font-size:22px;
	color:white;}
.footerheadtitle .trademark {position: relative;
	top: -0.5em;
	font-size: 60%;
	font-weight:normal;}
.trademark-infoot {position: relative;
	top: -0.5em;
	font-size: 90%;
	font-weight:normal;}

#menu-piglet-main {margin-top:-15px;}
#menu-piglet-main li {margin-left:5px;
	margin-right:5px;}
#menu-piglet-main .menu-item a {font-family: 'Bebas Neue'!important;
	font-size:22px!important;
	color:black!important;
	margin:0 17px!important;}
.home #menu-piglet-main .menu-item a {font-family: 'Bebas Neue'!important;
	font-size:22px!important;
	color:white!important;
	margin:0 17px!important;}
.home #menu-piglet-main .sub-menu a {font-family: 'Bebas Neue'!important;
	font-size:19px!important;
	color:black!important;
	margin:0 14px!important;}
#menu-piglet-main .sub-menu a {font-family: 'Bebas Neue'!important;
	font-size:19px!important;
	color:black!important;
	margin:0 14px!important;}
#menu-piglet-main .menu-item a:hover {color: #83a8f4!important;}
#menu-piglet-main .current-menu-item a {color:#83a8f4!important;}
#logo_img img {padding-top: 10px;
  max-height: none !important;
  max-width: none !important;
  height: 155px !important;
  width: 147px !important;}
.menu li a:hover {color: #83a8f4!important;}
.header-social {width: 900px;
	position:relative;
	top:-15px;
	left:41%;}
.header-social a {font-family: 'Bebas Neue';
	font-size:20px;
	padding-bottom:3px}
.header-social img {width:40px;}
.header-social img:hover {border:2px solid #83a8f4!important;
	border-radius:20px 20px;}
.nav-mobile-social-fb {display:none;}
.nav-mobile-social-insta {display:none;}
.nav-mobile-social-tt {display:none;}
.nav-mobile-social-yt {display:none;}
.donate-button {border:2px solid #83a8f4;
	background-color:white;
	border-radius:4px 4px;
	font-family: 'Bebas Neue';
	font-size:25px;
	padding:6px 8px 0 8px;
	position:relative;
	top:-10px; 
	height:40px;
	overflow:hidden;}
.donate-button a:hover {color: #83a8f4;}

#header_container nav ul > li.menu-item-204 > a::after {position:relative; top:-25px;}
.menu-item-204 .line2 {position:relative;
	left:10px;
	top:-5px;}

.hometitle {text-align:center;
	font-size:42px;
	font-family:'Bebas Neue';
	line-height:1!important;
	color: #4078bd;
	text-shadow:1px 1px #abaaaa;
	padding:16px 0;}
.homesubtitle {font-size:28px;
	font-family:'Open Sans';
	font-style:italic;
	text-shadow:0 0 white!important;}	

.elementor-button-text {font-family: 'Bebas Neue';
	font-size:24px}

.home .elementor-section-full_width {margin:0!Important;
	padding:0!important;}

.home .slider-text {text-shadow: 2px 2px #000!important;}

.home-bookcol1 {padding-right:5%;}

h1 {font-family: 'Bebas Neue';
	font-size:34px;}

h1.elementor-heading-title {font-weight:normal!important;}

.homesection h1 {font-family: 'Bebas Neue';
	font-size:30px;
	font-weight:normal;
	color: #050505;
	line-height:1.2;}
.homesection h1.pack {font-family: 'Bebas Neue';
	font-size:38px;
	font-weight:normal;
	color: #050505;
	line-height:1.2;
	text-align:center;
	border-bottom:2px solid #f2ddc6;
	margin-bottom:20px;
	padding-bottom:12px;}
.homesection p {font-family:'Open Sans';
	font-size:18px;
	font-weight:normal;
	color: #050505;
	padding-bottom:10px;}
.homesection ul {font-family:'Open Sans';
	font-size:18px!important;
	font-weight:normal;
	color: #050505;}
.homesection li {line-height:1.3;}
.page_title_ctn h1 {font-family: 'Bebas Neue';
	font-size:38px;
	font-weight:normal;
	float:none;
	text-align:center;
	max-width:100%!important}

.post-title h2 {font-family: 'Bebas Neue';
	font-size:40px!important;}
.post-title h2 a {color:#ccc6c0!important}
.post-template-default .page_title_ctn {display:none;}
.pi_author, .pi_cat, .pi_comment, .tags_container {display:none}
.sb_widget > h3::before {display:none;}
#recent-posts-2 h3 {padding:0;
	font-family: 'Bebas Neue';
	font-size:26px!important;
	color:#ccc6c0!important}
#recent-posts-2 a {font-size:14px!important;
	color:#83a8f4!important}
#recent-posts-2 a:hover {color:#050505!important}

.home #footer_bg {margin-top:70px!important;}
#footer_bg {margin-top:0px!important;}
#footer h2 {font-size:22px!important;
	font-family: 'Bebas Neue';}
#f_social_icons a {display:inline!important;}
.footer-social img {
	width:38px;
	margin:0 1px;}
.footer-social img:hover {border:2px solid #83a8f4!important;
	border-radius:20px 20px;}
#footer .widget a:hover {color:#83a8f4!important;}

.mc4wp-form-fields input {display:block;
	background-color:#666!important;
	margin:5px 0 5px 0;}
.mc4wp-form-fields label {height:50px!important;
	display:block!important;}	
input.mailchimp-submit {font-family: 'Bebas Neue', Sans-serif;
	font-size: 30px;
	font-weight: normal;
	fill: #050505;
	color: #050505;
	background-color: #F2DDC6!important;
	border-style: solid;
	border-width: 5px 5px 5px 5px;
	border-color: #FFFFFF;
	border-radius:4px 4px;
	text-transform:lowercase!important;
	padding:6px 22px;
	margin-left:0;}
input.mailchimp-submit:hover {background-color: #83a8f4!important;}
.mc4wp-form-basic .mc4wp-success, .mc4wp-form-theme .mc4wp-success {
    color: #ffffff;}
#footer .mc4wp-form-theme input[type="date"], #footer .mc4wp-form-theme input[type="email"], #footer .mc4wp-form-theme input[type="tel"], #footer .mc4wp-form-theme input[type="text"], #footer .mc4wp-form-theme input[type="url"], #footer .mc4wp-form-theme select, #footer .mc4wp-form-theme textarea {color:white!Important; font-weight:bold; font-family:'Open Sans';}	

.contactpage-mailchimp #mc4wp-form-1 {margin-top:-20px;}	
.contactpage-mailchimp .mc4wp-form-fields input {display:block;
	background-color:#fff!important;
	margin:5px 0 5px 0;}
.contactpage-mailchimp .mc4wp-form p {margin-bottom:30px!important;}	
.contactpage-mailchimp .mc4wp-form p label {font-size:14px;
	font-weight:400!important;}
.contactpage-mailchimp .mc4wp-form input {background-color:white!important;
	border:2px solid #ccc6c0!important;
	border-radius:4px 4px;
	font-family:lato!important;}	
.contactpage-mailchimp input.mailchimp-submit {font-family: lato!important;
	font-size: 14px;
	font-weight: 700;
	border:0!important;
	color: #fff;
	background-color: #1bbc9b!important;
	text-transform:uppercase!important;
	padding:6px 22px;
	margin:30px 0 0 0;
	border-radius:0}
.contactpage-mailchimp input.mailchimp-submit:hover {background-color: #1bbc9b!important;}
.contactpage-mailchimp .mc4wp-form-basic .mc4wp-success, .mc4wp-form-theme .mc4wp-success {
    color: #000000;}	

.photocredit {margin-top:-12px;
	text-align:center;}
.page-id-247 .photocredit {color:#424141;}

.booklinks {text-align:center;
	padding-top:12px;}
.booklinks img {width:125px;}

.mediaitems img {width:75%!important;
	border:1px solid #83a8f4!important;}
.mediaitems .elementor-heading-title {font-size:20px!important;}
.mediavideos .elementor-heading-title {font-size:20px!important;}	

.blog .page_title_ctn {background-color:#f2ddc6!important;}
.blog .page_title_ctn h1 {padding-bottom:5px;}
.single_post_navigation, .pi_date {display:none;}
.attachment-blog_tn {padding-top:18px; margin:auto;}
.post-attachement img {width:100%!important; max-width:500px; margin:auto; height:auto!important;}
#footer .post-date {display:none;}

.lessonplans {text-align:center;
	font-size:22px;}
.lessonplans a {color: #83a8f4;}
.elementor-heading-title a:hover {color:#ccc6c0!important;}
.lessonlinks {font-size:18px!important;}

.links {text-align:left;
	font-size:22px;}
.links a {color: #83a8f4;}

.contactsection {font-size:20px;}
.contactsection h2 {margin-bottom:12px;
	font-family:'Bebas Neue', Sans-serif;
	font-size:30px;
	font-weight:normal;}
.contactsection p {margin:20px auto!important;}
.wpcf7-form-control {margin-top:0!important;}
.wpcf7-text {background-color:white!important;
	border:2px solid #ccc6c0!important;
	border-radius:4px 4px;
	font-family:roboto!important;}
.wpcf7-date {background-color:white!important;
	border:2px solid #ccc6c0!important;
	border-radius:4px 4px;
	font-family:roboto!important;}	
.wpcf7-textarea {background-color:white!important;
	border:2px solid #ccc6c0!important;
	border-radius:4px 4px;}

.events .column {border:2px solid #eb4095;
	border-radius: 5px 5px;
	margin:0 5px;
	padding: 10px 8px!important;
	background-color:#f2ddc6;
	min-height:210px;}
.event-listing {text-align:center;
	color:#3b3a3b;}
.event-listing .date {color:black;
	font-size:16px;
	margin-bottom:5px;
	font-weight:500;}
.event-listing .title {color:black;
	font-size:18px;
	margin-bottom:18px;
	line-height:1.3}
.event-listing a {color:#eb4095;
	display:block;}
.event-listing a:hover {color:#000;}	

.review {border:2px solid #eb4095;
	border-radius: 5px 5px;
	margin:0 5px;
	padding: 10px 18px!important;
	background-color:#f2ddc6;}
	
.stu-form-wrap .top-lines {display:none!important;}
.stu-heading-text h2.customheading {font-family:'Open Sans'!important;}
.stu-field-wrap {margin-top:0px}
.name-field {text-align:left;}
.stu-form-submit {background-color:#f2ddc6!important;}
.stu-icon-holder {display:none;}
.stu-scrollable {padding-top:70px;
	background:url(/wp-content/uploads/2022/12/logo-new.png);
	background-size: 110px 110px;
	background-position:top center;
	background-repeat:no-repeat;}


@media (min-width: 300px) and (max-width: 900px) {

.floatright {float:none;
	margin:20px auto;}	
}

@media (min-width: 300px) and (max-width: 450px) {

#logo_img img {padding-top:10px;
	margin-top:0!important;}
#logo_img .mobile_logo {max-height:none !important;
	max-width:none !important;	
	height:90px!important;
    width:80px!important;}
	
}

@media (min-width: 450px) and (max-width: 600px) {

#logo_img img {padding-top:10px;
	margin-top:0!important;}
#logo_img .mobile_logo {max-height:none !important;
	max-width:none !important;	
	height:118px!important;
    width:112px!important;}
	
}	


@media (min-width: 300px) and (max-width: 500px) {

.hero {margin-top:50px;}

.home section li {margin-left:25px!important;}

.home-bookcol1 {padding-right:0;
	padding-bottom:40px;}
.inclusion-cards img {margin-left:10%!important;}

}

@media (min-width: 501px) and (max-width: 768px) {

.hero {margin-top:50px;}

.home-bookcol1 {padding-right:0;
	padding-bottom:40px;}
.inclusion-cards img {margin-left:15%!important;}

}	


@media (min-width: 300px) and (max-width: 1034px) {

.header-social {display:none;}
#mobile-menu {background:#83a8f4!important;}
#mobile-menu .current_page_item {background:#83a8f4!important;}
#mobile-menu ul li a {color:#050505!important;
	text-transform:none;}
#mobile-menu ul li a:hover {color:#f2ddc6!important;}	
.nav-mobile-social-fb {display:inline;
	border:0!important;}
.nav-mobile-social-insta {display:inline;
	border:0!important;}
.nav-mobile-social-tt {display:inline;
	border:0!important;}
.nav-mobile-social-yt {display:inline;
	border:0!important;}
.nav-mobile-social-fb a {
	background-image:url(/wp-content/uploads/2020/08/icon-facebook.png);
	background-repeat:no-repeat;
	height:47px!important;
	width:50px!important;
	border-bottom:0!important;
	margin-top:5px!important;}
.nav-mobile-social-insta a {
	background-image:url(/wp-content/uploads/2020/08/icon-instagram.png);
	background-repeat:no-repeat;
	height:47px!important;
	width:50px!important;
	border-bottom:0!important;
	margin-top:5px!important;}
.nav-mobile-social-tt a {
	background-image:url(/wp-content/uploads/2020/08/icon-tiktok.png);
	background-repeat:no-repeat;
	height:47px!important;
	width:50px!important;
	border-bottom:0!important;
	margin-top:5px!important;}
.nav-mobile-social-yt a {
	background-image:url(/wp-content/uploads/2020/08/icon-youtube.png);
	background-repeat:no-repeat;
	height:47px!important;
	width:50px!important;
	border-bottom:0!important;
	margin-top:5px!important;}
.hide-desktop {display:block;}

#header_container nav ul > li.menu-item-204 > a::after {position:relative; top:0;}
.menu-item-204 .line2 {position:relative; left:0px; top:-5px;}

.events .elementor-column-wrap {margin:0 5px 12px 5px;}
}


@media (min-width: 1034px) and (max-width: 1216px) {

#menu-piglet-main {margin-top:-100px;
	position:relative;
	left:140px;
	width:100%;}
#menu-piglet-main li a {margin-left:0px!important;
	margin-right:0px!important;
	padding:20px 0 0 0!important;}
.menu-item-17 {margin-left:490px!important; margin-top:-18px!important;}
.header-social {margin:5px 50px 0 2%!important;}
.desktop_logo {margin-left:-35px;}
.menu li a{margin-left:10px!important;}

}

@media (min-width: 1217px) and (max-width: 1260px) {

#menu-piglet-main {margin-top:20px;
	width:100%;
	position:relative;
	left:40px;
	top:-40px;}
#menu-piglet-main li a {margin-left:14px;
	margin-right:14px;
	padding-bottom:0!important; }
.header-social {margin:-60px 0 0 3%;
	padding-top:20px;
	padding-left:5px;}
.desktop_logo {margin-left:-35px;}
.menu li a{margin-left:10px!important;}

}

@media (min-width: 1261px) and (max-width: 1295px) {

#menu-piglet-main {margin-top:20px;
	width:100%;
	position:relative;
	left:40px;
	top:-30px;}
#menu-piglet-main li a {margin-left:14px;
	margin-right:14px;
	padding-bottom:0!important;}
.header-social {margin:30px 0 0 4%;
	padding-top:50px;
	padding-left:0px;
	border:1px solid rgba(0,0,0,0);
	white-space:nowrap;}
.desktop_logo {margin-left:-35px;}
.menu li a{margin-left:10px!important;}

}

@media (min-width: 1296px) and (max-width: 1380px) {

#menu-piglet-main {margin-top:40px;
	width:100%;
	position:relative;
	left:30px;}
#menu-piglet-main li a {margin-left:14px;
	margin-right:14px;
	padding-bottom:0!important;}
.header-social {margin:-25px 0 0 25px;
	padding-top:50px;
	padding-left:5px;
	white-space:nowrap;}
.menu li a{margin-left:10px!important;}
	
}

@media (min-width: 1381px) and (max-width: 1500px) {

#menu-piglet-main {margin-top:-20px;
	width:100%;
	position:relative;
	left:0px;}
#menu-piglet-main li a {margin-left:28px!important;
	margin-right:18px!important;
	padding-bottom:0!important;}
.header-social {margin:16px 0 0 -10px;
	padding-top:50px;
	padding-left:5px;}
.menu li a{margin-left:10px!important;}
	
}

@media (min-width: 1501px) and (max-width: 1800px) {

#menu-piglet-main {margin-top:-20px;
	width:100%;
	position:relative;
	left:0px;}
#menu-piglet-main li a {margin-left:40px!important;
	margin-right:18px!important;
	padding-bottom:0!important;}
.header-social {margin:20px 0 0 0px;
	padding-top:50px;
	padding-left:0px;}
.menu li a{margin-left:10px!important;}
	
}