/*
    Theme Name: HTML5 Blank
    Theme URI: http://html5blank.com
    Description: HTML5 Blank WordPress Theme
    Version: 1.4.4
    Author: Todd Motto (@toddmotto)
    Author URI: http://toddmotto.com
    Tags: Blank, HTML5, CSS3
    Text Domain: harmony-road
    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility;}



body {font-family: 'Roboto Slab', serif; color: #444; font-size:16px; font-weight:400;}

/* clear */
.clear:before, .clear:after { content: ' '; display: table;}
.clear:after { clear: both}
.clear { *zoom: 1}

h1, h2, h3, h4, h5, h6 {font-family: 'Bree Serif', serif; font-weight: normal }

img { max-width: 100%; vertical-align: bottom;}
a { color: #444; text-decoration: none;}
a:hover { color: #444}
a:focus { outline: 0}
a:hover, a:active { outline: 0}

blockquote {
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:-30px;
position: relative;
max-width: 75%;
    margin: 0 auto;
    padding-left: 0.4em;
}

/* BUTTON STYLES*/
.button {display:inline-block; padding:5px 10px; color:#EEE;font-family: 'Coming Soon', cursive; font-weight: 600}
.button:hover {color:#FFF;}
.blue {background:#80C3D2; border:1px solid #6cabb7;}
.blue:hover {background:#79b7c4;}
.green {background:#92D07C; border:1px solid #7bb567; color:#FFF;}
.green a:link, .green a:visited {color:#FFF;}
.green:hover {background:#92D07C;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper { max-width: 1280px; width: 95%; margin: 0 auto; position: relative;clear:both;}

/* header */


.header-container {width:100%;background:#FFF;border-bottom:5px solid #EEE;padding:20px 0 0 0; border-top:3px solid #80C3D2; // set animation -webkit-transition: all 0.4s ease;
transition: all 0.4s ease;opacity: .98; height:141px; }
.header-container.sticky {position: fixed;margin:0; padding:0; height: 75px; width: 100%;background: #FCFCFC; z-index:1000;}
.header-container.sticky .header {height:75px;}
.header-container.sticky .logo-img {height:60px;// set animation -webkit-transition: all 0.4s ease;transition: all 0.4s ease; padding:0;}
.header-container.sticky #header-phone {position: absolute;top:5px; right:0; font-size:14px;}
.header-container.sticky .nav {right:30px; bottom:-8px;  // set animation -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.header-container.sticky .nav li {width:100px; font-size:16px; // set animation -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.header-container.sticky .nav li a {padding:3px; // set animation -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#header-placeholder {height: 130px; display: none}

.header {width:100%;position: relative; height:129px;}
#header-phone {position: absolute;top:-10px; right:0; font-size:18px;}
#header-phone i {margin-right: 5px}
.logo {padding-bottom:20px;}
.nav {position:absolute;bottom:0px; right:30px; font-family: 'Coming Soon', cursive; padding:0!important; margin:0!important;}
.nav ul li {display: inline-block; width:130px; text-align: center; background:#EEE; font-size:18px; font-weight:bold; }
.nav ul li a {display:block;padding:10px 0;   color: #000; -webkit-transition: color .35s;-moz-transition:color .35s; -ms-transition:color .35s; -o-transition:color .35s;
    transition:color .35s;}
.nav ul li a:hover {color:#FFF!important;}

.nav ul li:first-child {border-top:4px solid #d95858; background-size: 100% 200%; background-image: linear-gradient(to bottom, #EEE 50%, #d95858 50%);-webkit-transition: background-position 1s;
    -moz-transition: background-position .3s;  transition: background-position .3s;}
.nav ul li:first-child:hover {background-position: 0 -100%;color:#FFF!important;}

.nav ul li:nth-child(2) {border-top:4px solid #637cdb; background-size: 100% 200%; background-image: linear-gradient(to bottom, #EEE 50%, #637cdb 50%);-webkit-transition: background-position 1s;
    -moz-transition: background-position .3s;  transition: background-position .3s;}
.nav ul li:nth-child(2):hover {background-position: 0 -100%;}

.nav ul li:nth-child(3) {border-top:4px solid #92d07c; background-size: 100% 200%; background-image: linear-gradient(to bottom, #EEE 50%, #92d07c 50%);-webkit-transition: background-position 1s;
    -moz-transition: background-position .3s;  transition: background-position .3s;}
.nav ul li:nth-child(3):hover {background-position: 0 -100%;}

.nav ul li:nth-child(4) {border-top:4px solid #af67d5; background-size: 100% 200%; background-image: linear-gradient(to bottom, #EEE 50%, #af67d5 50%);-webkit-transition: background-position 1s;
    -moz-transition: background-position .3s;  transition: background-position .3s;}
.nav ul li:nth-child(4):hover {background-position: 0 -100%;}

.nav ul li:nth-child(5) {border-top:4px solid #eae78e; background-size: 100% 200%; background-image: linear-gradient(to bottom, #EEE 50%, #eae78e 50%);-webkit-transition: background-position 1s;
    -moz-transition: background-position .3s;  transition: background-position .3s;}
.nav ul li:nth-child(5):hover {background-position: 0 -100%;}

.nav ul li:nth-child(6) {border-top:4px solid #80C3D2; background-size: 100% 200%; background-image: linear-gradient(to bottom, #EEE 50%, #80C3D2 50%);-webkit-transition: background-position 1s;
    -moz-transition: background-position .3s;  transition: background-position .3s;}
.nav ul li:nth-child(6):hover {background-position: 0 -100%;}



/* sidebar */
.sidebar-widget {margin-top:80px;}
.sidebar-widget .widget_search {background:#F2F2F2; padding:10px 5px!important; display:block;height:50px; margin:auto;}
.sidebar-widget .search-input {border:none; width:75%; float:left;height:28px; font-size:.8em; outline:0;}
.search-submit {background:none; border:none; color:#92D07C; width:20%; float:right;}
.search-submit i { font-size:25px;}
.widget-block {border-bottom:1px solid #EEE; padding:5px 0 25px 0; font-weight:300;}
.widget-block h3 {margin-bottom:0; padding-bottom:0;}
.widget-block ul {margin:0 0 0 20px; padding: 0 1em;list-style: none; }
.widget-block li:before { content: ""; border-color: transparent #80C3D2; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block;
    height: 0; width: 0; left: -1em; top: 0.9em; position: relative;}
    .widget-block:nth-child(2) li:before {border-color: transparent #637cdb; }
.widget-block:nth-child(3) li:before {border-color: transparent #af67d5; }
.widget-block:nth-child(4) li:before {border-color: transparent #92d07c; }
#dl-brochure {text-align: center}

.tagcloud {text-align: center; margin-top:20px;}
.tagcloud a {display: inline-block; font-size:13px!important; background:#F2F2F2; margin:5px 6px; padding:5px 10px; text-align: center;}
.tagcloud a:hover {background:#CCC}


/* PAGE SIDEBAR */
.page-sidebar .page-widget-block {border-bottom:1px solid #EEE;}
.page-sidebar .widget_search {display: block; margin:auto; width:85%; text-align: center}
.page-sidebar .gform_widget { width:85%; display: block; margin:auto; }
.page-sidebar .gform_widget h3 {color:#667FDB;text-align: center;  -webkit-margin-after: 0!important;margin-bottom:-10px!important;}
.page-sidebar #gform_1 ul li {clear:both; width:100%;}
.page-sidebar #gform_1 ul li label {display: none}
.page-sidebar .gform_footer {width:95%;}
.page-sidebar #gform_submit_button_1 {display:block; margin:auto!important;}
.page-sidebar #gform_submit_button_1 {background:#92D07C; border:1px solid #7bb567; color:#FFF;}
.page-sidebar #gform_submit_button_1:hover {background:#92D07C; color:#EEE;}
.page-sidebar .gform_wrapper .top_label li.gfield.gf_left_half, .page-sidebar .gform_wrapper .top_label li.gfield.gf_right_half {padding:0}
    /*download brochure button*/
.page-sidebar .sb3 {background:#637cdb;}
.page-sidebar .sb3:hover {background:#3c59c1;// set animation -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.page-sidebar .square-box{width: 90%; margin:20px auto; display:block; float:none; overflow: hidden; background: #4679BD; height:100px; font-size:20px;}
.page-sidebar .square-content a {display: block}
    /*sidebar social icons */
#widget-social {text-align: center; padding:0; }
#widget-social li {display: inline-block;list-style: none; margin:0 5px;}
#widget-social li i {color:#FFF; background:#AF67D5; padding:6px 0 5px 0;width:40px; height:40px; text-align: center; font-size:30px;}
#widget-social li i.fa-facebook {background:#3B5998;}
#widget-social li i.fa-twitter {background:#55ACEE;}
#widget-social li i.fa-pinterest-p {background:#BD081C;}





/* footer */
#footer-container {clear:both;border-bottom:3px solid #80C3D2; border-top:2px solid #CCC;; margin-top:50px; background:#EEE;}
.footer {padding:20px 0;}
.discover {text-align: center; font-size:28px; font-family: 'Coming Soon', cursive; text-align: center;padding:10px 0; }
.discover .search {font-size:16px;font-family: 'Roboto Slab', serif;}
#footer-copy-container {background:#FFF; font-size:14px;}
#footer-social {float:right;}
#footer-social li {display: inline-block;list-style: none}
#footer-social li i {color:#FFF; background:#AF67D5; padding:6px 0 5px 0;width:25px; height:25px; text-align: center}
#footer-contact li {list-style: none;text-align:left;position: relative;}
#footer-contact li i {position:absolute; left:-25px; color:#637CDB; }
#footer-contact li:nth-child(2) {margin-top:10px;}
#footer-contact li:nth-child(3) {margin-top:10px;}
#footer-contact li:nth-child(3) i {left:-23px;}
#footer-center .search {width:260px; display: block; margin:auto; padding-top:20px;}
#footer-social li i.fa-facebook {background:#3B5998;}
#footer-social li i.fa-twitter {background:#55ACEE;}
#footer-social li i.fa-pinterest-p {background:#BD081C;}


/* 404 PAGE */
#post-404 {background:url(images/404-image.jpg) no-repeat center; min-height:600px;}
#post-404 h2 {text-align: center; font-family: 'Roboto Slab', serif;}
#post-404 .search {display:block;text-align: center;margin-top:100px; }

/* SHARE THIS*/
#share-this {border-top:1px solid #CCC;  margin:20px 0; padding:0;}
#share-this h2 {font-family: 'Coming Soon', cursive; padding:0; margin:10px 0 0 0;}

/* BLOG INDEX PAGE */
#blog-index {padding-right:40px}
#blog-index article {border-bottom:1px solid #CCC; padding-bottom:30px; margin-bottom:30px;}
#blog-index .post-title {margin:15px 0 0 0;  }
#blog-index .date, #blog-index .author {font-size:14px; color:#999;}
#blog-index .date a, #blog-index .author a {color:#999;}
#blog-index .wp-post-image {margin:20px 0;}
#blog-index .post:nth-child(5n+1) h2 a {color:#d95858}
#blog-index .post:nth-child(5n+2) h2 a {color:#637cdb}
#blog-index .post:nth-child(5n+3) h2 a {color:#92d07c}
#blog-index .post:nth-child(5n+4) h2 a {color:#af67d5}
#blog-index .post:nth-child(5n+5) h2 a {color:#80C3D2}

#blog-index .post:nth-child(5n+1) .button {background:#d95858}
#blog-index .post:nth-child(5n+2) .button {background:#637cdb}
#blog-index .post:nth-child(5n+3) .button {background:#92d07c}
#blog-index .post:nth-child(5n+4) .button {background:#af67d5}
#blog-index .post:nth-child(5n+5) .button {background:#80C3D2}

.view-article {clear:both; margin:20px 0 0 30px;}

/* BLOG SINGLE POST*/
.blog-Post {padding-right:40px;}
#single-post-title {color:#637cdb;}
#single-post-meta, #single-post-meta a {font-size:14px; color:#999;}
.single-post .wp-post-image {margin:20px 0;}
.single-post article {margin:50px 0;}
.single-post .featured-image {}
#single-post-content a {text-decoration: underline;}
#single-post-content a:hover {color:#5064AC;}
blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:1.5em 10px;padding:1em 10px;quotes:"\201C""\201D""\2018""\2019"}
blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-0.4em}
blockquote p{display:inline}
#tags-container a {display: inline-block;font-size: 13px!important; background: #F2F2F2; margin: 5px 6px;padding: 5px 10px;text-align: center;}
#tags-container a:hover {background:#CCC;}


/* SEARCH RESULTS PAGE*/
.serps a:hover {text-decoration: underline;}
.serps .button {float:left; margin:0px 0 10px 0; font-size:15px; padding:3px 5px;}
.serps article {clear:both; border-bottom:1px solid #CCC; padding-bottom:10px;}
.serps article img {max-height:100px; width:auto; float:left; clear:both; margin:0 20px 10px 0;}
.serp-more a, .serp-more:visited, .serp-more {font-style:italic; color:#667FDB }
.serp-more:hover {text-decoration: underline;}
  /*no results*/
.search-result-search {display: block;margin:auto; text-align: center}
#no-results h2, #no-results p {text-align: center}

/* ARCHIVES/CATEGORY PAGES */
.archive a:hover {text-decoration: underline;}
.archive .button {float:left; margin:0px 0 10px 0; font-size:15px; padding:3px 5px;}
.archive article {clear:both; border-bottom:1px solid #CCC; padding-bottom:10px;}
.archive article img {max-height:100px; width:auto; float:left; clear:both; margin:0 20px 10px 0;}
.serp-more a, .serp-more:visited, .serp-more {font-style:italic; color:#667FDB }
.serp-more:hover {text-decoration: underline;}


/* HOMEPAGE*/
#home-top-content {margin:50px 0; font-size:18px;}
#h-top-left .button {display: inline-block; text-align: center!important;  margin-left:0px;}
#h-top-left .button a {color:#FFF; margin:auto; text-align: center;}
#request {clear:both; background:url(images/note-bg.jpg); color:#FFF; padding:10px 0;}
#request h2 {text-align: center}
#request p {width:80%; display: block; margin:auto;text-align: center}
#request form {text-align: center; width:600px;display:block; margin:auto;}
#request form label {display: none}
#gform_1 input:focus { outline: 0; }

#gform_1 ul li {margin-top:0!important; }
#gform_wrapper_1 .gform_footer {margin:4px 0 0 0; padding:0;}
#gform_submit_button_1 {color:#000; padding:3px 10px; margin-top:15px;}

#gform_submit_button_7 {
    background-color: #7b25c6!important;
    border: 0;
    color: #fff;
    font-family: "Bree Serif";
    height: 40px;
    letter-spacing: 1px;
    z-index: 999;
}


#home-2nd-content {margin:60px 0 30px 0; font-size:18px;}



#home-content-blocks {padding:0 0 20px 0; background:#fcfcfc;}
.square-box{position: relative; width: 23%; float:left; margin:20px 1% 0 1%; overflow: hidden; background: #4679BD; height:200px; font-size:28px;}
.square-content a {display: block}
.sb1 {background:#DC6969;}
.sb1:hover {background:#d35656;// set animation -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.sb2 {background:#80C3D2;}
.sb2:hover {background:#5ab2c4;// set animation -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.sb3 {background:#92d07c;}
.sb3:hover {background:#71ba57;// set animation -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.sb4 {background:#637cdb;}
.sb4:hover {background:#3c59c1;// set animation -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.square-box:before{content: ""; display: block;padding-top: 100%;}
.square-content{ position:  absolute;top: 0; left: 0; bottom: 0; right: 0; color: white;}
.square-content div { display: table; width: 100%; height: 100%;}
.square-content span {display: table-cell; text-align: center; vertical-align: middle; color: white}

#home-third-content-area h2 {text-align: center}
#home-third-content-area {font-size:18px;}
#home-third-content-area ul li {list-style: none; text-align: center; line-height:1.5; margin:20px 0;}

/* COURSES PAGE*/
#courses-archive-container {width:80%; display: block;margin:auto;}
.course-list {border-bottom:1px solid #CCC; padding:30px 0 40px 0;}
.course-list:nth-child(5n+1) h2 a {color:#d95858}
.course-list:nth-child(5n+2) h2 a {color:#637cdb}
.course-list:nth-child(5n+3) h2 a {color:#92d07c}
.course-list:nth-child(5n+4) h2 a {color:#af67d5}
.course-list:nth-child(5n+5) h2 a {color:#80C3D2}
.course-list .course-thumb {width:300px; height:auto; float:left; margin:0 30px 0 10px; padding:1px; border:1px solid #CCC;}
.course-list .age-range {line-height:2;}
.course-list .age-range span {font-style: italic; color:#666; }
.course-list .course-length span {font-style: italic; color:#666;}
.course-list .course-description {line-height:1.5; margin-top:30px;}
.course-list .button {margin-top:20px; float:right;}


/* Testimonials Page */
#testimonials-list {margin:0 10% 0 10%; padding:0 0 0 25px;}
#testimonials-list li {list-style: none; position: relative; margin-top:30px; font-size:17px; line-height:1.6; font-style:italic; }
#testimonials-list li:nth-child(2n) {background:#FFF;}
#testimonials-list li p:nth-child(1):first-letter {font-size:1em!important;} /*remove capitalization of first letter*/
#testimonials-list li .t-date {clear:both; font-size:12px; color:#999; font-style:italic;}
.testimonial-details {text-align: right; line-height:1; margin-right:4%;}
.testimonial-break {width:90%; display: block; margin:25px auto; height: 1px; background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, #999));}
span.lquo {background: url('images/quotes.png') no-repeat 0 0;width: 16px;height: 13px; display: inline-block; padding-right:5px;}
span.rquo {background: url('images/quotes.png') no-repeat -14px -28px;width: 16px;height: 13px;display: inline-block; margin-left:5px;padding-bottom:5px;}

/* FAQs PAGE*/
#faq-list {padding-left:0;}
#faq-list li {list-style: none}
.faq-question, .faq-answer { padding: 0 0 0 50px }
.faq-question { font-size:1.5em; color: #9d9d9d; cursor: pointer; height: 37px; line-height: 37px; margin: 0 0 15px 25px}
.faq-answer {clear:both;  font-size: 1em; margin: 0 0 20px 25px}
.faq-question { background: url('images/expand-icon.png') no-repeat left}
#faq-list .expanded { background: url('images/expanded-icon.png') no-repeat left}


/*LOCATIONS PAGE*/
#searchForm {margin-bottom:15px;}
#searchForm INPUT[type="submit"] {padding: 0px 10px!important;}
#slp_tagline {display:none;}
#map_sidebar {margin-top:30px!important}
#map_sidebar .results_wrapper {padding:15px 10px 10px 10px; margin:0!important;}
#map_sidebar .results_wrapper:nth-child(2n) {background:#FFF;}
#map_sidebar .results_wrapper:nth-child(2n+1) {background:#f2fafc!important;}
#map_sidebar .results_wrapper:hover, #map_sidebar .results_entry:hover {background:#e8faff!important;} /* HOVER COLOR FOR LOCATIONS ENTRY*/
#map_sidebar .results_row_right_column {top:15px!important; right:10px!important;}


/* CUSTOM FACETWP LOCATIONS*/
.store-list-row:nth-child(odd) {background: #EEE; padding: 5px 10px; border-radius:5px; margin: 5px 0 }
.store-list-row:nth-child(even) {padding: 5px 10px; margin: 5px 0}
.store-list-row strong {font-size: 18px; margin: 0; padding: 0; }
.store-list-left {width: 50%; float: left}
.store-list-right {width: 50%; float: right; text-align: right;}


.list-title {font-weight: 600; }
.list-address1, .list-address2 {display: inline-block;}

.list-city {clear: left; display: inline-block;}
.list-state, .list-zip {display: inline-block;}

/* CONTACT PAGE*/
#gform_2 label {display:none;}
#gform_2 input:active, #gform_2 input {border:1px solid #999;}
#gform_2 input:focus, #gform_2 textarea:focus {border:#83C4D3 1px solid; outline:none;}
#gform_2 .button {background:#92D07C; border:1px solid #7bb567;}
#gform_2 .button {background:#92D07C;}
    /*Phone number, email, address styles*/
.contact-page-info {text-align: center; margin-top:50px;}


/* REQUEST IFNORMATION KIT PAGE*/

#gform_3 .button {background:#92D07C; border:1px solid #7bb567;}
#gform_3 .button {background:#92D07C;}





/* Downloads Page */
.downloads-container p a:link {color:#3C59C1; text-decoration: underline;}
.downloads-container p a:visited {color:#3C59C1;text-decoration: underline;}


   /* RESPONSIVE ------------------------------------*/

@media only screen and (max-width:1280px) {
.nav { right:0px; }
.nav ul li { width:100px;font-size:17px;  }
.nav ul li a {padding:8px 0; }
}


/* Everything below 1024 px*/
@media only screen and (max-width:1024px) {
 p {font-size:16px;}
.header-container {padding-top:10px;}
.header {width:100%;position: relative;}
.logo {padding:0px; width:25%!important;}
.logo img {max-height:100px; width:auto;}
.nav {clear:both; position:absolute; bottom:0; margin:auto!important; display:inline-block; margin:auto; float:none!important; width:100%!important;}
.nav ul {text-align: center; padding:0; margin:0 0 5px 0;}
.nav ul li {display: inline-block; width:100px; font-size:16px; }
.nav ul li a {display:inline-block;padding:5px 0; }
.nav ul li a:hover {color:#FFF!important;}
.header-container.sticky .nav ul {display: inline-block; float:right;}
.header-container.sticky .nav {float:right; right:0; bottom:0;  }
.header-container.sticky .nav li {font-size:14px; width:80px;}

/* HOME PAGE*/
#h-top-left h1 {font-size:22px;}
#home-2nd-content {margin-top:20px;}
#home-2nd-content h2 {font-size:22px;}
#home-2nd-content img {margin-top:50px;}
#home-third-content-area {font-size:16px;}

#footer-container .sixcol {width:33%; font-size:16px;}
#footer-container .threecol {width:30%; font-size:12px;}

}


/*Everything under 768px*/
@media only screen and (max-width:768px) {
.header-container {height:170px;}
.logo {width:100%!important; }
.logo img { display: block; margin:auto; width:auto; max-height:auto;}
.header-container.sticky {display: none}
#header-phone {position: relative; text-align: center; margin:5px 0 0 0;}
#header-phone i {margin-right: 5px}

/* home page form*/
#gform_wrapper_1, #gform_1  {max-width:100%; width:100%;}
#gform_submit_button_1 {width:45%;}

.square-box{width: 46%; }
#home-third-content-area ul {margin:0; padding:0;}

#addressInput, #addy_in_address {max-width: 100%!important; width:100%!important;}

/* Footer*/
#footer-container .sixcol {width:100%; font-size:25px;}
#footer-container .threecol {width:100%; font-size:16px;}
#footer-left {display: none}
 #footer-right {text-align: center;}
#footer-center .search {display: none}
#footer-contact li {text-align: center; position: relative; margin-left:0; padding-left:0;}
#footer-contact li i {position:relative; color:#637CDB; padding:0; left:-5px; }
#footer-social {float:none; text-align: center}
#footer-social li {display: inline-block;list-style: none; margin:0 5px 10px 5px;}
#footer-social li i {color:#FFF; background:#AF67D5; padding:6px 0 5px 0;width:35px; height:35px; text-align: center; font-size:25px;}
.copyright {text-align: center}

}

/*Everything under 480px (MOBILE SCREENS) */
@media only screen and (max-width:480px) {
#page-title {text-align: center;}
h2 {font-size: 22px;}

/* HOME PAGE*/
#home-top-content {margin:0 0 20px 0;}
#home-top-content .button { text-align: center; width:50%; display: block; margin:auto!important;}
#home-top-content .last img {padding-top:20px;}
#home-2nd-content img {margin-top:10px;}

.course-list {margin-top:0; padding-top:0;}

}


   /*Everything above 320px*/
@media only screen and (min-width:320px) {

}
/* Everything above 480px*/
@media only screen and (min-width:480px) {

}

/*Everything over 768px*/
@media only screen and (min-width:768px) {
    .onecol { width: 5.801104972% }
    .twocol { width: 14.364640883% }
    .threecol { width: 22.928176794% }
    .fourcol { width: 31.491712705% }
    .fivecol { width: 40.055248616% }
    .sixcol { width: 48.618784527% }
    .sevencol { width: 57.182320438000005% }
    .eightcol { width: 65.74585634900001% }
    .ninecol { width: 74.30939226% }
    .tencol { width: 82.87292817100001% }
    .elevencol { width: 91.436464082% }
    .twelvecol { width: 99.999999993% }
    .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { position: relative; float: left; margin-left: 2.762430939%; }
    .first { margin-left: 0 }
    .last { float: right }

}

/* Everything above 1024 px*/
@media only screen and (min-width:1024px) {

}

@media only screen and (min-width:1140px) {

}
/* Everything Above 1280 px*/
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {

}
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection{background:#04a4cc;color:#FFF;text-shadow:none}
::-webkit-selection{background:#04a4cc;color:#FFF;text-shadow:none}
::-moz-selection{background:#04a4cc;color:#FFF;text-shadow:none}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#FFF;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
}

/***--- GRAVITY FORMS ---***/

.page-id-1136 #gform_wrapper_1{
    padding: 40px;
    background: rgba(165, 111, 200, 0.5);
}

.page-id-1136 #gform_wrapper_1 .gform_title{
    letter-spacing: 1px;
    color:#fff;
}

.page-id-1136 #gform_submit_button_1{
    background-color: #a86dcd;
    border: 0;
    color: #fff;
    font-family: "Bree Serif";
    height: 40px;
    letter-spacing: 1px;
    z-index: 999;
}


.page-id-1136 #gform_submit_button_1:hover{
    background-color: #975cc8;
}

@media (max-width:1315px) {
    .tp-parallax-wrap{
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }
    .page-id-1136 #gform_submit_button_1 {
    width: 100%;
    margin-top: 10px !important;
    }
}

@media (min-width:1315px) {
    .home-form-mobile{
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }
}

/***--- SINGLE COURSE ---***/

body.single-courses img{
      max-width: 400px;
    float: right;
    padding: 0px 0px 30px 30px;
}

body.single-courses div.course-video{
  max-width: 400px;
  padding: 0px 0px 30px 30px;
  float: right;
  height: 100%;
  width: 100%;
}