/*
Theme Name: Westwood
Theme URI: http://underscores.me/
Author: Jack Walsh
Author URI: http://www.jw-wpdev.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: westwood
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Westwood is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	margin-top: 0 !important;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

.site-branding .wrap {
	width: 800px;
	margin: 0 auto;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Lato",sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 200;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Lato", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

h1 {
	font-size: 72px;
	line-height: 1.11em;
	letter-spacing: 0;
}

h2 {
	font-size: 48px;
	line-height: 1.21em;
	letter-spacing: 0;
}

h3 {
	font-size: 30px;
	line-height: 1.33em;
	letter-spacing: 0;
}

h4 {
	font-size: 24px;
	line-height: 1.42em;
	letter-spacing: 0;
}

p {
	font-family: "Lato", sans-serif;
	font-weight: 200;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 1em !important;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	//border: 1px solid;
	//border-color: #ccc #ccc #bbb;
	//border-radius: 3px;
	//background: #e6e6e6;
	background: transparent;
	//box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	//color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	//text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	//border-color: #ccc #bbb #aaa;
	//box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	//border-color: #aaa #bbb #bbb;
	//box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/**
   styling support for SVG images
**/

img[src$=".svg"] {
  width: 100% !important;
  height: auto !important;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #cccccc;
	text-decoration: none; 
}

a:visited {
	color: white;

}

a:hover,
a:focus,
a:active {
    /*background-color: white;*/
    color: #ffffff !important;
    text-decoration: underline !important;
}

a:focus {
	//outline: thin dotted;
}

a:hover,
a:active {
	//outline: 0;
}

/*-----------------------------------------------
## Site Header
-----------------------------------------------*/
.site-header {
	max-width: 1120px;
	margin: 0 auto;
}

.site-logo {
	position: relative;
	display:inline;
	float: left;
	padding-top: 15px;
	z-index: 100;
}

.site-logo a {
	padding: 15px 30px;
}

.head-content {
	display: block;
	float:right;
	padding-top: 15px;
	color: white;
}

.header-icon {
	float: right;
	margin-bottom: 0;
	color: white;
	padding-top: 15px;

}

.fa {
	float: right;
	padding-right: 10px;
}



/*--------------------------------------------------------------
## Full Screen background using Beaver Builder
----------------------------------------------------------------*/
.fl-builder-content {
	/*--------------- disable position to modify page top BB modules -----------------------*/
	position: relative;
	//top: 0;
	//left: 0;
	margin-top: -167px !important;
	//z-index: -2;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*---------Acting for the Camera sub-nav menu -----------------------*/	

	.acting-borderTop {
		display: none;
	}
	
	.sub-navRow {
		/*clear: both;
		//overflow: hidden;
		//z-index: 5;*/
		position: relative;
		/*-- margin was -85px --*/
		margin-top: 0;
	}

	.about-program {
		//overflow: hidden;
		position:relative;
		//z-index: 1;
		//margin-top: -45px;
	}

	.widget.widget_nav_menu {
		margin: 0 0 1.5em !important;
	}

	.acting-menu {
		clear:both;
		display: inline;
		//float: right;
		//width: 100%;
		margin: 0 !important;
	}

	.acting-menu ul {
		display: inline;
		float: left;
		list-style: none;
		margin: 0 50px 0 0 !important;
		padding-left: 0 !important;
		padding-bottom: 20px !important;
	}

	.acting-menu li {
		float: left;
		position: relative;
		z-index: 1;
		padding: 8px 6px !important;
		font-size: 16px;
		background-color: transparent;
		text-transform: uppercase;
	}

	.acting-menu li a {
		display: block;
		text-decoration: none !important;
		color: #2970a5 !important;
	}
	.acting-menu li a:hover {
		display: block;
		background-color:#2970a5 !important;
		color: #ffffff !important;
	}
	
	.sub-navButton {
		margin-right: 40px;
	} 

/*--------------------------------------------------------------
   Site header + main navigation
   Transparent header; horizontal nav on desktop; Responsive Menu Pro
   handles the hamburger below 1024px. No !important anywhere.
--------------------------------------------------------------*/

/* Header row: logo on the left, nav block on the right.
   Position+z-index lift the whole header above .fl-builder-content,
   which is pulled up 167px by an !important rule elsewhere. */
.site-branding {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	position: relative;
	z-index: 100;
}

.site-logo {
	float: none;
	flex: 0 0 auto;
	max-width: 300px;
	padding: 0;
	margin: 0;
}
.site-logo a {
	padding: 0;
}

.head-content {
	float: none;
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0;
}

/* Hide the social-icons widget in the header — not used anymore. */
.head-content .icon-content {
	display: none;
}

.main-navigation {
	float: none;
	clear: none;
	width: auto;
}

/* Theme's built-in hamburger is unused — Responsive Menu Pro renders
   its own. Hide so we never get two hamburgers stacked. */
.menu-toggle,
.main-navigation.toggled {
	display: none;
}

/* Subtle dark gradient under the nav so white menu text is readable
   over any underlying page background. Keep it light — the page hero
   shows through. */
.site-header {
	background: linear-gradient(to bottom,
		rgba(0, 0, 0, 0.55) 0%,
		rgba(0, 0, 0, 0.25) 70%,
		rgba(0, 0, 0, 0) 100%);
}

/* Top-level menu: single horizontal row, items at natural width,
   right-aligned with a small gap between them. */
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation > div > ul,
.main-navigation > ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	gap: 0;
}

.main-navigation > div > ul > li,
.main-navigation > ul > li {
	position: relative;   /* anchor for absolute-positioned dropdown */
	flex: 0 0 auto;
}

.main-navigation > div > ul > li > a,
.main-navigation > ul > li > a {
	display: block;
	padding: 8px 8px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6),
	             0 0 12px rgba(0, 0, 0, 0.4);
}

.main-navigation > div > ul > li > a:hover,
.main-navigation > div > ul > li > a:focus,
.main-navigation > ul > li > a:hover,
.main-navigation > ul > li > a:focus {
	text-decoration: underline;
}

/* Dropdown sub-menu: solid dark panel directly under the parent <li>. */
.main-navigation ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #313131;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	z-index: 1000;
}

.main-navigation > div > ul > li:hover > ul,
.main-navigation > div > ul > li:focus-within > ul,
.main-navigation > ul > li:hover > ul,
.main-navigation > ul > li:focus-within > ul {
	display: block;
}

/* The last top-level item sits at the viewport's right edge; anchor
   its dropdown to that edge so it opens leftward and stays onscreen. */
.main-navigation > div > ul > li:last-child > ul,
.main-navigation > ul > li:last-child > ul {
	left: auto;
	right: 0;
}

.main-navigation ul ul li {
	border-bottom: 1px solid #515151;
}
.main-navigation ul ul li:last-child {
	border-bottom: 0;
}

.main-navigation ul ul li a {
	display: block;
	padding: 12px 16px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-decoration: none;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus {
	background-color: #525252;
	color: #fff;
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

h1.entry-title {
	display: none;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.arrow-down {
	position: relative;
    display: inline-block;
    width:100%;
    text-align: center;
    background: #ededed;
    padding-bottom:40%;
    background-clip:content-box;
    overflow:hidden;
}

.arrow-down:after {
	content: "";
	position: absolute;
	left: -147px;
	top: -53px;
	background-color:inherit;
	padding-bottom:50%;
	width:400%;


	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-transform: rotate(-30deg) skewX(30deg);;
	-ms-transform: rotate(-30deg) skewX(30deg);
	transform: rotate(-20deg) skewX(50deg);
	}

.arrow-up {
	position: relative;
	text-align: center;
	width: 10%;
	height: 10%;
}

.arrow-up:after {
	content: "";
	display: block;
	border-left: 321px solid transparent;
	border-right: 321px solid transparent;
	border-bottom: 60px solid #ededed;
}

.fl-node-581d105c800f0.fl-module-heading .fl-heading {

  	line-height: 1rem !important;
}

.meta-position {
	margin-bottom: 200px;
	margin-top: -165px;
}

.fl-post-feed-title {
	margin-bottom: 0;
}

h3.fl-node-581f6c2962a55.fl-module-heading .fl-heading {
	line-height: 0;
}

.program-descriptions h3 {
	line-height: 0em;
}

.program-descriptions p {
	line-height: 1.5em !important;
}

/* Home page testimonial p line spacing */
.fl-builder-content .fl-node-58223251352f2 {
	line-height: 1.5em !important;
}


/*----- blog post feed -----*/
/*.post-feed {
	border-bottom: 0 solid;
	margin: 0 0 -160px 0;
	padding: 0;*/
.fl-post-feed-post.fl-post-feed-has-image {
	border-bottom: none !important;
	margin-bottom: -160px !important;
	padding-bottom: 0 !important;
}

.entry-footer {
	display: none;
}

.quarter-heading {
	padding: 124px 10px 30px 10%;
}

.program-descriptionHeading {
	font-size: 24px;
	line-height: 30px;
	padding: 0 10% 0 10%;
}


.acting-descriptions {
	padding: 0 10% 20px 10%;
	margin: 0;
}

.acting-descriptions p {
	margin: 0;
}

.acting-descriptionsBottom p {
	padding: 0 10% 10% 10%;
	margin: 0;
}

/*----- home page header sub-description -----*/
.header-subDescrip {
	padding-right: 650px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*------ testimonial border padding ---------*/
.fl-node-58223251352f2 > .fl-col-content {
		padding-top: 167px !important;
		padding-bottom: 167px !important;
	}
	
/*------ Featured Programs border styling -------*/	
.featured-block1 {
		padding-top: 60px;
		border-style: solid;
		border-color: #ededed;
		border-top-width: 40px;
		border-bottom-width: 0;
		border-right-width: 40px;
		border-left-width: 40px;
	}

.featured-block2 {
		border-style: solid;
		border-color: #ededed;
		border-top-width: 0;
		border-bottom-width: 0;
		border-right-width: 40px;
		border-left-width: 40px;
	}
	
.featured-block3 {
		padding-bottom: 60px;
		border-style: solid;
		border-color: #ededed;
		border-top-width: 0;
		border-bottom-width: 40px;
		border-right-width: 40px;
		border-left-width: 40px;
	}
	

.testimonial-border {
	border-style: solid;
	border-color: #3ca0e9;
	border-top-width: 40px;
	border-bottom-width: 40px;
	border-right-width: 40px;
	border-left-width: 40px;
}

.acting-border {
	border: solid 40px #ededed !important;
	/*border-color: #ededed;
	border-top-width: 40px;
	border-bottom-width: 40px;
	border-right-width: 40px;
	border-left-width: 40px;*/
}

.program-explore {
	padding-top: 220px;
}

a.fl-button:hover {
    color: #2970a5 !important;
}

/*-------- Alumni program descriptions ----------*/
.alumni-testimonial,
.alumni-testimonial-descrip p,
.alumni-button {
	padding-left: 40px;
}

.alumni-testimonial {
	padding-top: 128px;
}

.alumni-testimonial-descrip p {
	padding-right: 20px;
}

.alumni-button {
	padding-bottom: 140px;
}

/*------ About Page border top row ------*/

.vision-border {
	border: solid;
	border-color: #3185c2;
	border-top-width: 45px !important;
	border-bottom-width: 45px !important;
	border-left-width: 37px !important;
	border-right-width: 37px !important;
}
	
/*----- Blue border around 'About The Program' ------*/
.about-program {
	border-style: solid;
	border-color: #3ca0e9;
	border-top-width: 45px;
	border-right-width: 37px;
	border-bottom-width: 45px;
	border-left-width: 37px;
}

/*----- Classes description on Acting page -----*/
.acting-classesDescripHeading {
	margin-left: 60px;
	margin-top: 60px;
}

.acting-classesDescrip {
	padding: 0 35px;
}

.apply-deadlineHeading {
	margin-top: 271px;
	margin-bottom: 15px;
}

.apply-deadlineDate {
	padding-top: 15px;
}

.apply-deadlineDate p {
	font-size: 28px;
	font-weight: 300;
	margin-top: 8px;
        text-transform: uppercase;
}

.fl-builder-content .fl-node-582232f56e4a0 a.fl-button {
	border: solid 2px #3185C3 !important;
}

/*----- Fix width issue with blog post -----*/
.fl-module img {
		max-width: 100%;
	}


/*----- Explore button border -----*/
.fl-builder-content .fl-node-582232f55a7e0 a.fl-button {
	border: solid 2px #ffffff !important;
}

.apply-onlineButton {
	padding-right: 250px;
}

/*----- remove extra space under mail list signup -----*/
.fl-module.fl-module-html.fl-node-58224ba279fe3 img,
.fl-module.fl-module-html.fl-node-582e47e7b64cd img,
.fl-module.fl-module-html.fl-node-5831ea8811935 img,
.fl-module.fl-module-html.fl-node-58347ed9b7562 img
.fl-module.fl-module-html.fl-node-58349e3919358 img{
	display: none !important;
}


/*------ Acting for the Camera ------*/

@media screen and (max-width:1920px) {
.apply-onlineToday {
		padding-left: 400px !important;
	}
}


/*------------------------------------------
## Media Queries
------------------------------------------*/
@media screen and (max-width:1440px) {
	/*.site-header {
		max-width: 1120px;
		margin: 0 auto;*/
	}

	.front-testimonial h2 {
		margin-left: -60px;
		margin-right: -60px;
	}

	.front-testimonial p {
		margin-left: -60px;
		margin-right: -60px;
	}
	
	.fl-node-58223251352f2 > .fl-col-content {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
		padding-left: 60px;
		padding-right: 40px;
	}
	
	/*-------- Alumni program descriptions ----------*/
	.alumni-testimonial,
	.alumni-testimonial-descrip p,
	.alumni-button {
		padding-left: 40px;
	}
	
	.alumni-testimonial {
		padding-top: 80px;
	}
	
	.alumni-testimonial-descrip p {
		padding-right: 20px;
	}
	
	.alumni-button {
		padding-bottom: 90px;
	}
	
	.apply-onlineToday {
		padding-left: 200px !important;
	}
	
	.quarter-heading {
	padding: 10% 10px 30px 10%;
	}
	
	.program-descriptionHeading {
		font-size: 24px;
		line-height: 30px;
		padding: 0 10% 0 10%;
	}
	
	
	.acting-descriptions {
		padding: 0 10% 20px 10%;
		margin: 0;
	}
	
	.acting-descriptions p {
		margin: 0;
	}
	
	.acting-descriptionsBottom p {
		padding: 0 10% 10% 10%;
		margin: 0;
	}
	
	.apply-onlineButton {
		padding-right: 80px;
	}
}

@media screen and (max-width:1377px) {
	.fl-col.fl-node-58123be43ea2a.fl-col-small.testimonial-border,
	.fl-col.fl-node-5818f0cf0cc96.fl-col-small.testimonial-border,
	.fl-col.fl-node-5818f2359ca3d.fl-col-small.testimonial-border
	 {
		width: 100% !important;
	}
	
	.fl-builder-content .fl-button-center {
		text-align: right !important;
		padding-right: 20px;
	}
	
	.apply-onlineButton {
		padding-right: 20px;
	}
}

@media screen and (max-width:1200px) {
	.apply-onlineToday {
		padding-left: 50px;
	}
	
	.apply-onlineToday h2 {
		font-size: 32px;
	}
	
	.apply-onlineButton {
		padding-right: 20px;
	}
	
	.fl-node-585adbc16fa98.fl-module-heading .fl-heading {
		font-size: 32px;
	}
}

@media screen and (max-width: 1088px) {
	.header-subDescrip {
		padding-right: 575px;
	}
}

@media screen and (max-width:1059px) {
	.site-logo {
		width: 35%;
	}
	.head-content {
		width: 61%;
	}
	
	.acting-menu ul {
		display: inline;
		float: right;
		list-style: none;
		margin: 0 25px 0 0 !important;
		padding-left: 0 !important;
		padding-bottom: 20px !important;
	}

}

@media screen and (max-width:1024px) {
	.alumni-title {
		margin-top: -60px;
		padding-left: 15px;
	}

	.program-descriptions h2,
	.program-descriptions p {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	
	.program-descriptions h2,
	.featured-programs h2 {
		font-size: 36px;
	}
	
	
	.fl-node-58223251352f2 > .fl-col-content {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		padding-left: 0;
		padding-right: 0;
	}
	
	/*-------- Alumni program descriptions ----------*/
	.alumni-testimonial,
	.alumni-testimonial-descrip p,
	.alumni-button {
		padding-left: 10px;
	}
	
	.alumni-testimonial {
		padding-top: 30px;
	}
	
	.alumni-testimonial-descrip p {
		padding-right: 0;
	}
	
	.alumni-button {
		padding-bottom: 40px;
	}
	
	.alumni-testimonial h2 {
		font-size: 36px;
	}
	
	/*----- About Page top row -----*/
	
	.vision-border {
		border-color: #3185c2;
		border-top-width: 20px !important;
		border-bottom-width: 20px !important;
		border-left-width: 20px !important;
		border-right-width: 20px !important;
	}
	
	.about-title {
		padding-left: 20px;
	}
	
	.vision-heading,
	.aboutTFT-heading,
	.vision-descrip p {
		padding-left: 20px;
	}
	
	.acting-border {
		border: solid 15px #ededed !important;
	}
	
	/*---------Acting for the Camera sub-nav menu -----------------------*/	
	.sub-navRow {
		z-index: 5;
		margin-top: 0px;
	}

	.about-program {
		position:relative;
		z-index: 0;
		margin-top: 0px !important;
	}

	.widget.widget_nav_menu {
		margin: 0 0 1.5em !important;
	}

	.acting-menu {
		clear:both;
		display: inline;
		//float: right;
		//width: 100%;
		margin: 0 !important;
	}

	.acting-menu ul {
		display: inline;
		float: right;
		list-style: none;
		margin: 0 50px 0 0 !important;
		padding-left: 0 !important;
		padding-bottom: 20px !important;
	}

	.acting-menu li {
		float: left;
		position: relative;
		z-index: 1;
		padding: 8px 10px !important;
		font-size: 16px;
		background-color: transparent;
		text-transform: uppercase;
	}

	.acting-menu li a {
		display: block;
		text-decoration: none !important;
		color: #3185c2;
	}
	
	.fl-col.fl-node-582232f56e0b7.fl-col-small {
		width: 30% !important;
	}

	
	/*----- Classes description on Acting page -----*/
	.acting-classesDescrip {
		padding: 0 20px;
	}
	
	.apply-columnLeft {
		width: 50%;
	}
	
	.apply-onlineToday {
		padding-left: 40px !important;
	}
	
	.apply-onlineToday h2 {
		font-size: 36px;
	}
	
	.apply-onlineButton {
		padding-right: 0;
		padding-left: 110px;
	}
	
	.acting-borderTop {
		display: none !important;
	}
	
	.fl-builder-content .fl-node-582232f56fff6 a.fl-button, .fl-builder-content .fl-node-582232f56fff6 a.fl-button:visited {
		padding: 12px 10px;
	}
	
	/*-----quarter course descriptions Acting Page -----------------------*/
	.quarter-heading {
	padding: 40px 10px 30px 60px;
	}
	
	.quarter-heading h2 {
		font-size: 36px;
	}
	
	.program-descriptionHeading {
		font-size: 24px;
		line-height: 30px;
		padding: 0 40px 0 60px;
	}
	
	
	.acting-descriptions {
		padding: 0 40px 20px 60px;
		margin: 0;
	}
	
	.acting-descriptions p {
		margin: 0;
	}
	
	.acting-descriptionsBottom p {
		padding: 0 40px 40px 60px;
		margin: 0;
	}
	
	/*----- Blue border around 'About The Program' ------*/
	.about-program {
		border-style: solid;
		border-color: #3ca0e9;
		border-top-width: 25px;
		border-right-width: 17px;
		border-bottom-width: 25px;
		border-left-width: 17px;
	}
	
	.apply-deadlineHeading {
		margin-top: 285px;
		margin-bottom: 0;
	}

	.apply-deadlineDate {
		padding-top: 45px;
		padding-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.apply-deadlineDate p {
		font-size: 24px;
		margin: 0;
	}
		
}

@media screen and (max-width: 981px) {
	.acting-menu ul {
		display: inline;
		float: right;
		list-style: none;
		margin: 0 10px 0 0 !important;
		padding-left: 0 !important;
		padding-bottom: 20px !important;
	}
	
	.fl-module img {
		max-width: 100% !important;
		width: 200% !important;
	}
	
	.header-subDescrip {
		padding-right: 350px;
	}
	
	.featured-photo {
		height: 350px;
	}

}

@media screen and (max-width:877px) {
	.acting-menu li {
		float: left;
		position: relative;
		z-index: 1;
		padding: 8px 3px !important;
		font-size: 16px;
		background-color: transparent;
		text-transform: uppercase;
	}
}

@media screen and (max-width:819px) {
	.apply-onlineToday {
		padding-left: 10px !important;
	}
	
	.apply-deadlineHeading {
		margin-top: 295px;
		margin-bottom: 0;
	}
	
	.program-explore {
		padding-top: 390px;
	}
	
	.fl-node-585adbc16fa98.fl-module-heading .fl-heading {
		font-size: 24px;
	}


}

@media screen and (max-width:768px) {
	.program-heading {
		margin-top: 160px;
		margin-bottom: 50px;
	}
	.program-title {
		margin-top: 250px;
	}
	
	.fl-node-585adbc16fa98.fl-module-heading .fl-heading {
		font-size: 32px;
	}

	.alumni-heading {
		margin-top: 100px;
		margin-bottom: 25px;
	}

	.alumni-title,
	.about-title {
		margin-top: 180px;
		margin-bottom: 50px;
		//padding-left: 15px;
	}
	
	.program-explore {
		padding-top: 320px;
	}

	.proprograms-descrip {
		margin-top: 20px;
	}

	.front-testimonial h2 {
		margin-left: 20px;
		margin-right: 20px;
	}

	.front-testimonial p {
		margin-left: 20px;
		margin-right: 20px;
	}

	.front-testimonial a {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	/*----- remove extra space under mail list signup -----*/
	.fl-module.fl-module-html.fl-node-58224ba279fe3 img {
		display: none !important;
	}
	
	.featured-heading {
		padding-top: 40px;
	}
	
	/* ---------  border adjustments for Featured Programs --------------------- */
	/*------ Featured Programs border styling -------*/	
	.featured-block1 {
		padding-top: 0;
		border-style: solid;
		border-color: #ededed;
		border-top-width: 20px;
		border-bottom-width: 0;
		border-right-width: 20px;
		border-left-width: 20px;
	}
	
	.fl-node-58223251333b3 > .fl-row-content-wrap {
		padding-top: 0 !important;
	}

	.featured-block2 {
		border-style: solid;
		border-color: #ededed;
		border-top-width: 0;
		border-bottom-width: 0;
		border-right-width: 20px;
		border-left-width: 20px;
	}
	
	.featured-block3 {
		padding-bottom: 20px;
		border-style: solid;
		border-color: #ededed;
		border-top-width: 0;
		border-bottom-width: 20px;
		border-right-width: 20px;
		border-left-width: 20px;
	}
	
	.testimonial-border {
		border-style: solid;
		border-color: #3ca0e9;
		border-top-width: 20px;
		border-bottom-width: 20px;
		border-right-width: 20px;
		border-left-width: 20px;
	}
	
	.acting-border {
		border-style: solid;
		border-color: #ededed;
		border-top-width: 20px;
		border-bottom-width: 20px;
		border-right-width: 20px;
		border-left-width: 20px;
	}
	
	/*------ About Page border top row ------*/

	.vision-border {
		border-color: #3185c2;
		border-top-width: 15px !important;
		border-bottom-width: 15px !important;
		border-left-width: 15px !important;
		border-right-width: 15px !important;
	}

	
	.fl-module img {
		max-width: 100% !important;
		width: 200% !important;
	}
	
	/*-------- Alumni program descriptions ----------*/
	.alumni-testimonial,
	.alumni-testimonial-descrip p,
	.alumni-button {
		padding-left: 40px;
	}
	
	.alumni-testimonial {
		padding-top: 30px;
	}
	
	.alumni-testimonial-descrip p {
		padding-right: 20px;
	}
	
	.alumni-button {
		padding-bottom: 40px;
		text-align: left;
	}

	.featured-photo {
		height: 350px;
	}
	
	.apply-onlineButton {
		padding-left: 0px;
	}
	
	/*----- Apply online today button -----*/
	.fl-builder-content .fl-node-582232f56fff6 a.fl-button, .fl-builder-content .fl-node-582232f56fff6 a.fl-button:visited {
		padding: 12px 10px;
	}
	/*----- footer center module -----*/
	.fl-module.fl-module-html.fl-node-58349e3919358 {
		height: 150px;
	}
	
	/*-----quarter course descriptions Acting Page ------*/
	.quarter-heading {
	padding: 40px 20px 30px 20px;
	}
	
	.quarter-heading h2 {
		font-size: 36px;
	}
	
	.program-descriptionHeading {
		font-size: 24px;
		line-height: 30px;
		padding: 0 20px 0 20px;
	}
	
	
	.acting-descriptions {
		padding: 0 20px 20px 20px;
		margin: 0;
	}
	
	.acting-descriptions p {
		margin: 0;
	}
	
	.acting-descriptionsBottom p {
		padding: 0 20px 40px 20px;
		margin: 0;
	}
	
	/*----- Blue border around 'About The Program' ------*/
	.about-program {
		border-style: solid;
		border-color: #3ca0e9;
		border-top-width: 15px;
		border-right-width: 15px;
		border-bottom-width: 15px;
		border-left-width: 15px;
	}
	
	.apply-deadlineHeading {
		margin-top: 385px;
		margin-bottom: 0;
	}

	.apply-deadlineDate {
		padding-top: 45px;
		padding-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.apply-deadlineDate p {
		font-size: 24px;
		margin: 0;
	}
	
	.sub-navButton {
		margin-right: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.widget_nav_menu {
		padding-right: 50px;
	}
	
	.fl-builder-content .fl-node-582232f56e4a0 a.fl-button {
		width: 750px;
		border: solid 2px #3ca0c9 !important;
	}
	
	.copyright-link {
		text-align: center;
		padding: 10px 0;
	}
	
	.fl-node-582232513f2e9 > .fl-module-content {
		margin-top: 0 !important;
	}
	
	.fl-node-5840a92ea088a > .fl-module-content {
		margin-top: 0 !important;
	}
	
	.acting-menu ul {
		display: inline;
		float: right;
		list-style: none;
		margin: 0 60px 0 0 !important;
		padding-left: 0 !important;
		padding-bottom: 20px !important;
	}
	
	.acting-menu li {
		float: left;
		position: relative;
		z-index: 1;
		padding: 8px 15px !important;
		font-size: 16px;
		background-color: transparent;
		text-transform: uppercase;
	}

	
	/*----- newsletter footer signup -----*/
	.fl-module.fl-module-html.fl-node-5831ea8811935,
	.fl-module.fl-module-html.fl-node-582e47e7b64cd,
	.fl-module.fl-module-html.fl-node-58347ed9b7562
	 {
		height: 150px !important;
	}

}

@media screen and (max-width:500px) {
	.site-logo {
		width: 330px;
		padding-top: 30px;
		padding-left: 30px;
	}

	.site-logo a {
		padding: 10px 0;
	}

	.site-logo img {
		width: 85%;
	}

	.icon-content {
		display: none !important;
	}

	.head-content {
		padding-top: 5px;
		padding-right: 5px;
	}

	.program-heading {
		margin-top: 160px;
		margin-bottom: 10px;
		padding-left: 15px;
	}
	
	/*----- Program page program descriptions ------*/
	.program-title,
	.program-descrip p,
	.program-button {
		padding-left: 20px;
	}

	.proprograms-descrip {
		margin-top: 20px;
	}

	.apply-now-descrip p {
		margin-top: 525px !important;
	}

	.fl-button-left {
		text-align: left !important;
	}

	.fl-node-581926a601f49 > .fl-module-content {
		margin-top: 150px !important;
	}
	
	.fl-module img {
		max-width: 100% !important;
		width: 100% !important;
		
	}

    /*--------------- Testimonial Block -----------------------*/
	.fl-builder-content .fl-node-5810ca2d4ba9a > .fl-col-content {
		border-style: solid;
		border-top-width: 15px;
		border-bottom-width: 15px;
		border-right-width: 15px;
		border-left-width: 15px;
	}
	
	.testimonial-border {
		border-style: solid;
		border-color: #3ca0e9;
		border-top-width: 15px;
		border-bottom-width: 15px;
		border-right-width: 15px;
		border-left-width: 15px;
	}
	
	.acting-border {
		border-style: solid;
		border-color: #ededed;
		border-top-width: 15px;
		border-bottom-width: 15px;
		border-right-width: 15px;
		border-left-width: 15px;
	}


    /*--------------- Program Features block -----------------------*/
	
	.featured-block1 {
		padding-top: 0;
		border-style: solid;
		border-color: #ededed;
		border-top-width: 15px;
		border-bottom-width: 0;
		border-right-width: 15px;
		border-left-width: 15px;
	}
	
	.fl-node-58223251333b3 > .fl-row-content-wrap {
		padding: 15px !important;
		
	}

	.featured-block2 {
		border-style: solid;
		border-color: #ededed;
		border-top-width: 0;
		border-bottom-width: 0;
		border-right-width: 15px;
		border-left-width: 15px;
	}
	
	.fl-node-58223251379ff > .fl-row-content-wrap {
		padding: 15px !important;
	}
	
	.featured-block3 {
		border-style: solid;
		border-color: #ededed;
		border-top-width: 0;
		border-bottom-width: 15px;
		border-right-width: 15px;
		border-left-width: 15px;
	}
	
	.fl-node-582232513993e > .fl-row-content-wrap {
		padding: 15px !important;
	}


	.featured-heading {
		padding-top: 20px;
	}

	/*--------------- Alumni page -----------------------*/
	.fl-builder-content .fl-node-58123be43ea2a > .fl-col-content,
	.fl-builder-content .fl-node-5818f0cf0cc96 > .fl-col-content,
	.fl-builder-content .fl-node-5818f2359ca3d > .fl-col-content {
		border-style: solid;
		border-top-width: 15px;
		border-bottom-width: 15px;
		border-right-width: 15px;
		border-left-width: 15px;
	}

	.fl-builder-content .fl-node-581e4f3293ab5 ul {
		margin: 0 0 1.5em 0;
	}

	.program-descriptionsHeading h3 {
		line-height: 1.1em;
	}

	.program-descriptions p {
		margin-left: 0 !important;
	}
	
	/*------ Hide 'In This Section' row  ------*/
	.fl-col.fl-node-583da1c8ed904.fl-col-small {
		display: none;
	}
	
	.fl-col.fl-node-582232f56dccf.fl-col-small {
		width: 100% !important;
	}
	
	/*------ About Page border top row ------*/
	
	.vision-heading,
	.aboutTFT-heading,
	.vision-descrip p {
		padding-left: 0;
	}
	
	/*-----quarter course descriptions Acting Page ------*/
	.quarter-heading {
		padding: 40px 20px 30px 20px;
	}
	
	.quarter-heading h2 {
		font-size: 36px;
	}
	
	.program-descriptionHeading {
		font-size: 24px;
		line-height: 30px;
		padding: 0 20px 0 20px;
	}
	
	.acting-descriptions {
		padding: 0 20px 20px 20px;
		margin: 0;
	}
	
	.acting-descriptions p {
		margin: 0;
	}
	
	.acting-descriptionsBottom p {
		padding: 0 20px 40px 20px;
		margin: 0;
	}

	.apply-actingDescrip p {
		margin-top: -20px !important;
	}
	
	.widget_nav_menu {
		padding-right: 0;
	}
	
	.fl-builder-content .fl-node-582232f56e4a0 a.fl-button {
		width: 415px;
		border: solid 2px #3ca0c9 !important;
	}
	
	.acting-menu ul {
		display: inline;
		float: right;
		list-style: none;
		margin: 0 30px 0 0 !important;
		padding-left: 0 !important;
		padding-bottom: 20px !important;
	}
	
	.acting-menu li {
		float: left;
		position: relative;
		z-index: 1;
		padding: 8px 6px !important;
		font-size: 16px;
		background-color: transparent;
		text-transform: uppercase;
	}
	
	.header-subDescrip {
		padding-right: 0px;
	}

}

@media screen and (max-width:375px) {
	.apply-now-descrip p {
		margin-top: 425px !important;
	}

	.program-descriptionsHeading h3 {
		line-height: 1.1em;
	}
	
	/*-----quarter course descriptions Acting Page ------*/
	.quarter-heading {
	padding: 40px 10px 30px 10px !important;
	}
	
	.quarter-heading h2 {
		font-size: 36px !important;
	}
	
	.program-descriptionHeading {
		font-size: 24px;
		line-height: 30px;
		padding: 0 20px 0 10px !important;
	}
	
	proprograms-descrip {
		margin-top: 0px;
	}
	
	.program-explore {
		padding-top: 290px;
	}
	
	.acting-descriptions {
		padding: 0 20px 20px 10px !important;
		margin: 0;
	}
	
	.acting-descriptions p {
		margin: 0;
	}
	
	.acting-descriptionsBottom p {
		padding: 0 20px 40px 10px !important;
		margin: 0;
	}
	
	.apply-deadlineHeading {
		margin-top: 325px;
		margin-bottom: 0;
	}

	.apply-deadlineDate {
		padding-top: 40px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.apply-deadlineDate p {
		font-size: 24px;
		margin: 0;
	}
	
	.acting-menu ul {
		margin: 0 21px 0 0 !important;
		padding-bottom: 10px !important;
	}
	
	.acting-menu li {
		padding: 8px 10px !important;
	}
	
	.fl-builder-content .fl-node-582232f56e4a0 a.fl-button {
		width: 360px;
		border: solid 2px #3ca0c9 !important;
	}


}


@media screen and (max-width:320px) {
	
	.site-logo {
		width: 300px;
		padding-top: 15px;
		padding-left: 15px;
	}
	
	.alumni-testimonial,
	.alumni-testimonial-descrip p,
	.alumni-button {
		padding-left: 0;
	}
	
	.proprograms-descrip {
		margin-top: 0px;
	}
	
	.program-explore {
		padding-top: 220px;
	}
	
	.apply-onlineButton {
		padding-left: 0px;
	}
	
	.apply-onlineToday {
		padding-left: 0px !important;
	}
	
	.apply-deadlineHeading {
		margin-top: 265px;
		margin-bottom: 0;
	}

	.apply-deadlineDate {
		padding-top: 30px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.apply-deadlineDate p {
		font-size: 24px;
		margin: 0;
	}
	
	.acting-menu ul {
		margin: 0 4px 0 0 !important;
		padding-bottom: 10px !important;
	}
	
	.acting-menu li {
		padding: 8px 7px !important;
	}
	
	.fl-builder-content .fl-node-582232f56e4a0 a.fl-button {
		width: 300px;
		border: solid 2px #3ca0c9 !important;
	}

}


/*FACULTY LIST FORMAT*/
.faculty-menu {
	display: flex !important;
	width: 50%;
	/* [disabled]max-width: auto; */
	float: left;
        margin-left: -80px;
}

@media screen and (min-width:320px) and (max-width:420px) {
.faculty-menu {
    display: inline !important;
}
}

@media screen and (min-width:760px) and (max-width:1024px) {
.faculty-menu {
    width: 100% !important;
}
}


.faculty-box {
	display: flex !important;
	width: 250px;
	/* [disabled]-webkit-box-sizing: inherit; */
	/* [disabled]-moz-box-sizing: inherit; */
	/* margin: auto;*/
	/* [disabled]box-sizing: inherit; */
	float: left;
}

.faculty-box ul{
	list-style: none;
}

h3.h3-style {
    margin-bottom: -10px;
}

/*Calendar*/
.ai1ec-event.ai1ec-event-id-2435.ai1ec-event-instance-id-3.ai1ec-allday {
    color: #333333 !important;
}

.ai1ec-date-events {
    color: #333333 !important;
}

.timely.ai1ec-calendar-toolbar.ai1ec-clearfix {
    display: none !important;
}

.ai1ec-categories.ai1ec-row {
    display: none !important;
}

.nav-previous {
    display: none !important;
}

span.ai1ec-categories {
    display: none !important;
}

span.ai1ec-allday-badge {
    color: #fff !important;
}

.ai1ec-views-dropdown.ai1ec-btn-group.ai1ec-pull-right {
    display: none !important;
}

/*FORMIDABLE POLICY TEXT*/
.policy {
    font-size: 12px;
}

.fl-node-589158dea5206 > .fl-col-content {
    background-size: contain !important;
}

.fl-row-content-wrap { background-color: #000; }

.hab-post-bg-2642 {
   background-image: url(http://professionalprograms.tft.ucla.edu/wp-content/uploads/2016/11/alumni-graduation.jpg));
}
.hab-post-bg-2569 {
   background-image: url(http://professionalprograms.tft.ucla.edu/wp-content/uploads/2016/11/alumni-graduation.jpg);
}

hab-post-bg {
  background-image: url(http://professionalprograms.tft.ucla.edu/wp-content/uploads/2016/11/alumni-graduation.jpg);
}

/*--------------------------------------------------------------
# Single-post template — UCLA blue masthead, white reading column
#
# Matches the BB pages' design language (light UCLA blue rows with
# thin Lato Light titles) rather than fighting it. Sized so the
# floating site nav has somewhere intentional to sit. Overrides
# the global .fl-row-content-wrap{background:#000;} rule at line
# 2682 per-post, and renders the footer-row-global BB template at
# the bottom via [fl_builder_insert_layout id="2202"] (footer node
# styling comes from 2506-layout.css enqueued in functions.php).
--------------------------------------------------------------*/

:root {
	--tft-blue: #3185c2;
	--tft-blue-deep: #1f5d8c;
	--tft-text: #1c1c1c;
	--tft-text-muted: #6a6a6a;
	--tft-link: #2970a5;
	--tft-link-hover: #19527c;
}

body.single-post .site-main.fl-builder-content-primary {
	padding: 0;
	background: #fff;
}

/* ===== Masthead ===== */
body.single-post .single-banner {
	background: var(--tft-blue);
	color: #fff;
	padding: 200px 32px 72px;
	text-align: center;
}

body.single-post .single-banner-inner {
	max-width: 940px;
	margin: 0 auto;
}

body.single-post .single-banner-eyebrow {
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.78);
	margin-bottom: 22px;
}

body.single-post .single-banner-title {
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-size: clamp(40px, 6.4vw, 84px);
	line-height: 1.08;
	letter-spacing: 0.01em;
	margin: 0 0 26px;
	color: #fff;
}

body.single-post .single-banner-meta {
	font-family: "Lato", sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.78);
}

body.single-post .single-banner-meta time,
body.single-post .single-banner-meta-author {
	display: inline-block;
}

body.single-post .single-banner-meta-sep {
	margin: 0 14px;
	color: rgba(255, 255, 255, 0.4);
}

/* ===== Reading column ===== */
body.single-post .westwood-single-row {
	background: #fff;
}

body.single-post .westwood-single-row > .fl-row-content-wrap {
	background: #fff;
	padding: 72px 32px 96px;
}

body.single-post .single-article-body {
	max-width: 800px;
	margin: 0 auto;
	font-family: "Lato", sans-serif;
	font-size: 17.5px;
	line-height: 1.75;
	color: var(--tft-text);
}

body.single-post .single-article-body > p {
	margin: 0 0 28px;
	overflow: hidden; /* clearfix per entry so floats don't bleed between them */
}

body.single-post .single-article-body > p:last-child {
	margin-bottom: 0;
}

body.single-post .single-article-body strong {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	color: #111;
}

body.single-post .single-article-body em {
	font-style: italic;
	color: #2a2a2a;
}

body.single-post .single-article-body a {
	color: var(--tft-link);
	text-decoration: none;
	border-bottom: 1px solid rgba(41, 112, 165, 0.32);
	transition: border-color 0.2s ease, color 0.2s ease;
}

body.single-post .single-article-body a:hover {
	color: var(--tft-link-hover);
	border-bottom-color: var(--tft-link-hover);
}

/* ===== Alumni list (ul.alumni-list of <li> entries) ===== */
/* No bullets, no default list padding; each <li> clears the prior
   left-floated poster so entries stack vertically with breathing room. */
body.single-post .single-article-body ul.alumni-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

body.single-post .single-article-body ul.alumni-list > li {
	clear: left;
	margin-bottom: 32px;
	min-height: 1px;
}

/* ===== Floated images (posters) ===== */
body.single-post .single-article-body img {
	float: left;
	max-width: 150px;
	max-height: 240px;
	width: auto;
	height: auto;
	margin: 4px 28px 12px 0;
	border-radius: 2px;
	box-shadow:
		0 8px 20px rgba(0, 0, 0, 0.10),
		0 2px 4px rgba(0, 0, 0, 0.05);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.single-post .single-article-body img:hover {
	transform: translateY(-2px);
	box-shadow:
		0 12px 26px rgba(0, 0, 0, 0.14),
		0 3px 6px rgba(0, 0, 0, 0.07);
}

/* ===== Footer clearfix ===== */
/* The footer-row-global BB template uses fl-col with float:left; if the
   alumni content above ends with a still-floating poster image, the footer
   columns float into the leftover whitespace alongside it. This clearfix
   guarantees the footer starts on its own row. */
body.single-post .single-footer-wrap {
	clear: both;
}

body.single-post .single-footer-wrap::before {
	content: "";
	display: table;
	clear: both;
}

/* ===== Single-column layout (matches the BB column-stack breakpoint
       at 981px). Below this width the desktop floated-poster layout
       no longer makes sense and legacy `.fl-module img { width: 200%
       !important }` rules elsewhere in this file would otherwise blow
       the posters up to 2× the container. ===== */
@media (max-width: 981px) {
	body.single-post .single-banner {
		padding: 160px 20px 52px;
	}

	body.single-post .single-banner-title {
		font-size: clamp(32px, 9vw, 52px);
		margin-bottom: 20px;
	}

	body.single-post .single-banner-eyebrow {
		font-size: 10px;
		letter-spacing: 0.28em;
		margin-bottom: 16px;
	}

	body.single-post .single-banner-meta {
		font-size: 11px;
		letter-spacing: 0.18em;
	}

	body.single-post .single-banner-meta-sep {
		margin: 0 8px;
	}

	body.single-post .westwood-single-row > .fl-row-content-wrap {
		padding: 48px 22px 64px;
	}

	body.single-post .single-article-body {
		font-size: 16px;
		line-height: 1.7;
	}

	body.single-post .single-article-body > p {
		margin-bottom: 22px;
	}

	/* !important is required at narrow widths: an older
	   `@media (max-width: 500px) { .fl-module img { width: 100% !important } }`
	   rule earlier in this file otherwise stretches posters edge-to-edge. */
	body.single-post .single-article-body img {
		float: none;
		display: block;
		margin: 0 auto 16px;
		max-width: 220px !important;
		width: auto !important;
	}
}