/* ******************* *//* ******************* */
/* IncrediFlix by AW */
/* ******************* *//* ******************* */

/* resets */

.text-block h2 span {
	color: inherit;
	font-weight: inherit;

}

.grid-container h2 {
    font-size: 60px;
    margin-bottom: 24px;
    letter-spacing: -0.033em;
}
.inside-learn-wrap h2 {
	color: inherit;
	font-weight: inherit;

}

/* ******************* */
/* General Elements */
/* ******************* */

html {
	font-size: 16px;
}
body {	
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 16px;
	color: #606060;
	background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	color: #606060;
	letter-spacing: -0.033em;
	line-height: 1.125;
	margin-bottom: 24px;
}

h1 { font-size: 60px; }
h2 { font-size: 48px; }
h3 { font-size: 36px; }
h4 { font-size: 24px; }
h5 { font-size: 16px; }
h6 { font-size: 12px; }


p {
	font-weight: 400;
	line-height: 1.625;
}
p.none, p.desc, p.intro, p.final {
	margin-bottom: 24px;
	font-weight: 300;
	line-height: 1.625;
}
p.intro {
	font-size: 18px;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
p.lead {
	margin-bottom: 42px;
}

strong, b {
	font-weight: 600;
}
a {
	color: #FF0B34;
}
a:focus, a:hover {
	text-decoration: none;
	color: inherit;
}

ol, ul {
	margin-bottom: 24px;
}
hr {
	margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #eee;
}
blockquote {
	max-width: 640px;
	font-weight: 200;
}
blockquote p {
	font-weight: 200;
}

table {
}
table tr {}
table td {}


/* ******************* */
/* Containers & Sections */
/* ******************* */

.section {
	padding-top: 64px;
	padding-bottom: 64px;
	position: relative;
}
.section * {
	position: relative;
}
.section:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.0);
}
.container {
	position: relative;
	width: 100%;
	max-width: 1170px;
}
.container.small {
	max-width: 480px;
}
.container.narrow {
	max-width: 960px;
}
.container.wide {
	max-width: 1600px;
}
.container.full {
	max-width: 1920px;
}
.block {
	padding: 10px;
}


/* Text and Image Blocks */

.table.table-styled  {
	
	
}
.table.table-styled th {
	border: none;
	border-bottom: 1px solid #00ABD6;
	text-transform: uppercase; 
	padding: 16px;
	font-size: 22px;
	font-weight: 400;
	color: #00ABD6;
}
.table.table-styled td {
	border-bottom: 1px solid #00ABD6;
	padding: 16px;
	vertical-align: middle;
}
.table.table-styled td:first-child {
	
	border-left: 40px solid #00ABD6;
}


/* Text and Image Blocks */

@supports (display: grid){
	.grid-container {
  		display: grid;
  		grid-template-columns: 50% 50%;
  		grid-template-rows: auto;
  		grid-template-areas: "img-block text-container";
  		position:relative;
	}
	.grid-container * {
		position: relative;
	}
}

.grid-container.image-text {
	grid-template-areas: "img-block text-container";
}
.grid-container.text-image {
	grid-template-areas: "text-container img-block";
}


/* Text Block */

.text-block {
	grid-area: text-container;
	color: inherit;
	background-color: rgba(0,0,0,0.0);
	padding: 2em;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: flex-start;
}
.text-block .inner-container { 
    padding: 50px 0px;
    width: 100%;
    max-width: 590px; 
    margin: auto; 
    float: left;
    
 }
 .grid-container.text-image .text-block{
 	margin-right: 88px;
 	align-items: flex-end;
 }

 /* Image Block */

.img-block-container {
	display: flex;
}
 .img-block{
	grid-area: img-block;
 	background-color: rgba(0,0,0,0.0);
 	background-image: none;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.img-block img {
	object-fit: cover;
	object-position: center;
	height: 100%;
}



/* ******************* */
/* Background Colors */
/* ******************* */

[class*="bg-"]:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
[class*="bg-color"] * {
	color: #fff;
}
.bg-white:before {
	background-color: #fff;
	opacity: 0.9;	
}
.bg-offwhite:before {
	background-color: #f5f5f5;
}
.bg-color-dark:before {
	background-color: #333333;
	opacity: 0.9;	
}
.bg-color-primary:before {
	background-color: #00ABD6;
	opacity: 0.9;	
}
.bg-color-secondary:before {
	background-color: #ff0b34;
	opacity: 0.9;	
}
.bg-color-tertiary:before {
	background-color: #b3c100;
	opacity: 0.9;	
}
.bg-color-accent1:before {
	background-color: #ffcc00;
	opacity: 0.9;	
}
.bg-color-accent2:before {
	background-color: #F12762;
	opacity: 0.9;	
}
.bg-color-accent3:before {
	background-color: #C95FEE;
	opacity: 0.9;	
}




/* ******************* */
/* Buttons */
/* ******************* */


.btn {
	padding: 0.75em 2em;
	border-radius: 8px;
	border: none;
	font-size: 18px;
}
.btn * {
	color: inherit;
}
a.btn, a.btn:hover {
	font-weight: 500;
	border-bottom: 0.25em solid rgba(0,0,0,0.125);

}

.btn.btn-default {
	background-color: #d5d5d5;
}
.btn.btn-primary {
	background-color: #00ABD6;
	color: #fff;
}
.btn.btn-secondary {
	background-color: #ff0b34;
	color: #fff;
}
.btn.btn-tertiary {
	background-color: #b3c100;
	color: #fff;
}
.btn.btn-accent1 {
	background-color: #ffcc00;
	color: #fff;
}
.btn.btn-accent2 {
	background-color: #F12762;
	color: #fff;
}
.btn.btn-accent3 {
	background-color: #C95FEE;
	color: #fff;
}
.btn.btn-light {
	background-color: #fff;
	color: #606060;
}
.btn.btn-dark {
	background-color: #606060;
	color: #fff;
}
.btn.red-btn {
	border-bottom: 5px solid rgba(0,0,0,0.125) !important;
}
.btn.search-btn {
	font-size: 1.25em;
}
.btn.btn-ghost-light {
	border: 1px solid #fff;
	color: #fff;
}
.btn.btn-ghost-dark {
	border: 1px solid #555;
	color: #555;
}
.btn .fa {
	font-size: 1.25em;
	position: relative;
	top: 2px;
	margin-left: 0.125em;
}
.container-link, .container-link a {
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0px;
    font-size: 0px;
    color: transparent;
    transition: all 0.125s ease-in-out;
}
.container-link:hover {
	background-color: rgba(255,255,255,0.33)
}

/* ******************* */
/* Typography */
/* ******************* */

sup {
 top:-0.25em;
}
.heavy, span.heavy {
	font-weight: 700 !important;
}
.caps, .uppercase {
	text-transform: uppercase;
}
.small {
	font-size: 66%;
}
.large {
	font-size: 125%;
}
.extra-large {
	font-size: 150%;
}
.wt-100 {
 font-weight:100;
}
.wt-300 {
 font-weight:300;
}
.wt-400 {
 font-weight:400;
}
.wt-500 {
 font-weight:500;
}
.wt-700 {
 font-weight:700;
}
.wt-900 {
 font-weight:900;
}
.highlight {
 font-weight:700;
 color: #00abd6 !important;
}
.highlight-primary {
 font-weight:700;
 color: #00abd6 !important;
}
.highlight-secondary {
 font-weight:700;
 color: #ff0b34 !important;
}
.highlight-tertiary {
 font-weight:700;
 color: #b3c100 !important;
}
.highlight-accent1 {
 font-weight:700;
 color: #ffcc00 !important;
}
.highlight-accent2 {
 font-weight:700;
 color: #F12762 !important;
}
.highlight-accent3 {
 font-weight:700;
 color: #C95FEE !important;
}
.color-primary {
 color: #00abd6 !important;
}
.color-secondary {
 color: #ff0b34 !important;
}
.color-tertiary {
 color: #b3c100 !important;
}
.color-accent1 {
 color: #ffcc00 !important;
}
.color-accent2 {
 color: #F12762 !important;
}
.color-accent3 {
 color: #C95FEE !important;
}

/* ******************* */
/* Icons */
/* ******************* */

.icon {
	color: #fff;
	height: 120px;
	width: 120px;
	border-radius: 100px;
	background-color: #999;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 24px;
	overflow: hidden;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
}
.icon i.fa {
	font-size: 60px;
	position: relative;
}
.icon:hover i.fa {
	color: #fff;
}
.icon.small-icon {
	height: 90px;
	width: 90px;
	border-radius: 90px;
}
.icon.small-icon i.fa {
	font-size: 90px;
}
.icon.large-icon {
	height: 220px;
	width: 220px;
	border-radius: 220px;
}
.icon.large-icon i.fa {
	font-size: 120px;
}


/* ******************* */
/* Form Inputs */
/* ******************* */

form {
	
	
}
.form-container {
	width: 100%;
	max-width: 800px;
}

.form-field {
	margin-bottom: 24px;
}
 
 input[type="text"], select, textarea {
 	border: 1px solid #00abd6;
 	padding: 6px 10px;
 	border-radius: 12px;
 	font-size: 14px;
 	width: 100%;
 }

 input[type=text], input[type=password], input[type=email], input[type=number], input[type=url],input[type=tel], input[type=phone], input[type=search], select, textarea {
 	color: #555555;
    background-color: #ffffff;
    border-color: #00abd6;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    padding: 6px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-weight: normal;
    box-shadow: none;
    height: 54px;
    line-height: 1.3;
 }
 select {
 	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: block;
 }
 select + i.fa {
 	color: #00abd6;
    font-size: 1.5em;
    float: right;
    pointer-events: none;
    position: relative;
    top: -39px;
    right: 12px;
 }
 textarea {
 	height: auto;
 	padding: 15px;
 }
button[type="submit"] {
	font-size: 18px;
	padding: 0.8em 2.5em;
	border-radius: 8px;
	border: none;
	font-weight: 600;
	border-bottom: 5px solid rgba(0,0,0,0.125);
	background-color: #00ABD6;
	color: #fff;
}
label {
	font-size: 16px;
    color: #333;
    font-weight: 600;
    text-align: left;
    width: auto;
    display: block;
}


/* ******************* */
/* Utility */
/* ******************* */

.d-block {
	display: block;
}
ul.inline {
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
}
ul.inline > li {
	display: inline-block;
}
.no-margins {
	margin: 0 !important;
}
.vid-container {
	position: relative;
    left: 0px;
    top: 0px;
    height: 0;
    padding-bottom: 56.25%;
}
.vid-container iframe, .vid-container video {
    display: block;
    width: 100%;
    height: 100%;
    /*+placement: anchor-top-left 0px 0px;*/
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0;
}
.shadow {
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .3), 0 -6px 20px 0 rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .3), 0 -6px 20px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .3), 0 -6px 20px 0 rgba(0, 0, 0, .3);
}


/* ******************* *//* ******************* */
/* Site Constants - Headers, Navbar, Site Main, Footer, etc. */
/* ******************* *//* ******************* */


/* ******************* */
/* Navigation */
/* ******************* */


/* Upper Navigation */

.site-header .upper-nav-wrap .container, .site-header .bottom-nav .container {
	width: 100%;
	max-width: 1440px;
}
#menu-primary-navigation li:last-child a {
	margin-left: 1em;	
}
.site-header .upper-nav-wrap .upper-nav a {
	text-decoration: none;
	transition: all 0.125s ease-in-out;
}
.site-header .upper-nav-wrap .upper-nav a:hover {
	top: -2px;
}


/* Main Navigation */

.navbar-default .navbar-nav a {
	transition: all 0.125s ease-in-out;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #b3c100;	
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #00abd6;
}


/* ******************* */
/* Headers */
/* ******************* */

.standard-header {
	background-color: #1B75BB;
	background-color: rgba(22, 91, 141, 0.95);
	padding-top: 42px;
	padding-bottom: 42px;
}
.image-header h1, .standard-header h1 {
	color: #FFF;
}
body.no-header .standard-header {
	display: none;
}


/* Inner Pages */

.image-header h1, .standard-header h1 {
	color: #fff;
}


/* Inner Page Custom Headers */

.custom-header {}

.large-custom-header .custom-header {
	padding-top: 144px;
	padding-bottom: 320px;
}
.large-custom-header .supreme-wrap {
	margin-top: -280px;
}
.custom-background-header {
	position: relative;
}
.custom-background-header * {
	position: relative;
	color: #FFF;
}
.custom-background-header:before {
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.6);

}
.custom-header .lead {
	max-width:42em;
	margin-left: auto;
	margin-right: auto;
}
.custom-header .lead a {
	color: inherit;
	text-decoration: none;
	padding-bottom: 0.125em;
	border-bottom: 1px dotted currentColor;
}
.custom-header .lead a:hover {
	color: inherit;
}



/* ******************* */
/* Site Main */
/* ******************* */

.site-main.wrapper {
	padding-top: 72px;
	padding-bottom: 72px;
	background-color: #FFF;
}
body.site-main-no-padding .site-main.wrapper {
	padding-top: 0px;
	padding-bottom: 0px;
}
body.home .site-main.wrapper {
	padding-top: 0;
	padding-bottom: 0;
}



/* ******************* */
/* Footer */
/* ******************* */

.site-footer {
	background-color: rgba(22, 91, 141, 0.95);
	border-top: 5px solid rgba(255,255,255,0.125);
}
.site-footer * {
	color: #fff;
} 
.upper-footer {
	background-image: url(/wp-content/themes/roots/assets/img/film-equipment.jpg);
	background-size: cover;
	background-position: 50% 75%;
	position: relative;

}
.upper-footer:before {
	content: '';
	background-color: rgba(22, 91, 141, 0.95);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.upper-footer h3 {
	color: #fff;
	margin-bottom: 0.9em;
}
.upper-footer a {
	text-decoration: none;
}

.upper-footer a.btn {
	font-size: 0.8em;
}
.upper-footer .footer-single {
	margin-bottom: 3em;
}
.upper-footer .footer-single .widget {
	margin-bottom: 1.5em;
}
.upper-footer .logo {
	position: relative;
	top: -34px;
}
.upper-footer .contact-info {
	margin-bottom: 1em;
}
.upper-footer .contact-info i.fa {
	margin-right: 0.33em;
}

.upper-footer .connect-inner .social-footer li {
	margin-right: 0.125em;
}
.upper-footer .connect-inner .social-footer .fa {
	font-size: 32px;
	
}
.footer--main {
	background-color: rgba(22, 91, 141, 0.95);
}


/* ******************* *//* ******************* */
/* Blog */
/* ******************* *//* ******************* */


/* Blog Index */

body.blog .site-main.wrapper {

}
body.blog .site-main.wrapper .container {
	max-width: 800px;
	width: 100%;
}

body.blog .post {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid rgba(0,0,0,0.125);

}
body.blog .post .entry-title {
	margin-bottom: 16px;
}
body.blog .post .published, body.blog .post .author {
	color: #999;
	font-size: 14px;
}
body.blog .post .published {}
body.blog .post .author {
	margin-bottom: 16px;
}


/* Single Post */

body.single-post .site-main.wrapper {}
body.single-post .site-main.wrapper .container {
	max-width: 800px;
	width: 100%;
}

body.single-post .post .entry-title {
	margin-bottom: 16px;
}
body.single-post .post .published, body.single .post .author {
	color: #999;
	font-size: 14px;
}
body.single-post .post .published {}
body.single-post .post .author {
	margin-bottom: 16px;
}


/* Single Post Headers */

body.single-post .standard-header {
	background-color: #1B75BB;
	padding-top: 36px;
	padding-bottom: 36px;
	display: none;

}
body.single-post .standard-header .container {
	width: 100%;
	max-width: 960px;
}
body.single-post .image-header h1, body.single-post .standard-header h1 {
	color: #FFF;

}
body.single-post .entry-content p {
	margin-bottom: 24px;
}


/* Home Slider */

.slide-container {
	position: relative;
}
.slide-container:before {
	background: none;
	background-color: rgba(0,0,0,0.66);
	content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.slide-text-wrap {
	height: auto;
	min-height: 620px;    
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    padding-left: 15px;
  	padding-right: 15px;
  	padding-top: 120px;
	padding-bottom: 120px;
  	position: relative; 
}
.slide-text {
	margin: auto;
	width: 80%;
	max-width: 1170px
	
}
.slide-text .title {
	margin-bottom: 18px;
}

.slide-text p.desc {
	font-size: 2em;
	line-height: 1.333;
	max-width: 800px;
	margin-bottom: 36px;
}

.slide-icons {
	bottom: 2em;
}

.home .slide-container .slide-left, .home .slide-container .slide-right {
	font-size: 10em;
	cursor: pointer;
}
.home .slide-container .slide-left {
	margin-left: 36px; 
}
.home .slide-container .slide-right {
	margin-right: 36px; 
}
.home .slide-container * {
	color: #fff;
}



.home .slide-container.slide-1 {
	background: url("/wp-content/uploads/2018/01/stop-motion-slide.jpg") 50% 50% / cover;
}
.home .slide-container.slide-1:before {
	background: linear-gradient(-90deg, rgba(255, 204, 0, .6), rgba(197, 228,39, .6), rgba(18,209,245, .6), rgba(0, 171, 214, .6));
}
.home .slide-container.slide-2 {
	background: url("/wp-content/uploads/2018/02/birthday-party.jpg") 50% 50% / cover; 
	
}
.home .slide-container.slide-2:before {
	background: linear-gradient(120deg, rgba(0, 171, 214, .8), rgba(241, 39, 98, .8));
}
.home .slide-container.slide-3 {
	 background: url("/wp-content/uploads/2018/02/kid-editing.jpg") 50% 50% / cover;
	 background-position: left center;
}
.home .slide-container.slide-3:before {

}


/* Home Sections */

.learn-wrap.wrapper {
	padding-top: 100px;
	padding-bottom: 100px;
}
.learn-wrap .learn-inner .row {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
.learn-wrap h3{
	font-weight:200;
  	font-size: 3em;
}
.learn-wrap .learn-single h3 {
	color: inherit;
}
.learn-wrap .block {
	padding-left: 16px;
	padding-right: 16px;
}
.learn-wrap .block h4 {
	font-weight: 300;
	font-size: 2.6em;
}


.programs-wrap {
	padding-top: 120px;
	padding-bottom: 120px;
	background-image: url('/wp-content/uploads/2018/01/film-reel.jpg');
}
.programs-wrap .row {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
.programs-wrap h2 {
  font-weight: 200 !important;
  font-size: 3em;
  letter-spacing: -.03em;
}
.programs-wrap .program-single {
	margin: 0px 15px 15px;
	position: relative;
}
.programs-wrap .program-single .container-link{
	background-color: rgba(0,0,0,0.33);	
}
.programs-wrap .program-single .container-link:hover {
	background-color: rgba(0,0,0,0.25);	
}
.programs-wrap .program-single h3 {
  position: absolute;
  color: #fff;
  margin-bottom: 0;
  bottom: 30px;
  left: 30px;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 2;
  
}
.programs-wrap .program-single:hover h3 {
	color: #ffcc00;
}

.films-wrap {
	padding-top: 120px;
	padding-bottom: 120px;
}
.films-wrap .container {
	padding-left: 25px;
	padding-right: 25px;
}


.register-wrap {
	padding-top: 120px;
	padding-bottom: 120px;
}
.register-wrap * {
	color: #fff;
}




/* Program Pages */

.program-head {
	margin-bottom: 2em;
}
.program-wrapper {
	
}
.program-wrapper + hr {
	margin-top: 3.5em;
	margin-bottom: 3.5em;
}
.program-wrapper .media {
	margin-bottom: 3.5em;
}

.program-wrapper .pull-left, .program-wrapper .media-body {
	padding-left: 15px;
	padding-right: 15px;
} 
.supreme-wrap .supreme-inner {
	width: 90%;
}


/* Welcome Sections */

.welcome {}

.welcome .title {
	font-size: 4em;
	margin-bottom: 32px;
}
.welcome .desc {
	margin-bottom: 42px;
}
.welcome .btn {}
.program.welcome {
	margin-bottom: 3em;
}
.program.welcome .embed-responsive {
	margin-bottom: 42px;
}


/* Welcome Sections */

.inside-learn-wrap {
	background-image: url(/wp-content/themes/roots/assets/img/movie-bg.jpg);
}
.inside-learn-wrap:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.inside-learn-wrap * {
	/* color: #fff; */
}
.inside-learn-wrap .btn-white {
	background-color: #fff !important;
	transition: all 0.125s ease-in-out;
}
.inside-learn-wrap .btn-white:hover {
	position: relative;
}
.inside-learn-wrap .btn-white strong {
	color: #00abd6 !important;
}


/* Contact Info Sections */

.contact-info {}
.contact-info i.fa-li {
	font-size: 1.125em;
	top: 4px;
}

/* FAQs */

.panel-group {}
.panel-group .panel {
	border-radius: 12px;
	overflow: hidden;
}
#faq-accordion .panel-default>.panel-heading {}
#faq-accordion .panel .panel-heading h3 a {
	padding: 1em;
}
#faq-accordion .panel .panel-heading h3 a:after {
	content: '\f13a';
	font-family: "fontawesome";
	float:right;
	font-size: 1.25em;
    top: -3px;
    position: relative;
    opacity: 0.5;
    transition: all 0.125s ease-in-out;
}
#faq-accordion .panel .panel-heading h3 a:hover:after { 
	opacity: 1;
}
#faq-accordion .panel-default>.panel-heading .panel-title{}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	padding: 1.25em;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body p {}


/* Logo Block */

.logo-block {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	
}
.logo-block img {
	width: 33.333%
	width: calc(100% / 3);
	max-width: 250px;
	margin: 1.5em;
}


/* Testimonial Section */

.testimonials.section {}
.testimonials.section .container {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
}
.testimonials.section .container blockquote {
	width: 50%;
	width: calc( 100% / 2 );
	margin-bottom: 48px;
	position: relative;
	border: none;
	padding: 1.5em;

}
.testimonials.section .container blockquote:before {
	content: '"';
	color: #777;
	font-size: 10em;
	line-height: 1;
	display: inline-block;
	width: 1em;
	height: 1em;
	position: absolute;	
	top: 0;
	left:0;
	text-align: center;
	font-weight: 600;
	transform: translate(-33%,-10%);
	opacity: 0.125;

}
.testimonials.section .container blockquote p {
	
}

/* Call to Action */

.call-to-action.section {
	padding-top: 120px;
	padding-bottom: 120px;
	background-image: url(/wp-content/themes/roots/assets/img/movie-bg.jpg);
	background-position: center bottom;
	background-size: cover;
}


/* Plugin Overrides */

.frm_style_formidable-style.with_frm_style select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	display: block;
}
.frm_style_formidable-style.with_frm_style select + i.fa {
	color: #00abd6;
	font-size: 1.5em;
	float:right;
	pointer-events: none;
	position: relative;
	top: -39px;
	right: 12px;
}
.frm_style_formidable-style.with_frm_style .frm_submit button {
	border-bottom: 5px solid rgba(0,0,0,0.125) !important;
	-moz-border-radius: px !important;
    -webkit-border-radius: 8px !important;
    -khtml-border-radius: 8px !important;
    border-radius: 8px !important;
}

/* ******************* *//* ******************* */
/* Media Queries */
/* ******************* *//* ******************* */

@media only screen and (max-width: 1200px) {
	
	.site-header .bottom-nav .container .navbar-header a {
		margin-top: -30px;
    	margin-bottom: -30px;
	}
	.logo__img {
		max-width: 120px !important;
    	left: -12px;
    	position: relative
	}
	.site-header .bottom-nav {
    	padding-top: 5px;
    	padding-bottom: 5px;
	}

	.site-header .bottom-nav .container .navbar-header {
		position: relative;
    	top: 0;
	}
	.navbar-nav {
		margin: 20px 15px;
	}
}
@media only screen and (max-width: 1024px) {
	.grid-container, .grid-container.text-image, .grid-container.image-text {
		grid-template-areas: 
  		"img-block img-block"
  		"text-container text-container";
  		
	}	
	.grid-container .text-block, .grid-container.text-image .text-block, .grid-container.image-text .text-block {
		padding-left: 15px;
		padding-right: 15px;
		margin: auto;
	}
	.grid-container .text-block .text-block-inner, .grid-container.text-image .text-block .text-block-inner, .grid-container.image-text .text-block .text-block-inner {
		padding: 0px;
		margin: auto;
	}
}
@media only screen and (max-width: 1023px) {}
@media only screen and (max-width: 768px) {
	.grid-container, .grid-container.text-image, .grid-container.image-text {
		grid-template-areas: 
  		"img-block img-block"
  		"text-container text-container";
  		
	}	
	.grid-container .text-block, .grid-container.text-image .text-block, .grid-container.image-text .text-block {
		padding-left: 15px;
		padding-right: 15px;
		margin: auto;
	}
	.grid-container .text-block .text-block-inner, .grid-container.text-image .text-block .text-block-inner, .grid-container.image-text .text-block .text-block-inner {
		padding: 0px;
		margin: auto;
	}	
	.map-wrap #map {
		width: 100%;
		max-width: 100%;
		margin-top: 0px;
		height: auto;
		display: none;
	}
	.map-wrap #map svg {
		width: 100% !important;
		height: auto !important;
	}
}
@media only screen and (max-width: 767px) {



	
	h1 { font-size: 48px; }
	h2 { font-size: 36px; }
	h3 { font-size: 24px; }
	h4 { font-size: 16px; }
	h5 { font-size: 12px; }
	h6 { font-size: 10px; }

	blockquote {
		font-size: 16px;
	}
	
	.section {
		padding-top: 36px;
		padding-bottom: 36px;	
	}
	.grid-container h2 {
		font-size: 42px;
	}
	.text-block .inner-container {
		padding: 24px 0px;
	}

	.img-block {
		min-height: 0px;
	}
	


	/* Header */

	.logo__img {
		max-width: 90px !important;
		left: -12px;
    	position: relative;
	}

	.site-header .upper-nav-wrap .container {
		padding-left: 5px;
		padding-right: 5px;
	}
	.site-header .upper-nav-wrap .upper-nav a {
		font-size: 0.75em;
		padding: 0em;
	}

	.site-header .bottom-nav {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.site-header .bottom-nav .container .navbar-header {
		position: relative;
		top: 0;
	}
	.site-header .bottom-nav .container .navbar-header a {
		margin-top: -20px;
		margin-bottom: -20px;
	}
	

	/* Site Main */

	.site-main.wrapper {
		padding-top: 48px;
		padding-bottom: 48px;
	}


	/* Footer */

	.upper-footer {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.upper-footer .logo {
		top: 0px;
	}
	

	/* Headers */

	.standard-header {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.image-header h1, .standard-header h1 {
		font-size: 36px;
	}
	.large-custom-header .custom-header {
		padding-top: 60px;
		padding-bottom: 300px;
	}
	

	/* Special */
	
	.films-wrap {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.supreme-wrap .supreme-inner {
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 0px;
		width: 100%;
	}
	.welcome .title {
		font-size: 36px;
	}
	.program-wrapper .pull-left, .program-wrapper .media-body {
		padding-left: 15px;
		padding-right: 15px;
	}

	.media img {
		margin-bottom: 24px;
	}
	.program-head {
		margin-bottom: 24px;
	}
	.program.welcome {
		margin-bottom: 24px;
	}

	.map-wrap #map {
		width: 100%;
		max-width: 100%;
		margin-top: 0px;
		height: auto;
		display: none;
	}
	.map-wrap #map svg {
		width: 100% !important;
		height: auto !important;
	}
	
	/* FAQ's */

	.panel-title {
		font-size: 16px;
	}
	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		padding: 1em;
	}
	

	/* Slider */
	
	.slide-text {
		width: 90%;
	}
	.slide-text-wrap {
		min-height: 0px;
	}
	.slide-text h1 {
		
	}
	.slide-text p.desc {
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 480px) {
	
	
	/* Home Page */

	.slide-text-wrap {
		min-height: 0px;
	}
	.slide-text h1.title {
		font-size: 2.5em;
	}
	.slide-text p.desc {
		font-size: 1.25em;
	}
	.home .slide-text .btn {
		font-size: 1.125em !important;
	}


	.learn-wrap.wrapper {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.learn-wrap h3 {
		font-size: 2em;
	}
	.learn-wrap .block h4 {
		font-size: 1.6em;
	}


	.programs-wrap {
    	padding-top: 80px;
    	padding-bottom: 80px;
	}
	.programs-wrap h2 {
		margin-bottom: 24px;
	}
	.programs-wrap .program-single {
		margin-bottom: 24px;
	}


	.map-wrap #map {
		width: 100%;
		max-width: 100%;
		margin-top: 0px;
		height: auto;
		display: none;
	}
	.map-wrap #map svg {
		width: 100% !important;
		height: auto !important;
	}

	.program-wrapper .pull-left, .program-wrapper .media-body {
		padding-left: 0px;
		padding-right: 0px;
	}

	/* Testimonials */
	
	.testimonials.section .container blockquote {
		width: 100%;
		width: calc(100% / 1);
		margin-bottom: 24px;
	}

}