/*
Theme Name: Flip 4 Kids
*/

/******************************************
	Fonts
******************************************/

@import url('fonts/chunkfive/stylesheet.css');


/******************************************
	Myer Reset
******************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************************
	Rivers Reset
******************************************/

em {
	font-style:italic;
	font-family:inherit;
}
strong {
	font-weight:bold;
}

/******************************************
	Wordpress Core Styles
******************************************/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/******************************************
	GENERAL THEME STYLES
******************************************/


.home-above-hero {
	background:url('images/2026-summer-camps.jpg') center repeat-y;
	height: 300px;
	padding:0 30px;
	position: relative;
    left: -2px;
    width: 931px;
}

.home-above-hero a {
	background: #7dc542;
    padding: 15px 30px;
    color: #fff;
    font-size: 25px;
    position: absolute;
    bottom: 14px;
    right: 52px;
    font-family: 'ChunkFiveRegular', Arial, sans-serif;
    text-decoration: none;
}

.home-above-hero a:hover {
	background: #f58e21;
}


a.virtual-camp-cta {
	width: 640px;
    padding: 20px;
    text-align: center;
    display: block;
    font-size: 24px;
    text-decoration: none;
    font-style: none;
    background: orange;
    color: #fff;
    font-family: 'ChunkFiveRegular', Arial, sans-serif;
}

.camp-component {
	padding: 20px;
    border: 1px solid #666;
    width: 280px;
    float: left;
    margin: 10px;
    height: 125px;
    text-align: center;
    background:url('https://flip4kidsnc.com/wp-content/uploads/2020/05/camp-comppnent-bg-02.jpg') bottom right no-repeat;
    background-size: cover;
    }



#page_loop .entry .camp-component p {
	margin:0 0 5px;
}

#page_loop .entry .camp-component h2 {
	font-size:24px;
	line-height: 30px;
}

#page_loop .entry .banner-pullquote {
	height: 380px;
    width: 761px;
    position: relative;
    top: 0;
    left: -41px;
    display: block;
    background-size: cover;
    margin:35px 0;
    border-top:1px solid #5161ac;
	border-bottom:1px solid #5161ac;
}

.virtual-01-background {
	background:url('https://flip4kidsnc.com/wp-content/uploads/2020/05/virtual-camp-banner-01.jpg') top center no-repeat;
}

#page_loop .banner-pullquote h2 {
/*	font-size:32px;*/
}

#page_loop .banner-pullquote p {
	font-size:18px;
	line-height:24px;
}

.chunk-list {
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
    font-size: 22px;
    margin: 0 0 5px;
    line-height: 26px;
}

#page_loop .entry .chunk-list-small {
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
    font-size: 16px;
    margin: 20px 0 20px 30px;
    line-height: 18px;
}

.chunkfive {
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
}

.alegreya {
	font-family: 'Alegreya', serif;
}

.sup, sup {
	font-size:.5em;
	vertical-align:top;
}
.entry p sup {
	font-size:0.5em;
	position:relative;
	top:-5px;
}


.amp {
	font-family: 'Arial Black', Arial, sans-serif;
	font-weight:bold;
	font-size:.7em;
}
body {
	background:#35414a;
	font-family: Verdana, sans-serif;
}
a {
	color:#5161ac;
	outline:none;
}
.clear_both {
	clear:both;
}
.bold {
	font-weight:bold;
}
#wrap {
	background:#c7f0ef url('images/main_bg.jpg') top center no-repeat;
	width:100%;
	}

.content_wrap {
	width:990px;
	margin:0 auto;
	position:relative;
}

#top_green {
	width:100%;
	height:33px;
	background:url('images/top_green.jpg') 0 0 repeat-x;
	position:relative;
}

#top_headline {
	/*background:url('images/top_headline.png') center no-repeat;
	text-indent:-9999px;*/
	margin:0 auto;
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
	font-weight:200;
	font-size:15px;
	color:#5161ac;
	text-align:center;
	position:relative;
	top:7px;
}

/******************************************
	HEADER STYLES
******************************************/

#header_nav {
	height:183px;
	width:990px;
	background:url('images/nav_header_mbs.png') center no-repeat;
	margin:0 auto;
	position:relative;
}

a.home {
	height:100px;
	width:300px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:50px;
	left:30px;
}

#header_nav ul {
	position:absolute;
	right:30px;
	bottom:6px;
}

#header_nav ul li {
	float:left;
} 
#header_nav ul li a {
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
	font-size:15px;
	color:#fff;
	text-decoration:none;
	height:25px;
	padding-top:30px;
	text-align:center;
	display:block;
}

a.top_about { width:102px; }
a.top_about:hover { background:url('images/top_about.png') center no-repeat; }

a.top_classes_camps { width:155px; }
a.top_classes_camps:hover  { background:url('images/top_classes.png') center no-repeat; }

a.top_materials { width:102px; }
a.top_materials:hover  { background:url('images/top_about.png') center no-repeat; }

a.top_enroll { width:135px; }
a.top_enroll:hover  { background:url('images/top_after-02.png') center no-repeat; }

a.top_news { width:80px; }
a.top_news:hover  { background:url('images/top_enroll.png') center no-repeat; }

a.top_contact { width:102px; }
a.top_contact:hover  { background:url('images/top_about.png') center no-repeat; }


/******************************************
	LEFT NAV STYLES
******************************************/


#left_nav {
	width:214px;
	background:url('images/left_nav_bg.jpg') top right no-repeat;
	min-height:600px;
	float:left;
	position:relative;
	z-index:1;
}
#left_nav ul {
	position:absolute;
	right:-1px;
	top:30px;
}
#left_nav ul li {
	width:223px;
	margin-top:-20px;
} 
#left_nav ul li a {
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
	font-size:22px;
	line-height:25px;
	padding:24px 0 24px 40px;
	color:#5161ac;
	text-decoration:none;
	display:block;
}

#left_nav ul li a:hover {
	background:url('images/left_nav_a_bg.png') 0 0 no-repeat;
	color:#f78f1e;
}

#left_nav ul li a.left_benefits {
	padding:17px 0 17px 40px;
}

#left_nav ul li a.left_benefits:hover {
	background:url('images/left_nav_a_bg.png') 0 -75px no-repeat;
}

/******************************************
	HOME STYLES
******************************************/

#home_contents {
	width:990px;
	margin:0 auto;
	background:url('images/loop_bg.png') center repeat-y;
}
#home_hero {
	height:398px;
	width:962px;
	position:relative;
	margin:0 0 0 12px;
	background:url('images/home_hero.jpg') center no-repeat;
}
#home_did_you_know {
	height:212px;
	width:284px;
	position:absolute;
	top:15px;
	right:20px;
	background:url('images/home_did_you_know_bg.png') center no-repeat;
}

#home_did_you_know .headline {
	color:#7ac142;
	font-size:25px;
	position:absolute;
	top:36px;
	left:34px;
}

#home_did_you_know p {
	color:#35414a;
	font-size:13px;
	line-height:16px;
	position:absolute;
	top:80px;
	left:45px;
	width:200px;

}

#home_did_you_know a.next_fact {
	height:29px;
	width:125px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	bottom:15px;
	right:-10px;
	background:url('images/home_next_fact.png') 0 0 no-repeat;
}

a.sign_up {
	height:145px;
	width:140px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	bottom:15px;
	right:160px;
	background:url('images/sign_up_view.png') 0 0 no-repeat;
}

a.view_course_schedule {
	height:145px;
	width:140px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	bottom:15px;
	right:20px;
	background:url('images/sign_up_view.png') -140px 0 no-repeat;
}

p.child_centered_method {
	color:#35414a;
	font-size:14px;
	width:265px;
	position:absolute;
	bottom:40px;
	left:30px;
}

a.read_more {
	height:16px;
	width:95px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	bottom:15px;
	left:190px;
	background:url('images/read_more.png') 0 0 no-repeat;
}

#home_method_tab {
	height:127px;
	width:296px;
	position:absolute;
	bottom:-3px;
	left:323px;
	background:url('images/home_method_tab.png') center no-repeat;
}
#home_method_tab p {
	color:#5161ac;
	font-size:26px;
	line-height:30px;
	width:250px;
	position:absolute;
	top:45px;
	left:30px;
}
#home_quote_wrap {
	height:310px;
	width:962px;
	position:relative;
	margin:0 0 0 12px;
}
.home_quote{
	width:320px;
	height:245px;
	float:left;
	color:#455560;
	margin:30px 0 0;
}

.center_quote {
	border-left:1px solid #a4e3e2;
	border-right:1px solid #a4e3e2;
}

.home_quote p {
	width:270px;
	margin:30px auto 0;
	font-size:14px;
	line-height:18px;
}

.quote_source {
	font-size:17px;
	color:#5161ac;
	margin:10px 0 0;
}
.quote_founder {
	font-size:14px;
	line-height:18px;
	color:#5161ac;
}

#home_share_wrapper {
	margin:0 0 0 30px;
	width:925px;
	padding:10px 0;
	border-top: 1px solid #A4E3E2;
}

.twitter-share-button {
	position:relative;
	top:2px;
}


/******************************************
	PAGE STYLES
******************************************/

#page_contents {
	width:990px;
	margin:0 auto;
	background:url('images/page_loop_bg.png') center repeat-y;
}
#page_loop {
	width:685px;
	float:right;
	margin:35px 50px 0 0;
	font-size:12px;
	line-height:18px;
}
.entry {
	position:relative;
	margin:0 0 30px;
}
.entry p {
	color:#35414a;
	margin:0 0 20px;
}
#page_loop h1 {
	color:#5161ac;
	font-size:35px;
	line-height:40px;
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
	margin:0 0 10px;
}

#page_loop h2, #page_loop h2 a {
	color:#7ac142;
	font-size:20px;
	line-height:24px;
	margin:0 0 5px;
	text-decoration:none;
	font-weight:bold;
}

#page_loop h3 {
	color:#5161ac;
	font-size:18px;
	line-height:22px;
	margin:0 0 5px;
	font-weight:bold;
}

#page_loop h4 {
	font-weight:bold;
	color:#35414a;
	font-size:14px;
	margin:0 0 5px;
}

#page_loop h5 {
	font-weight:bold;
	margin:0 0 5px;
	color: #35414A;
}

#page_loop h6 {
	margin:0 0 5px;
	color: #35414A;
}

#page_loop ul, #page_loop ol{
	margin:0 0 20px 30px;
	color: #35414A;
}

#page_loop ul li ol{
	margin:5px 0 5px 30px;
}

#page_loop ul li ol li{
	margin:0;
}

#page_loop ul li {
	margin:0 0 5px;
	list-style-type:disc;
}

#page_loop ol li {
	margin:0 0 5px;
	list-style-type:decimal;
}

#page_loop hr {
	width:90%;
	border:1px solid #7ac142;
}

#page_loop table {
	width:100%;
	border:1px solid #5161ac;
	padding:5px;
	margin:0 0 30px;
}
#page_loop td {
	border:1px solid #5161ac;
	padding:8px;
	color:#35414a;
	text-align:center;
}
#page_loop td em {
	font-size:.8em;
}
#page_loop tr.header td {
	background:#5161ac;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

a.enroll_today {
	height:75px;
	width:267px;
	text-indent:-9999px;
	position:absolute;
	top:-80px;
	right:0;
	display:block;
	background:url('images/click_here_to_enroll.jpg') 0 0 no-repeat;
}
.materials_sidebar {
	float:right;
	width:200px;
	padding:10px;
	background:#b8f2f1;
	color:#000;
	font-size:10px;
	line-height:14px;
	color:#455560;
}

a.site_buttons {
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	background:#7ac142;
	color:#fff;
	padding:10px;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/******************************************
	FOOTER STYLES
******************************************/

#foot_wrap {
	height:120px;
	border-top: 6px solid #7ac142;
	color:#7f8d97;
	font-size:12px;
}

#footer_left {
	float:left;
	margin:0 0 0 5px;
	position:relative;
}

#footer_right {
	float:right;
	margin:20px 15px 0 0;
	text-align:right;
}

#footer_right a {
	color:#7f8d97;
	text-decoration:none;
}

#footer_right a.backlink {
	height:52px;
	width:200px;
	display:block;
	text-align:left;
	background:url('images/linkbacklogo.jpg') 0 0 no-repeat;
	text-indent:-9999px;
	float:right;
	margin:0 0 10px;
}

#footer_left a {
	height:60px;
	width:60px;
	display:block;
	text-indent:-9999px;
	margin:5px 0 0;
	float:left;
}

#footer_right a.rivers_folio {
	display:inline;
	color:#7F8D97;
	font-size:10px;
	text-decoration:none;
}



a.facebook {
	background:url('images/social.jpg') 0 0 no-repeat;
}

a.youtube {
	background:url('images/social.jpg') -60px 0 no-repeat;
}

/******************************************
	CONTACT FORM STYLES
******************************************/


.wpcf7 {
	font-size:14px;
	color:#455560;
}

.wpcf7 hr {
	width:90%;
	border:1px solid #afb7de;
	margin:40px auto 40px;
}

.contact_child, .contact_parents, .contact_language {
	padding:10px;
	border:1px solid; 
}

.contact_child .headline, .contact_parents .headline, .contact_language .headline {
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
	font-size:24px;
	height:23px;
	color:#fff;
	padding:10px 0 0 10px;
	margin:0 0 20px;
}


.contact_child .headline { background:#f78f1e; }
.contact_parents .headline { background:#5161ac; }
.contact_language .headline { background:#7ac142; }

.wpcf7 .label {
	margin:0 5px 0;
	float:left;
	text-align:right;
}

.contact_child .label, .contact_parents .label {
	width:180px;
}

.wpcf7-submit {
	font-family: 'ChunkFiveRegular', Arial, sans-serif;
	font-size:18px;
	display:block;
	height:40px;
	background:#5161ac;
	color:#fff;
	padding:10px;
	cursor:pointer;
}


/******************************************
	Blog Styles
******************************************/


#page_loop pre {
	width:680px;
	white-space: normal;
	margin:0 0 20px;
}

#page_loop blockquote {
	padding:15px 15px 5px;
	border:1px solid #f98f00;
	background:#fff0db;
	margin:0 0 20px;
}
#page_loop #post_comments {
	margin:20px 0;
	padding:20px;
}
#page_loop .comment-body {
	margin:0 0 30px;
}
.blog .entry p {
	margin:0 0 5px;
}
a.read_more_link {
	float:right;
	text-decoration:none;
	font-weight:bold;
	margin:0;
}

.post_date {
	color:#7ac142;
	font-weight:bold;
}
 .blog h2, .blog #page_loop h2 a {
	margin:0 0 5px !important;
}

.comment-author, .commentmetadata {
	margin:0 0 10px;
}

#commentform {
	margin:20px 0 0 60px;
}

.reply {
	margin:10px 0 0;
}

#commentform textarea, #commentform #submit {
	margin:10px 0 0;
}
.nocomments { display:none; }