/*
Theme Name: Orme School
Description: JumpStart Child 
Author: Sidewalk Cafe Design
Template: jumpstart
*/


/*
Colors 
burgundy: #983222
orange: #E0684B
dark turquoise: #009AA6
light turquoise: #00B2A9
dark gray brown (text): #675C53
light gray brown: #82786F
*/


/* =Typography, Links, Images
-------------------------------------------------------------*/

body {
	background:#fff;
	color:#675C53;
}

.site-breadcrumbs, .site-inner {
	background:#fff;
}

#wrapper {
	background:#fff;
}


h1, h2, h3, h4, h5 {
	color:#983222; /* burgundy */
	font-weight: 600;
	margin-bottom:10px;
	line-height: 1.3;
}

h3 {
	color:#675C53;
	font-size: 17px;
}

.fixed-sidebar.right-sidebar h3 a {
	color:#E0684B; /* orange */
}

.home h3 a {
	color:#983222; /* burgundy */
	margin-top:0;
}

h4 {
	font-size: 17px;
}

h5 {
	font-size:15px;
	color:#675C53; /* gray brown */
	margin-bottom: 5px;
}

p {
	margin-bottom: 10px;
}

p + h3, h4 + h3 {
	margin-top:20px;
}

#top {
	background:#fff;
}

a {
	color:#009AA6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline:none;
}


img.alignleft, a img.alignleft {
	margin-bottom:10px;
}

.wp-caption .wp-caption-text {
	background:none;
	padding:10px 20px;
}

.pretty {
	padding:4px;
	border:1px solid #ddd;
}

.wp-caption img.pretty {
	padding:4px;
	border:1px solid #ddd;
}

/* list on summer application payment page */
.page-id-2375 ol li p {
	font-size: 16px;
}

/* JS 2.1 increased this margin to 60px */
.element-section>.element, .element-columns .element {
	margin-bottom:30px;
}

iframe {
	border:none;
}

/* Courtney
-------------------------------------------------------------*/
.tb-icon-box .icon-box-title {
    font-size: 50px;
    margin: 0 0 10px 0;
        margin-top: 0px;
}

.tb-icon-box .entry-content > p:last-child {
    margin-bottom: 0;
    font-size: 20px;
}


/* =Header
-------------------------------------------------------------*/

/* The turquoise bar above the header with some text and horizontal menu */

.header-above {
	background:#009AA6; /* dark turquoise */
	height: 40px;
	
}

.header-above .inner {
	max-width: 1170px;
	margin:0 auto;
}

.header-above p {
	padding:0;
	margin:0;
	line-height: 40px;
}

/* Phone, menu and search container */
.contact {
	float:right;
	color:#fff;
}

/* Phone */
.contact .widget.widget_custom_post_widget {
	float:left;
	padding-right:20px;
	padding-left:15px;
}

/* On a phone phone # turns to a link */
.contact .widget.widget_custom_post_widget a {
	color:#fff;
	text-decoration: underline;
}

/* Horizontal menu */
.widget.tb-horz_menu_widget {
	float:left;
}

.tb-search .search-input {
	padding: 6px 8px 6px 34px;
	width:98%;
}

.search-box {
	float:right;
	margin-top:2px;
	padding-left:20px;
}

.top-search {
	float:right;
	padding:10px 10px 0 10px;
}

.top-search a {
	color:#fff;
}

.fa.fa-search {
	font-size:16px;
}

/* Theme includes bar above header. This hides it because I created my own bar
so I could add widgets to it. */
.header-top {
	display: none;
}
/* LC edits for JS 2.2 */
.header-content .site-logo { 
	margin-top:-10px;
	margin-left:20px;
	margin-bottom: 10px;
	height:76px;
	width:320px;
}

.header-content > .wrap {
    padding: 0;
}

#main {
    padding: 0 0 20px 0;
}

/* =Main Navigation
-------------------------------------------------------------*/

/* LC Search in menu */
.menu-light .tb-primary-menu .menu-search .tb-search-trigger {
	padding: 5px;
	color: #675c53;
}

.header-content {
	padding-bottom: 20px;
}

/* LC edits for JS 2.2 */
#access { 
	margin-top: 30px;
	float: right; 
	max-width: 850px; 
}

.header-nav {
	background-color: transparent;
}

.tb-primary-menu > li > .menu-btn {
	color: #675C53; /* dark gray brown */
	text-transform: uppercase;
	font-size: 12px;
	padding:5px 10px;
}

.header-nav .tb-primary-menu > li > .menu-btn {
	color: #675C53; /* dark gray brown */
	text-transform: none;
	font-size: 14px;
	padding:5px 5px;
}

.header-nav .tb-primary-menu .menu-btn:hover {
	background: transparent;
	color:#983222; /* burgundy */
}

.menu-hover-dark .tb-primary-menu > li > .menu-btn:hover {
	background: transparent;
	color:#983222; /* burgundy */
}

/* Sets button in top nav when on child page */
.header-nav .tb-primary-menu > li.current-menu-ancestor > .menu-btn {
	color:#983222; /* burgundy */
	font-weight: bold;
}

/* Moves the caret in drop down menus down a bit (was .8em) */
	.sf-menu-with-fontawesome ul .sf-sub-indicator {
		top:1em;
	}
	
/* Level 2 menus */
.tb-primary-menu ul.non-mega-sub-menu {
   padding: 0;
}

.tb-primary-menu ul.sub-menu .menu-btn {
	padding: 10px 18px;
}

.tb-primary-menu ul.sub-menu .menu-item:hover {
	background-color: #f5f5f5;
	color: #333;
}

/* When level 2 menu has submenu, this is margin between them */
.sf-menu ul.non-mega-sub-menu ul {
	margin:0 2px;
}

/* Level 2 font size and color (taken from old site) */
.tb-primary-menu ul.sub-menu .menu-btn {
	font-size: 13px;
	color:rgba(26,26,26,.7);
}

/* Puts border along top of ul for level 2 menu */
.tb-primary-menu>li>ul.non-mega-sub-menu, .tb-primary-menu .sf-mega {
	border-top:1px solid #f2f2f2;
}


/* =Secondary Navigation - Horizontal turquoise nav in upper top menu
----------------------------------------------------------------------*/

.subnav {
	background-color: #00b3aa;
	background-image: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-transform: none; 
}
.subnav ul.nav {
	margin-bottom: 0;
}

/* All levels */
.subnav ul.nav li {
	margin: 0;
}
.subnav ul.nav li a {
	color: inherit;
	font-size: 14px;
}
.subnav ul.nav li.nav-header {
	margin: 0;
	padding: 0;
}
.subnav ul.nav li.nav-header > span {
	display: block;
}


/* Level 1 */
.subnav ul.nav > li > a,
.subnav ul.nav > li.nav-header > span {
	border-left: 1px solid #fff; /* line between buttons */
	border-right: none;
	line-height: 40px; /* determines height of top menu bar */
	margin: 0;
	padding: 0 12px;
}

.subnav ul.nav > .current_page_item > a,
.subnav ul.nav > .current_page_item > a:hover,
.subnav ul.nav > .current_page_item > a:focus
 {
	padding-left: 13px;
	border-right: none;
	background:#82786F;
	color:#fff;
	border-left: 1px solid #fff;
}

 .subnav ul.nav > li > a:hover { 	
	 background-color: #675C53;
 }
 
 
.subnav ul.nav > li:first-child > a,
.subnav ul.nav > li:first-child > a:hover,
.subnav ul.nav > li:first-child > a:focus,
.subnav ul.nav > li.nav-header:first-child > span {
/* 	border-left: 0; */
	border-left: 1px solid #fff;
	padding-left: 12px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* 8/19/16 - border after last button */ 
.subnav ul.nav > li:last-child > a {
	border-right: 1px solid #fff;
}


.subnav ul.nav > li > a .sf-sub-indicator,
.subnav ul.nav > [class^="menu-icon-"] > a fa {
	line-height: 1em;
}


/* =Left Nav
-----------------------------------------------*/

.fixed-sidebar.left-sidebar .widget {
	padding-left:5px;
}

body.page-template.sidebar-layout-sidebar_left .fixed-sidebar.col-md-pull-8 {
    right: 0;
}

body.page-template.sidebar-layout-sidebar_left .fixed-sidebar.col-md-4 {
    width: 16.6667%;
}

body.page-template.sidebar-layout-sidebar_left #content.col-md-8 {
    width: 100%;
}

/* LC EDits to left nav */

.ubermenu-vertical.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-item-has-children>a.ubermenu-target:after {
	display: none;
}


/* =Right Sidebar
-----------------------------------------------*/

body.page-template.sidebar-layout-sidebar_right .content-container.col-md-10, 
body.page-template.sidebar-layout-full_width .content-container.col-md-10,
body.page-template.sidebar-layout-full_width #content.col-md-8 {
	width: 100%; 
}

.fixed-sidebar.right-sidebar {
	border-left:1px solid #ccc;
	padding-left:30px;
}

.fixed-sidebar.right-sidebar p {
	font-size: 16px;
}

.fixed-sidebar.right-sidebar h3 {
	font-size: 18px;
	line-height: 1.2em;
}

.fixed-sidebar.right-sidebar li {
	font-size: 13px;
}

/* Icon on left and text does not wrap around it */
.icon-left {
	padding:0 0 0 50px;
	position: relative;
}

.icon-left img {
	left:0;
	top:0;
	position: absolute;
}

blockquote {
	border:none;
	padding:0;
}

.fixed-sidebar.right-sidebar blockquote p, #content blockquote p {
	color:#9a8a68;
	font-size:15px;
	line-height: 1.3;
}

#content blockquote p {
	font-size: 17px;
	line-height: 1.4;
}

.fixed-sidebar.right-sidebar blockquote p:last-of-type, #content blockquote p:last-of-type {
	color:#9a8a68;
	font-size:13px;
}

/*
This applies to the quote icon. On the phone the alignleft becomes float:none. This works for 
desktop as well, but it doesn't need it because alignleft has float:left
*/
blockquote img.alignleft {
	margin:5px 15px 10px 0;
	float:left;
}

a img.alignleft {
	margin-bottom: 0;
}

    
/* Share buttons */

.fixed-sidebar-inner pre {
	background: none;
	border: none;
	padding:0;
	margin-bottom:0;
}

/* =Home
-----------------------------------------------*/


/* Sits right below slideshow. Contains image of landscape with text inside.  */
.home .box-below-slideshow {
	/*background: url("assets/images/OrmeLandscapeHome.jpg");*/
	padding:15px;
	height: 140px;
	color:#000;
	font-size:18px;
}

.element-section {
	padding:30px; /* EB 4-27-15 */
}

/* Decrease margin after videos when stacked */
@media (max-width: 991px) {
	.home .element-columns.stack-md>.row>.col:not(.has-bg) {
		margin-bottom: 30px;
	}
}


.awaken {
	font-size: 28px;
	color:#009AA6;
}

.tb-thumb-link.thumbnail {
	margin-bottom:10px;
}

.home .fixed-sidebar .widget {
	padding:0;
}

.home .fixed-sidebar .widget img {
	padding:4px;
	margin-bottom:10px;
}

/* Images in grid on home */

.tb-thumb-link {
	padding:4px;
	border:1px solid #dddddd;
	margin-bottom: 5px;
}

.themeblvd-lightbox.video::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block; 
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}


/* .themeblvd-lightbox.video::before {
    font-family: "Font Awesome"; 
	font-weight: 400;
	content: "\f167";
    opacity: .8;
    font-size: 80px;
    color: #000;
    background: #fff;
    height: .5em;
    width: .8em;
    line-height: .5em;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate3d(-50%, -50%, 0); 
} */

/* =Page
-----------------------------------------------*/

/* Needed to make both sidebars show up */
body.page-template .col-md-pull-6 {
    right: auto;
}

.content-container { 
	float: right; 
	padding-top:30px;
}

.section-heading {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 20px;
}

.section-heading p {
	margin-bottom:5px;
	color:#009AA6;
}

.section-heading .col-sm-10 {
	padding:0;
}

/* Line height for p is 1.6 in ThemeBlvd. This way top of the title and the text next to it line up. */
.section-title {
	color:#009aa6;
	font-size: 1.6em; 
	line-height: 1;
}


/* Remove top padding on content and sidebar, so they line up with content right border */
#content .inner article.page {
	padding-left:0;
	padding-top:0;
}



/* Make top and bottom margin around divider between sidebar widgets smaller */
.tb-divider {
	margin:10px auto;
}

/* Content block with Summer Camp Application link */
#custom_post_widget-2422 .tb-divider {
	margin:20px auto;
}

.fixed-sidebar.right-sidebar .widget {
	margin-bottom:0;
	padding:0;
}

/* Make content area line up with featured image */
#content.col-md-8 {
	padding-left:0;
}

/* If there's only a right sidebar, put padding on the left */
/*
.sidebar_right #content.col-md-8 {
	padding-left:20px;
}
*/

/* For full width page (Inquire) put padding on left */
.sidebar-layout-full_width #content {
	padding-left:30px;
}

/* Featured image border. Revolution slideshow border is in plugin settings, so that it is only applied
	on pages with slideshow */
.featured-page-image img {
  border: 1px solid #ddd !important;
  padding: 4px !important;
  margin-bottom: 20px !important;
}

.content-container .featured-page-image .rev_slider_wrapper {margin: 0 !important}


/* 3 boxes on Giving page */

.giving-box {
	background:#faf0d0;
	padding:20px;
	text-align: center;
	position: relative;
	margin-top: 25px;
}

.giving-box p {
	line-height: 1.3;
}

.giving-box img {
	top:-12px;
	position: absolute;
	left:0;
	right:0;
	margin:auto;
}

/************* LC - Giving Pages ***************/

.lc-annual-ways p {
	line-height: 1.3;
}

.lc-annual-quote p {
	font-size: 1.3em;
	color: #fff;
	letter-spacing: 0.05em;
	padding:  0 100px;
	line-height: 1.4em;
}

.lc-annual-path h2, .lc-annual-path h3, .lc-other-pathways h3, .lc-other-pathways h4, .lc-lets-connect h3 {
	margin: 0;
}

.lc-annual-path p {
	line-height: 1.6em;
}

@media (max-width:480px) {
	.lc-annual-path h2, .lc-annual-path h3 {
		float: clear;
		text-align: center;
	}
	.lc-annual-path img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

.lc-giving-image {
		padding-top: 15px;
	}

@media (max-width:1050px) {
	.lc-giving-title h1 {
		font-size: 1.8em;
	}
	.lc-giving-title h2 {
		font-size: 1.4em;
	}
}

@media(max-width:767px) {
	.lc-giving-title h1, .lc-giving-title h2 {
		text-align:center;
	}
	.lc-giving-image img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 75px;
	}
}
	

.lc-lets-connect h3 {
	padding-bottom: 0px;
}

.lc-other-pathways h3 {
	margin: 0;
	padding-bottom: 5px;
}
.lc-other-pathways h4 {
	margin: 0;
	padding-bottom: 10px;
}

.lc-path-arrow {
	margin: 0 auto;
}

@media (min-width:767px) {
	.lc-three-path-left, .lc-three-path-center {
		border-right: 5px solid #ffffff;
	}
	.lc-ways-left-col, .lc-ways-center-col {
		border-right: 5px solid #fff;
	}
}


@media (max-width:767px)  {
	.lc-path-arrow {
		padding-top: 20px;
	}
	.lc-three-path-left, .lc-three-path-center {
		border-bottom: 5px solid #ffffff;
	}.lc-ways-left-col, .lc-ways-center-col {
		border-bottom: 5px solid #fff;
	}
}

li {
	font-size: 16px;
}

.lc-bars {
	padding: 20px 30px;
}

.lc-other-pathways {
	padding: 0px;
}
	
@media (min-width:992px) {
	.lc-thank-you-left-col {
		padding-left: 40px;
	}
}

@media (min-width:767px) {
	.lc-annual-title {
		/* margin-left: -6%; */
	}
}

.lc-giving-title h1 {
	padding: 5px 15px 0 0;
	line-height: 1.0em;
}

.lc-alumni-give {
	background-color: #71abab;
	padding: 20px;
	margin-bottom: 10px;
	display: block;
}

.lc-alumni-give a {
	color: #ffffff;
}

.lc-alumni-give-gray {
	text-align: center;
	background-color: #f2f2f0;
	padding: 25px 20px 20px 20px;
	margin-bottom: 10px;
	display: block;
	font-weight: 600;
}

.lc-alumni-give-gray a {
	color: #000000;
}

.lc-alumni-give-gray a:active, .lc-alumni-give-gray a:hover {
	color: #71abab;
	text-decoration: none;
}

/* .lc-giving-title h1 {
	padding: 30px 0 0 0;
	margin-bottom: 0px;
	font-weight: 600;
}

.lc-giving-title h2 {
	margin-top: 0px;
	font-size: 1.8em;
}

.lc-giving-title h3 {
	font-weight: 500;
	font-size: 1.6em;
	padding-bottom: 15px;
} */

.lc-caption {
	position: relative;
	padding: 0;
	margin: 0;
}
.lc-caption img {
	display: block;
	max-width: 100%;
	height: auto;
}
.lc-caption:after {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.6) 100%) repeat 0 0;
	z-index: 1;
}
.lc-caption-text {
	font-size: 2.3em;
	display: block;
	position: absolute;
	width: 100%;
	max-width: 600px;
	line-height: 1.2em;
	color: #f3f3f3;
	left: 18%;
	bottom: 45%;
	font-weight: 600;
	padding: 1em;
	z-index: 2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lc-paragraph-bold p {
	font-weight: 600;
	padding: 0 75px;
	font-weight: 500;
}

.lc-giving-button, .lc-giving-button .btn {
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 600;
}

.lc-giving-button:hover, .lc-giving-button:active {
	background-color: #ffffff;
	color: #71abab;
}

@media (max-width:1199px){
	.lc-caption-text {
		font-size: 2.0em;
		max-width: 500px;
		left: 10%;
	}
	.lc-annual-quote p {
		padding: 0 75px;
	}
}

@media (max-width:991px){
	.lc-caption-text {
		font-size: 1.8em;
		max-width: 500px;
		left: 5%;
	}
	.lc-annual-quote p {
		padding: 0 50px;
	}
	.lc-paragraph-bold h2 {
		font-size: 1.4em;
	}
}

@media (max-width:767px){
	.lc-caption-text {
		font-size: 1.4em;
		max-width: 400px;
	}
	.lc-paragraph-bold p {
		font-weight: 600;
		padding: 0 25px;
		font-size: 1.2em;
	}
	.lc-annual-quote p {
		padding: 0 25px;
	}
}



/* End LC - Giving Pages */


/*Responsive table*/
table { 
  width: 100%; 
  border-collapse: collapse;  
}

td, th { 
  padding: 8px; 
  text-align: left; 
}

th {  
  font-weight: bold; 
  color:#009AA6;
  border-top: 2px solid #ddd !important;
  border-bottom: 2px solid #ddd !important;
}

td.shaded-row {
	background:#eee;
	font-weight: bold; 
	color:#009AA6;
}

.curriculum tr:last-child {
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	font-weight: bold;
}

.tuition tr:last-child {
	border-bottom: 1px solid #ddd;
}

/* =Blog, Categories, List and Archive
-----------------------------------------------*/

.tb-info-box {
	padding:0;
	margin-bottom:0;
}

/* Hide html on comment form */
.form-allowed-tags { display: none; }
#commentform code.block { display: none; }

.byline.author.vcard, .comments-link, .entry-meta .sep {
	display:none;
}

/* Category title */
.tb-info-box .info-box-title {
	margin-left:30px;
	margin-top:20px;
}

/* Pushes sidebar down so it lines up with content */
.page-template-template_list-php .fixed-sidebar.right-sidebar, .single-post .fixed-sidebar.right-sidebar, .archive .fixed-sidebar.right-sidebar, .search .fixed-sidebar.right-sidebar {
	margin-top:40px;
}

/* Border across top to separate from navigation */
.page-template-template_list-php .sidebar_layout-inner, .single .sidebar_layout-inner, .archive .sidebar_layout-inner, .search .sidebar_layout-inner {
	border-top:1px solid #ccc;
}

.page-template-template_list-php .widget li, .single-post .widget li, .archive .widget li {
	padding-bottom: 8px;
}

.page-template-template_list-php .fixed-sidebar.right-sidebar .widget, .single-post .fixed-sidebar.right-sidebar .widget, .archive .fixed-sidebar.right-sidebar .widget {
	padding-bottom: 20px;
}

.blog-wrap > article, article.single {
	margin-bottom: 0;
}

.list-wrap .thumb-wrapper {
	padding:2px;
	border:1px solid #ccc;
}

@media (max-width:767px) {
	.list-wrap article.has-thumbnail {
		padding-left:0;
	}
}


/* =Footer
-----------------------------------------------*/

.footer-content {
	padding:0 30px;
}

.tb-social-icons ul > li {
	opacity:0.7;
	padding-right:3px;
}

.footer-address {
	padding-top:10px;
}

.footer-content a {
	color:#fff;
	text-decoration: underline;
}

.footer-content a:hover {
	color:#fff;
	text-decoration: none;
}
/* quick links */
.footer-content .entry-content p {
	margin: 0 0 10px 0;
}



/* icons - facebook, twitter, youtube */
.fa-fw {
	font-size: 20px;
}

/* Follow Us under Twitter feed was too close */
.footer-content .widget {
	margin-bottom:10px;
}


/* the text in the footer had a shadow on it */
.text-light {
	text-shadow: none;
}

.footer-sub-content {
	background: #c8b180;
	text-align: left;
	padding:5px 30px;
}

.copyright {
	max-width: 1170px;
	margin:0 auto;
	color:#fff;
}

.site-copyright>.wrap {
	padding: 0;
	}


/* =Plugins & Widgets
-----------------------------------------------*/

.widget {
	margin-bottom:0;
}

.widget-easy-twitter-feed-widget-container h3.widget-title {
	display:none;
}

/* Ubermenu */


/* Ubermenu - Decreases the padding so left menu is wider. 
	This is done in the customizer */


/* Make ancestor of current item bold */
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
	font-weight: bold;
}

/* Left menu caret was too low */
body .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after {
	top:25%;
}


/* Instagram - css changes are done in the plugin in dashboard */



/* --------Gravity Forms--------- */

input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="month"], textarea, select {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
}

/* Text that user enters into fields */
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea, .gform_wrapper select {
	font-size: 14px;
}

/* Radio buttons were getting cut off in Safari */
.gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] {
	margin-left: 1px;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	font-weight: normal;
}

/* When form is on the page */

/* Input fields email and phone */
.ginput_container {
	margin-bottom: 15px;
}

/*
Name when it's first and last are in separate fields. Since name has a ginput_left and right, it gets margin-bottom:10 from that so the 
main box has to get less.
*/
.ginput_complex.ginput_container {
	margin-bottom: 0;
}

.ginput_full, .ginput_left, .ginput_right {
	margin-bottom: 10px;
}

/* When form is in sidebar */

/* Input fields email and phone */
.fixed-sidebar .ginput_container {
	margin-bottom: 5px;
}

/*
Name when it's first and last are in separate fields. Since name has a ginput_left and right, it gets margin-bottom:10 from that so the 
main box has to get less.
*/
.fixed-sidebar .ginput_complex.ginput_container {
	margin-bottom: 0;
}

/* Name */
.fixed-sidebar .ginput_full, .fixed-sidebar .ginput_left, .fixed-sidebar .ginput_right {
	margin-bottom: 0;
}

/* Address boxes */
.fixed-sidebar #input_2_5 .ginput_full, .fixed-sidebar #input_2_5 .ginput_left, .fixed-sidebar #input_2_5 .ginput_right {
	margin-bottom: 10px;
}

/* Summer Application form */

/* Do you accept? (At bottom of page) */
#field_3_74.gfield .gfield_label {
	color:#983222;
}


/* Online Application form */

.gfield_list th {
	border-top:none !important;
	border-bottom:none !important;
}

.alert-success {
	background:#cac9e5;
	border-color:#928fd3;
	color:#333;
}

/* After gravity forms update the right border on Last Name field is gone. This fixeds it. */
#input_4_1_6_container, #input_5_1_6_container, #input_1_1_6_container {
          margin-right: 0px;
}



/* =Responsive (most of this was copied from parent
------------------------------------------------------ */

/* Small Desktops */
@media (max-width: 1200px) {

	.header-top > .wrap,
	.header-above > .wrap,
	.header-content > .wrap,
	.header-nav > .wrap,
/* 	.tb-sticky-menu > .wrap, */
	.tb-featured-banner > .wrap,
	.site-inner > .wrap,
	.element-section > .element,
	.site-footer > .wrap {
				max-width: inherit;

	}
	
	#sidebar_layout { 
		padding: 0 20px; 
	}
	
	.tb-sticky-menu > .wrap {
		width:95%;
	}

}


@media (max-width: 1170px) {

/* The turquoise menu in the top bar. */
	.contact .sf-menu > li {
		float: left;
	    display: block;

	}
		
}


	
/* Tablets */
@media (max-width: 991px) {
	
/*
	When the mobile menu shows up hide the search icon because there's one in the
	mobile menu
*/
/* top-search is for search icon and search-box is for the white box. We've changed back and forth */
	.top-search {
		display:none;
	}

	.search-box {
		display:none;
	}
	
	.content-container {
		float:none;
	}
	
/*
	On desktop, header above is above the logo. On mobile, it's below the logo. It's hard 
	to move it back above, so I'm hiding it and then putting a blue border above the logo.
*/
	.header-above {
		display:none;
	}
	
/* 	This is blue border above logo if we hide header above */
	.tb-mobile-header {
		border-top:5px solid #009aa6;
	}
	
	.fixed-sidebar {
		margin-bottom:0;/* default 30px */
	}

	/* When columns stack makes .col-sm-4 go full width */
	.fixed-sidebar.right-sidebar.col-sm-4 {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	/* Hide border on left */
	.fixed-sidebar.right-sidebar {
		border:none;
	}
	
	/* Hide left sidebar widget. Otherwise featured images goes off the page. */
	.fixed-sidebar.left-sidebar .widget {
		display:none;
	}
	
	#content .inner {
		border:none;
	}
	
	.footer-content .widget-area {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: 0px solid #c8b180 !important;
}
	
/*
	On mobile, when sidebar goes under content, the border puts some separation
	between them. But we're not sure we want that, so commented out.
*/
	#content .inner article.page {
		padding-right:0;
		padding-bottom: 0;
/* 		border-bottom: 1px solid #ccc; */
	}
	
	/* When this is one column I want it to go to the right edge, but when there's a right sidebar
		I need some right padding */
	#content.col-md-8 {
		padding-right:0;
	}
	
	.tb-primary-menu > li > .menu-btn {
		padding: 10px 10px;
	}
	
	.tb-primary-menu > li > .menu-btn.sf-with-ul {
		padding-right: 5px;
	}
	
/* 	The side menu is the one on mobile */
	.tb-side-menu .sub-menu {
		font-size: 14px;
	}
	
/* 	Add space around menu items so your finger can touch them */
	.tb-side-menu .sub-menu li {
		padding:15px 7px 15px 35px;
	}
	
/* 	It normally has little black lines */
	.tb-mobile-panel .tb-side-menu .sub-menu li {
		background-image: none;
	}

	/* Main */
	.breadcrumb {
		font-size: 12px;
		margin-bottom: 0;
	}
	#content {
		margin-bottom: 30px;
	}
	
	/* Footer */
	.footer-content .widget-area {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #B3E0E4;
	}

}

/* 	Table header image issue */
#custom-main > .section_1264396454628d725bbbe43 {
    padding-top: 75px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

@media (max-width: 855px) {
	
	.home .box-below-slideshow {
		font-size: 16px;
	}
	
	.section-title {
		font-size: 20px;
	}
	
}

/*
The phone and buttons in the top bar start moving left. At this
point they bump into the logo, because the logo overlaps the top bar.
So I'm pushing the logo down. Then the logo bumps into the border
at the top of the section, so I'm pushing that down as well.
*/
@media (max-width: 800px) {

	.header-content .header_logo {
		margin-top:10px;
		margin-left:0;
		padding-bottom:10px;
	}
	
	.section-heading {
		margin-top:10px;
	}
	
}

/* Mobile Devices */
@media (max-width: 767px) {
		
	.header-logo img {
      	max-height: 64px;
     }
     
	.section-title {
		font-size: 18px;
		padding:0;
	}
	
	h3 {
		font-size:16px;
	}
	
	.awaken {
		font-size:18px;
	}
	
	.section-heading .col-sm-10 {
		padding-left: 15px;
	}
	
/* 	When images stack (on home) the default margin-bottom is 50px */
	.element-columns.stack-sm>.row>.col:not(.has-bg), .element-columns.stack-sm>.container-sm-height>.row>.col:not(.has-bg) {
		margin-bottom:30px;
	}
	
}

/* Phone - big */
@media (max-width: 480px) {
	
	.contact .widget-1 p {
		padding-left:14px;
	}
	
	.header-logo img {
      	max-height: 54px;
    }
     
    .section-heading .col-sm-10 {
		display:none;
	}
	
/* 	8/18/16 - Makes top turquoise nav smaller so it will all fit on one row */
	.subnav ul.nav > li > a, .subnav ul.nav > li.nav-header > span {
		padding:0 6px;
		font-size: 12px;
	}
	
	.subnav ul.nav > li:first-child > a, .subnav ul.nav > li:first-child > a:hover, .subnav ul.nav > li:first-child > a:focus, .subnav ul.nav > li.nav-header:first-child > span {
		padding-left:7px;
/* 		border-left: none; */
	}
	
	
	.cow.alignright {
		float:right;
	}
	
	.ross.alignleft {
		float:left;
		margin-right: 12px;
	}
	
	.fixed-sidebar.right-sidebar {
		padding-left:0;
	}
	
	.hide-mobile {
		display:none;
	}

	
}



/* Phone - small*/
@media (max-width: 320px) {

	.awaken-your-potential {
		/*display:none;*/
	}
	
	blockquote img.alignleft, a img.alignleft {
		margin-right: 5px;
		margin-bottom: 5px;
	}
	
	.header-content .header_logo {
/* 		width: 90%; */
	}
	
	.contact .widget.widget_custom_post_widget {
		text-align: center;
		float:none;
	}
}