/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/*****************************

1. General Styles
2. Header
3. Footer
4. Social Media
5. Side Bar
6. Testimonials
7. Home Page
8. Teachers
9. PRICING PAGE
10. PRESS PAGE
11. CLASSES PAGE
12. PRENATAL/POSTNATAL PAGE
13. CONSCIOUS CLEANSE
14. BLOG
15. Retreats Page
16. TOP GALLERY
17. Other Desktop Styles
18. Mobile Styles
*****************************/


/******************
1. General Styles  
******************/

body{
	font-family:'Roboto Slab', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight:300;
	}

a:link, a:hover, a:focus, a:active{
	text-decoration:none;
	}

.content, .sidebar {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	}
	
.inline{
	display:inline;
	}
	
/* List Styles */	
li{
	list-style-type:none;
	}
	
ul{
	list-style-type:none;
	}

.list-dots li{
	list-style-type:disc;
	}


/* Heading Margin Fix */
.page-id-320  .av-special-heading, .page-id-254 .av-special-heading, .page-id-17 .av-special-heading, .page-id-298 .av-special-heading, .page-id-2748 .av-special-heading, .page-id-219 .av-special-heading{
	margin-top:0px;
	}
	
.margin-zero{
	margin-top:0px;
	}
	
/* Font Styles */

.medium{
	font-size:1.5em;
	}
	
.big{
	font-size:2em !important;
	}
	
.strong{
	font-weight:600;
	}

.white{
	color:#FFFFFF !important;
	}
	
.gray{
	color:#666666 !important;
	}

.green{
	color:#CDDC39;
	}
	
.italic{
	font-style:italic;
	}
	
.bold{
	font-weight:600 !important;
	}

.modern-quote.bold .av-special-heading-tag{
	font-weight:600;
	}
/* alignment */
.center{
	text-align:center;
	}

/* Positioning */
.position-center{
	margin:0 auto !important;
	}
	
.hidden{
	display:none;
	}
/* Text Block Background Colors */
.background-purple{
  background-color: #aa47bc;
  padding: 50px;
  border-radius: 50px;
}

.circle{
	width:200px;
	height:200px;
	-moz-border-radius:100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}

.square{
	border-radius:0;
	}
	
.border-blue{
	border: #088d94 solid 2px !important;
	}
	
.border-purple{
	border: #aa47bc solid 2px !important;
	}
	
.border-green{
	border: #CDDC39 solid 2px !important;
	}
	
.border-orange{
	border: #FF5722 solid 2px !important;
	}
	
/* Background Hover Colors */
.border-green a, .border-blue a, .border-purple a, .border-orange a{
	 text-decoration: none;
     display: block;
     width: 100%;
     height: 100%;
	}
	
.border-green a:link, .border-blue a:link, .border-purple a:link, .border-orange a:link{
	background:#FFFFFF;
	}
	
.border-green a:hover, .border-green a:focus{
	background-color:#CDDC39;
	color:#FFFFFF;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	-ms-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
	}
	
.border-green a:hover h2, .border-green a:focus h2, .border-blue a:hover h2, .border-blue a:focus h2, .border-purple a:hover h2, .border-purple a:focus h2, .border-orange a:hover h2, .border-orange a:focus h2{
	color:#FFFFFF;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	-ms-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
	}
	
.border-blue a:hover, .border-blue a:focus{
	background:#088d94;
	color:#FFFFFF;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}
	
.border-purple a:hover, .border-purple a:focus{
	background:#aa47bc;
	color:#FFFFFF;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}
	
.border-orange a:hover, .border-orange a:focus{
	background:#FF5722;
	color:#FFFFFF;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}
	
/* Accordian Box */
.single_toggle{
	border:none;
	margin:0 0 10px 0;
	}
	
.js_active .toggler{
	border:none;
	text-transform: uppercase;
	font-family: Josefin Sans;
	font-weight: 600;
}
	
.toggle_content{
	border:none;
	}
/* LIGHTBOX FIX */
.mfp-ready .mfp-figure{
	opacity:1;
	}
	
/* BUTTON STYLES */
/* Contact Form Submit Button */
#top .av-custom-form-color .button {
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border: 5px solid #000000!important;
	color: #000000;
}

#top .av-custom-form-color .button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.main_color input[type='submit']:hover{
	color:#333;
	}

.av_promobox .avia-button.avia-size-large {
  margin-top: -25px;
}

/* Button 1a */
.btn-1a:hover,
.btn-1a:active {
	color: #0e83cd;
	background: #fff;
}

/* Button 1b */
#top .av-custom-form-color .button {
  font-size: 16px;
}

#top .av-custom-form-color .button:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #fff;
}

#top .av-custom-form-color .button:hover,
#top .av-custom-form-color .button:active {
	color: #FFFFFF;
	background-color:#CDDC39;
	border: 5px solid #CDDC39!important;
}

#top .av-custom-form-color .button:hover:after,
#top .av-custom-form-color .button:active:after {
	height: 100%;
}

/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
}

.btn-1c:hover,
.btn-1c:active {
	color: #CDDC39;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}	

.avia-button.avia-color-light:hover, .avia-button.avia-color-light:focus{
	background-color: rgb(0, 187, 212)!important;
	opacity: 1;
  }

/****************
2. HEADER STYLES 
****************/
.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li a:focus, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a{
	background-color:#CDDC39;
	color:#FFF;
	}
	
.avia-menu-text{
	font-weight:400;
	}
	
#top #header .av-main-nav > li > a{
	padding:0px 10px;
	text-transform:uppercase;
	}

#advanced_menu_toggle, #advanced_menu_hide {
	background-color: #00bbd4;
	color: #FFFFFF;
	border-color: #00bbd4;
	transition: background-color 0.5s ease-in-out;
}

#advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover, #advanced_menu_toggle:focus, .avia_desktop #advanced_menu_hide:focus  {
	background-color: #FFFFFF;
	color: #00bbd4;
	border-color: #00bbd4;
}

.av-main-nav ul li a .avia-menu-text{
	font-weight:300;
	}
	
.intro-offer .avia-menu-text{
	color:#FFFFFF!important;
	}
	
.intro-offer a:link{
	background-color:#00bbd4!important;
	}
	
.intro-offer a:hover, .intro-offer a:focus{
	background-color:#CDDC39 !important;
	}


/*Preheader */
#top #header_meta li:nth-child(2n){
	border-left:1px solid;
	}
/* Remove Line Between Nav and Social Icons */
.avia-menu.av_menu_icon_beside{
	border:none;
	}

.phone-info{
	font-weight:400;
	}
/*********************
3. FOOTER 
*********************/
/* #footer{
	bottom: 0px;
	left: 0px;
	width: 100%;
	position:absolute;
	height:auto;
	} */
	
/*********************	
4. SOCIAL MEDIA LINKS 
*********************/
#header_main nav .social_bookmarks{
	overflow:visible;
	}
	
#top #wrap_all #header_main .social_bookmarks li{
	border-right-style:none;
	width: 40px;
	height: 40px;
	margin: -4px 5px;
	}

#top #wrap_all .social_bookmarks li a{
	width:40px;
	height:40px;
	font-size:25px;
	line-height:40px;
	}
	
.header_color .social_bookmarks a{
	color:#FFF;
	}

/* Before Hover */ 	
#top #wrap_all .social_bookmarks li.social_bookmarks_facebook.av-social-link-facebook{
	background-color:#AB47BC;
	border-radius:100px;
	color:#FFF;
	}
	
#top #wrap_all .social_bookmarks li.social_bookmarks_twitter.av-social-link-twitter{
	background-color:#088d94;
	border-radius:100px;
	color:#FFF;
	}
	
#top #wrap_all .social_bookmarks li.social_bookmarks_instagram.av-social-link-instagram{
	background-color:#FF5722;
	border-radius:100px;
	color:#FFF;
	}

#top #wrap_all .social_bookmarks li.social_bookmarks_blog.av-social-link-blog{
	background-color:#CDDC39;
	border-radius:100px;
	color:#FFF;
	}	
	
/* AFTER HOVER */
#top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-facebook:focus a {
	background-color:#FFF;
	border-radius:100px;
	border: #AB47BC solid 2px;
	color:#AB47BC;
	line-height:38px;
	}
#top #wrap_all .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-twitter:focus a {
	background-color:#FFF;
	border-radius:100px;
	border: #088d94 solid 2px;
	color:#088d94;
	line-height:38px;
}

#top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram:focus a {
	background-color:#FFF;
	border-radius:100px;
	border: #FF5722 solid 2px;
	color:#FF5722;
	line-height:38px;
}

#top #wrap_all .av-social-link-blog:hover a, #top #wrap_all .av-social-link-blog:focus a {
	background-color:#FFF;
	border-radius:100px;
	border: #CDDC39 solid 2px;
	color:#CDDC39;
	line-height:38px;
}

/* SHARE BOX */
#top #wrap_all .av-share-box .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-facebook:focus a {
	background-color:#AB47BC;
	border-radius:0;
	border:none;
	color:#FFFFFF;
	line-height:inherit;
	}
#top #wrap_all .av-share-box .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-twitter:focus a {
	background-color:#088d94;
	border-radius:0;
	border:none;
	color:#FFFFFF;
	line-height:inherit;
}

#top #wrap_all .av-share-box .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram:focus a {
	background-color:#FF5722;
	border-radius:0;
	border:none;
	color:#FFFFFF;
	line-height:inherit;
}

/* FOOTER SOCIAL MEDIA */

.widget li{
	clear:none;
	}
	
#footer .social_bookmarks{
	height:50px;
	width:100%;
	overflow: visible;
	clear:both;
	}
	
#footer .social_bookmarks li{
	height: 40px;
	float: left;
	padding: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 40px;
	margin:5px 5px;
}

#footer .social_bookmarks li a {
	float: left;
	width: 40px;
	line-height: 40px;
	display: block;
	margin: 0px;
	outline: none;
	padding: 0;
	min-height: 30px;
	height: 100%;
	overflow: visible;
	z-index: 2;
	position: relative;
	text-align: center;
}

#footer  .social_bookmarks li.social_bookmarks_facebook.av-social-link-facebook{
	background-color:#AB47BC;
	border-radius:100px;
	color:#FFF;
	}
	
#footer  .social_bookmarks li.social_bookmarks_twitter.av-social-link-twitter{
	background-color:#088d94;
	border-radius:100px;
	color:#FFF;
	}
	
#footer  .social_bookmarks li.social_bookmarks_instagram.av-social-link-instagram{
	background-color:#FF5722;
	border-radius:100px;
	color:#FFF;
	}
	
#footer  .social_bookmarks li.social_bookmarks_blog.av-social-link-blog{
	background-color:#CDDC39;
	border-radius:100px;
	color:#FFF;
	}
	
.footer_color .social_bookmarks a{
	color:#FFF;
	}
	


/*****************	
5. SIDEBAR STYLES 
*****************/
.avia-builder-widget-area {
  position: relative;
  border-left: 2px solid;
  padding: 0px 20px;
}
	
	
/***************
6. TESTIMONIALS 
***************/
#top .avia-slider-testimonials.avia-testimonial-wrapper {
  padding-top: 15px;
}

/****************
7. HOME PAGE 
****************/
.page-id-6 #av_section_1{
	height:60px;
	}
	
.page-id-6 .av_promobox{
	margin:0px;
	padding:0px;
	}
	
 .page-id-6 .av_promobox .avia-button.avia-size-large{
	background-color: #AB47BC!important;
	border: 3px solid #ffffff!important;
	color: #ffffff!important;
	}
	
 .page-id-6 .av_promobox .avia-button.avia-size-large:hover,  .page-id-6 .av_promobox .avia-button.avia-size-large:focus{
	background-color: #CDDC39!important;
	border: 3px solid #CDDC39!important;
	color: #666!important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}
	
.page-id-6 .main-pg-video{
	width:80%;
	margin:0 auto;
	}
	
	
#uber-grid-2829 > div.r2c2 .uber-grid-cell-wrapper{
	height:693px!important;
	}
	
/****************
8. TEACHERS 
****************/
#uber-grid-2712 > div.r1c1, #uber-grid-2712 div.r2c1 {
  border-radius: 175px !important;
  -o-border-radius: 175px;
  -ms-border-radius: 175px;
  -moz-border-radius: 175px;
  -webkit-border-radius: 175px !important;
}

#uber-grid-2712 .uber-grid-cell-label .uber-grid-label-heading {
  font-family: "Josefin Sans", 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  text-align: center;
}

#uber-grid-2712 .uber-grid-cell-title{
	background-color: #cddc39;
    padding: 10px 0px 0px!important;
    z-index: 100;
}

#uber-grid-2712 .uber-grid-cell-label .uber-grid-label-text{
	text-align:center;
}

#uber-grid-2712 .uber-grid-hover{
	background-color: rgba(171, 71, 188, 0.7) !important;
	}
	
	
/***************
9. PRICING PAGE 
***************/
#pricing-specials.avia-section{
	min-height: 30px!important;
	}
	
#pricing-specials .template-page .content{
	padding-top:10px!important;
	padding-bottom:10px!important;
	}
	
#pricing-specials .av-special-heading{
	margin-top:0px;
	}
	
#pricing-specials .av-special-heading-tag{
	color:#FFFFFF;
	}

#pricing-punch-passes ul{
	display:block;
	text-align:center;
	padding:0;
	zoom:1;
	}
	
#pricing-punch-passes .circle {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0px 30px;
  text-align: center;
  display: inline-block;
}

#pricing-punch-passes .circle h2{
  text-align: center;
  vertical-align: middle;
  padding: 45px 20px 0px !important;
  overflow: hidden;
  font-size: 30px;
}

#pricing-punch-passes .circle p{
  font-size: 120%;	
  }
 
#pricing-punch-passes p{ 
	text-align: center;
	font-size: 120%;
	font-family: Roboto Slab;
}

#pricing .av-special-heading{
	margin-top:0px !important;
	min-height:50px;
	}
	
#pricing-punch-passes .square {
  position: relative;
  overflow: hidden;
  padding: 0;
  text-align: center;
  display: inline-block;
  width:100%;
  height:40%;
  margin-left:0px;
}

#pricing-punch-passes .square  h2{
  text-align: center;
  vertical-align: middle;
  padding: 20px 20px 0px !important;
  overflow: hidden;
  font-size: 30px;
}

#pricing-punch-passes  .square  p{
  font-size: 120%;	
  padding:0px 10px;
  }

/*************
10. PRESS PAGE 
*************/
.post-entry-345 article{
	border: 2px solid #AB47BC;
	padding: 15px;
	margin: 15px;
}
/***************
11. CLASSES PAGE
***************/
.page-id-13 .iconbox_top .iconbox_content{
	min-height:250px;
	}
	
#levels .square {
  position: relative;
  overflow: hidden;
  padding: 0;
  text-align: center;
  display: inline-block;
  width:47%;
  margin:0 1% 10px;
  height:40%;
  vertical-align:top;
  min-height:180px;
}

#levels .square  h2{
  text-align: center;
  vertical-align: middle;
  padding: 20px 20px 0px !important;
  overflow: hidden;
  font-size: 30px;
}

#levels .square  p{
  font-size: 120%;	
  padding:0px 10px;
  }
  
/*************************  
12. PRENATAL/POSTNATAL PAGE
*************************/
.page-id-298 .column-top-margin{
	margin-top:0px!important;
	}
	
/*************************  
13. CONSCIOUS CLEANSE
*************************/	
.page-id-2092 .avia-icon-list .iconlist_icon {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 20px;
  text-align: center;
  border-radius: 500px;
  position: relative;
  float: left;
  margin-right: 30px;
  margin-left: 18px;
  z-index: 5;
  color: #fff;
}

.page-id-2092 .avia-icon-list .av-iconlist-empty .iconlist_title{
	margin-top:0px;
	}
	
/*************************  
14. BLOG
*************************/
.blog-container{
	width:75%;
	margin:10px auto;
	}
	
.blog-container .border-left, .blog-container .border-right{
	border-left:1px solid #AB47BC !important;
	border-right:1px solid #AB47BC !important;
	}
	
.blog-container .border-none{
	border:none;
	}
	
.blog-heading{
	padding-bottom: 10px;
	border-top: 2px solid #AB47BC;
	border-bottom: 2px solid #AB47BC;
	padding-top: 10px;
}

#top .fullsize .template-blog .post_delimiter{
	left:0px;
	max-width:600px;
	width:auto;
	}
	
.category-blog .entry-content-wrapper .post-title{
	font-size:2em;
	}
	
.category-blog .post_author_plugin{
	font-size:1em;
	font-style:italic;
	color:#00bbd4;
	}
	
/*************************
15. Retreats 
*************************/
.retreat-form{
	margin:0;
	}
	
#top #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select{
	font:13px 'Roboto Slab', 'Helvetica Neue', Helvetica, sans-serif;
	}
	
#top form.retreat-form label, #top .retreat-form label{
	font-weight:700;
    font-size: 1.2em;
    font-family: 'Josefin Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#top form.retreat-form  #avia_date_of_birth_1 input[type='text'], #top form.retreat-form  #avia_date_of_birth_1 select, #top .retreat-form #avia_date_of_birth_1 input[type='text'], #top .retreat-form  #avia_date_of_birth_1 select{
	width: auto !important;
    float: left;
    margin: 5px 10px 20px 0;
    padding: 5px 10px;
    resize: none;
    line-height: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	text-align:center;
}

.retreat-form input[type='submit']{
	font-size: 2em;
    font-weight: 300;
    font-family: Josefin Sans;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 0;
    border: none;
	}

.retreat-form .form_element_half{
	width: 49.5%;
    float: left;
    margin-left: .5%;
    clear: none;
}

.retreat-form .first_form{
	clear: both;
    margin-left: 0;
}

.retreat-form br{
	display:none;
	}
	
#avia_date_of_birth_1 label br {
    display: block;
}

#SurfingExperience{
	padding:5px 0px;
	}
	
#SurfingExperience .wpcf7-list-item {
    display: block;
    margin: 0px;
	}
	
#showconfirm{
	display:none;
	}

	
	
/*************************  
16. TOP GALLERY
*************************/
.page-id-1726 .flex_cell, .page-id-214 .flex_cell, .page-id-17 .flex_cell, .page-id-219 .flex_cell, .page-id-172 .flex_cell, .page-id-521 .flex_cell, .page-id-2748 .flex_cell .no-padding, .page-id-1515 .flex_cell, .page-id-298 .flex_cell, .page-id-3491 .flex_cell{
	padding:0px !important;
	}
	
.page-id-1726  #av-layout-grid-1 .avia-gallery, .page-id-214  #av-layout-grid-1 .avia-gallery, .page-id-2748  #av-layout-grid-2 .avia-gallery, .page-id-17  #av-layout-grid-1 .avia-gallery,.page-id-219  #av-layout-grid-1 .avia-gallery, .page-id-172  #av-layout-grid-1 .avia-gallery, .page-id-521  #av-layout-grid-1 .avia-gallery, .page-id-1515  #av-layout-grid-1 .avia-gallery, .page-id-298  #av-layout-grid-1 .avia-gallery{
	padding-bottom:0px;
	}

.page-id-1726 #av-layout-grid-1 .avia-gallery img, .page-id-214 #av-layout-grid-1 .avia-gallery img, .page-id-2748 #av-layout-grid-2 .avia-gallery img, .page-id-17 #av-layout-grid-1 .avia-gallery img, .page-id-219 #av-layout-grid-1 .avia-gallery img, .page-id-172 #av-layout-grid-1 .avia-gallery img, .page-id-521 #av-layout-grid-1 .avia-gallery img, .page-id-1515 #av-layout-grid-1 .avia-gallery img, .page-id-298 #av-layout-grid-1 .avia-gallery img, .page-id-3491 #av-layout-grid-1 .avia-gallery img{
	border:none;
	padding:0px;
	}
	
 
/*
17. Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
/* Teacher Training Module Photo */
	.single-big a img{
		margin:0 auto;
		text-align:center;
		}
		
/* Teacher Training Gap */
	.page-id-219 #after_submenu{
		display:none;
		}


/* LARGE SCREEN */
@media only screen and (min-width: 1281px) {
  /* Add your Desktop Styles here */
	.blog-container{
		width:80%!important;
		min-width:1196px;
		}
}

/* NORMAL SCREEN */
@media only screen and (max-width:1280px){
	#header_main_alternate .container{
		width:95%;
		padding:0px;
		}
	
	#top #header .av-main-nav > li > a {
		font-size: 14px;
	}
	
	.blog-container{
		width:95%!important;
		}
		
	.blog-container .av_one_fourth{
		width:25%!important;
		display:table-cell;
		margin:0 auto;
		}
		
	.blog-container .av_one_half{
		width:50%!important;
		width:50%!important;
		display:table-cell;
		margin: 0 auto;
		}
		
	.av_one_fourth {
		width: 48%!important;
		margin: 0% 1%!important;
		display: inline-block;
	}
	
	#footer div .av_one_fourth{
		width:23% !important;
		}
		
	#footer div .av_one_fourth .textwidget{
		font-size:.9em;
		}
	

}

/* MEDIUM SCREEN */
@media only screen and (max-width:1160px){
	#top #header .av-main-nav > li > a {
		padding:0px 5px;
	}
	
	.page-id-6 #av_section_1 {
		height:120px;
	}
}

@media only screen and (max-width:960px){
	#top #header .av-main-nav > li > a .avia-menu-text{
		font-size:12px;
		font-weight: 600!important;
	}
		
	.blog-container{
		display:block;
	}
	.blog-container .av_one_half{
		width:100%!important;
		display:inline-block;
		margin: 0 auto;
		}

	.blog-container .av_one_fourth{
		width:100%!important;
		display:inline-block;
		margin:0 auto;
		border-left:none!important;
		border-right:none!important;
		}
		
	#footer div .av_one_fourth {
		width: 23% !important;
		margin: 1%;
	}
	
	.responsive #footer .av_one_fourth.first + .av_one_fourth + .av_one_fourth{
		clear:none;
		}
}

/* SMALL SCREEN */
@media only screen and (max-width: 768px) {
  
	h1{
		font-size:2.5em;
		}
	h2{
		font-size:1.7em;
		}
	h3{
		font-size: 1.4em;
		}
		
	.page-id-6 #av_section_1 {
		height:160px;
		}
		
	.page-id-6 #av_section_1 .content{
		padding-top:10px!important;
		}
		
	.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin{
		width:100% !important;
		margin:0 !important;
	}

	#levels .square p{
		font-size:1.1em;
		}
	.responsive .page-id-1726 #av-layout-grid-1 .flex_cell_inner,.responsive .page-id-214 #av-layout-grid-1 .flex_cell_inner, .responsive .page-id-17 #av-layout-grid-1 .flex_cell, .responsive .page-id-219 #av-layout-grid-1 .flex_cell_inner, .responsive .page-id-172  #av-layout-grid-1 .flex_cell_inner, .responsive .page-id-2748 #av-layout-grid-2 .flex_cell_inner, .responsive .page-id-521 #av-layout-grid-1 .flex_cell_inner, .responsive .page-id-1515 #av-layout-grid-1 .flex_cell_inner, .responsive .page-id-298 #av-layout-grid-1 .flex_cell_inner {
		width:100% !important;
		max-width:100% !important;
	}
	
	.blog-container .av_one_fourth{
		border-left:none!important;
		border-right:none!important;
	}
	
	#footer .widget {
		margin: 0 auto;
		padding: 25px;
	}
	
	.page-id-6 div#uber-grid-wrapper-2829 {
		min-width: 320px !important;
		width:450px !important;
	}

	div.uber-grid-wrapper *[class*=grid-], div.uber-grid-wrapper div.uber-grid > div {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		clear: both;
		width: 450px!important;
		height: auto!important;
	}

	#uber-grid-2829 > div.r2c2, #uber-grid-2829 > div.r1c2 {
		min-width: 320px!important;
		width: 450px!important;
		position: relative !important;
		display: block;
		float: none;
		margin: 20px 0px;
		top: inherit!important;
	}

	#uber-grid-2829 > div.r1c1, #uber-grid-2829 > div.r2c1 {
		width: 450px;
		left: 0px!important;
		position: relative !important;
		display: block;
		float: none;
		margin: 20px 0px;
		top: inherit!important;
	}
	
	.av_promobox .avia-button.avia-size-large {
		margin-top: 0px;
	}
}

/*
18. Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

/* TABLETS */
@media only screen and (min-width:769px) and (max-width:1024px){

	.html_header_top.html_header_sticky #header {
		position: fixed;
		height:156px;
	}
	.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
		padding-top: 155px!important;
}
	.responsive #top #wrap_all #header{
		margin-top:0px !important;
		}
		
	.responsive #top .container .av-content-small{
		width:73%;
		}
}

/* PHONES */
@media only screen and (max-width: 768px) {

	h1{
		font-size:2.5em;
		
		}
	h2{
		font-size:1.7em;
		}
	h3{
		font-size: 1.4em;
		}
		
	p{
		font-size:1em;
		}
		
	
	.responsive #top #main{
		padding-top:50px !important;
		}
	.responsive #top #wrap_all #header {
		position: fixed;
		margin-top: -50px!important;
}
	.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin{
		padding-top:50px;
		width:100% !important;
		margin:0 !important;
	}
	
	.responsive .page-id-1726 #av-layout-grid-1 .flex_cell_inner, .responsive .page-id-298 #av-layout-grid-1 .flex_cell_inner,.responsive .page-id-214 #av-layout-grid-1 .flex_cell_inner, .responsive .page-id-17 #av-layout-grid-1 .flex_cell, .responsive .page-id-219 #av-layout-grid-1 .flex_cell_inner, .responsive .page-id-172  #av-layout-grid-1.flex_cell_inner, .responsive .page-id-2748 #av-layout-grid-2.flex_cell_inner {
	width:100%;
	max-width:100%;
	}
	
	
	#levels .square{
		width:95%;
		}

	.responsive .avia-promocontent {
		margin: 0 auto;
		text-align: center;
	}
	
	#footer .widget {
		margin: 0 auto;
		padding: 25px;
	}
	
	.page-id-6 #av_section_1 {
		height:160px;
		}
		
	.page-id-6 div#uber-grid-wrapper-2829 {
		min-width: 320px !important;
		width:450px !important;
	}

	div.uber-grid-wrapper *[class*=grid-], div.uber-grid-wrapper div.uber-grid > div {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		clear: both;
		width: 450px!important;
		height: auto!important;
	}

	#uber-grid-2829 > div.r2c2, #uber-grid-2829 > div.r1c2 {
		min-width: 320px!important;
		width: 450px!important;
		position: relative !important;
		display: block;
		float: none;
		margin: 20px 0px;
		top: inherit!important;
	}

	#uber-grid-2829 > div.r1c1, #uber-grid-2829 > div.r2c1 {
		width: 450px;
		left: 0px!important;
		position: relative !important;
		display: block;
		float: none;
		margin: 20px 0px;
		top: inherit!important;
	}
	
	#uber-grid-2829 > div.r2c2 .uber-grid-cell-wrapper{
		width:450px!important;
		height:450px!important;
	}
	
	.av_promobox .avia-button.avia-size-large {
		margin-top: 0px;
	}

	#uber-grid-2829 .uber-grid-hover{
	padding:0px !important;
	height:100% !important;
	}
	
#uber-grid-2829 .uber-grid-hover .uber-grid-hover-inner{
  margin-left: 0px;
  padding: 10px!important;
}

.page-id-6 .uber-grid > div .uber-grid-hover .uber-grid-hover-title{
  width: 90%!important;
  margin: 0 auto;
}

#uber-grid-2829 > div .uber-grid-hover .uber-grid-hover-text{
  width: 90% !important;
  margin: 0 auto;
}

}

/* UBER GRID MOBILE*/
@media screen and (max-width: 440px){
/* HOME PAGE */
/* #uber-grid-2684 > div.r1c1, #uber-grid-2684 > div.r2c1 {
	width: 95% !important;
	height: auto;
	margin: 0 auto;
	position: relative !important;
	left: 0!important;
	padding: 15px 0px;
	top: 0 !important;
}
*/

#advanced_menu_toggle, #advanced_menu_hide {
	right: 10px;
}

.responsive .page-id-6 #wrap_all .container{
	width:100%!important;
	max-width:100%!important;
	}

.page-id-6 div#uber-grid-wrapper-2829 {
  min-width: 320px !important;
  width:320px !important;
}

div.uber-grid-wrapper *[class*=grid-], div.uber-grid-wrapper div.uber-grid > div {
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  clear: both;
  width: 320px!important;
  height: auto!important;
}

#uber-grid-2829 > div.r2c2, #uber-grid-2829 > div.r1c2, #uber-grid-2829 > div.r2c2 .uber-grid-cell-wrapper{
		width:450px!important;
		height:450px!important;
	} 
	/*{
  min-width: 320px!important;
  width: 320px!important;
  position: relative !important;
  display: block;
  float: none;
  margin: 20px 0px;
  top: inherit!important;
}*/

#uber-grid-2829 > div.r1c1, #uber-grid-2829 > div.r2c1 {
  width: 320px;
  left: 0px!important;
  position: relative !important;
  display: block;
  float: none;
  margin: 20px 0px;
  top: inherit!important;
}

.uber-grid #uber-grid-2829 .uber-grid-hover{
	padding:0px;
	}
	
.uber-grid #uber-grid-2829 .uber-grid-hover .uber-grid-hover-inner{
  margin-left: 0px;
  padding: 10px;
}

#uber-grid-2829 > div .uber-grid-hover .uber-grid-hover-title{
  width: 90%!important;
  margin: 0 auto;
}

#uber-grid-2829 > div .uber-grid-hover .uber-grid-hover-text{
  width: 90% !important;
  margin: 0 auto;
}

}

/*
#uber-grid-wrapper-2681 div.uber-grid > div{
	position: relative !important;
	float: none;
	top: 0px !important;
	left: 0px;
	padding-top: 20px !important;
} */

/* #uber-grid-2681 div.uber-grid-cell-label {
  position: relative !important;
  background: #CCDC39 !important;
  overflow: hidden;
  padding: 4%;
  margin: -200px 0 0;
  z-index: 10;
} */

/* TEACHERS */
@media screen and (max-width: 440px){
.page-id-2714 div.uber-grid-wrapper *[class*=grid-], .page-id-2714 div.uber-grid-wrapper div.uber-grid > div{
	width:100% !important;
	height:100% !important;
	}

.page-id-2714 #uber-grid-2712 > div.r1c1,.page-id-2714 #uber-grid-2712 > div.r2c1 {
	width: 95% !important;
	position: relative !important;
	padding: 0px;
	margin: 10px auto!important;
	top: 0px !important;
}
}