/*
Theme Name: Reaseheath College
Description: A theme developed for Reaseheath College, by Face Interactive. Based on the Enfold framework by Kriesi.
Version: 1.0
Author: Face Interactive
Template: enfold
*/

/************************************
Add button elements to your header 
Logo left, Widget right, Menu below
*************************************

CSS Settings:

» Initiate Flexbox
» Topbar
» Header
» Logo
» Menu
» Widget
» Social icons
» Search
» Cart icon

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

/*--------------------------------
» Initiate Flexbox
--------------------------------*/

/* Header */
.responsive #top #header,
/* Top bar */
.responsive #top #header #header_meta, 
/* Search icon */
.responsive #top #header #menu-item-search a,
/* Cart icon */
.responsive #top #header a.cart_dropdown_link,
/* Social icon */
.responsive #top #header #header_main nav .social_bookmarks,
/* Logo */
.responsive #top #header #header_main .inner-container .logo,
/* Main menu, cart and social icons */
.responsive #top #header #header_main .inner-container .main_menu,
/* Widgets */
.responsive #top #header #header_main .inner-container .widget,
/* Header inner container */
#top #header #header_main .container.av-logo-container .inner-container {
display: flex;
position: relative;    
}

/*--------------------------------
» Topbar
--------------------------------*/

/* Top bar */
.responsive #top #header #header_meta {
flex-basis: 100%;
}

/*--------------------------------
» Header
--------------------------------*/

/* Height outer container */

#top #header #header_main .container.av-logo-container {
/* Do not change height here */
/* Auto height: Header takes the height of the contents */
height: inherit;    
line-height: inherit;
}

/* Header inner container */

#top #header #header_main .container.av-logo-container .inner-container {
/* Define header height here */
height: inherit;
position: relative !important;
flex-wrap: wrap;
/* Define header padding */
padding: 0;
}

/*--------------------------------
» Wrappers 
--------------------------------*/

/* Main header ( logo, menu, widgets ) and topbar */

.responsive #top #header {
flex-wrap: wrap;
}

/*  Logo, Menu, Social Icons and Widgets. */

.responsive #top #header #header_main {
flex-basis: 100%;
}

/* Transparent header 
--------------------------------*/

.responsive.html_header_transparency #top #wrap_all #header {
position: absolute;
}

@media only screen and (max-width: 767px) {
.responsive.html_header_transparency #top #wrap_all #main {
/* Define padding value for transparent header in mobile */
/*padding-top: 315px !important; */
}
}

/* Fixed header 
--------------------------------*/

.html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header,
.html_header_sticky.html_header_transparency #top #wrap_all #header,
.html_header_sticky #top #wrap_all #header {
position: fixed;
}

.html_header_sticky #top #header_main .container,
.html_header_sticky #top .main_menu ul:first-child>li a {
height: inherit !important;
line-height: inherit !important;
}

/* Main content padding value should be same as the fixed header height. */

.html_header_sticky:not(.html_header_transparency) #top #wrap_all #main,
.html_header_sticky #top #wrap_all #main {
/* Define padding only if sticky header is active */
padding-top: 180px;
}

@media only screen and (max-width: 767px) {
.html_header_sticky #top #wrap_all #main {
/* Define padding value for sticky header on mobile */
padding-top: 0 !important;
}
}

/*--------------------------------
» Logo
--------------------------------*/

/* Logo */

.responsive #top #header #header_main .inner-container .logo {
order: 2;
flex-basis: 30%;
/*width: auto;*/

/* Define scalable min width of the logo on small screens */
min-width: 80px;
/* Define scalable max width of the logo on big screens */
/* Logo width: (auto | 100% | px );  Set auto to display the uploaded image size */
max-width: 200px;
z-index: 9;
}

/* Logo image size */

.responsive #top #header .logo,
.responsive #top #header .logo a,
.responsive #top #header .logo img {
width: auto;
        
/* Height specification is not required. It is proportional to the max width of the logo */
height: auto;    
align-items: center;
align-self: center;
justify-content: center;
}

/* Vertically center transparency logo */

.responsive #top #header .logo span img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}


/*--------------------------------
» Menu
--------------------------------*/

/* Menu outer container: Menu with siblings cart and social icons */

.responsive #top #header #header_main .inner-container .main_menu {
order: 4;

/* Define menu width */
flex-basis: 100%;

align-items: center;
align-self: center;
justify-content: center;
height: inherit !important;
}

/* Navigation */

#header .av-main-nav {
display: flex;
flex-wrap: nowrap;
}
#top #header_main > .container .main_menu .av-main-nav > li > a {
height: 50px !important;
line-height: 50px !important;
font-size: 115%;
padding-left: 15px !important;
padding-right: 15px !important;
font-family: montserrat, HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif !important;
font-weight: 400 !important;
}

@media only screen and (max-width: 1400px) {
#top #header_main > .container .main_menu .av-main-nav > li > a {
height: 50px !important;
line-height: 50px !important;
font-size: 105%;
padding-left: 15px !important;
padding-right: 15px !important;
}
}

/*  Activate burger menu  */

@media only screen and (max-width: 1000px) {
#top #header .av-main-nav>li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}
}

@media only screen and (max-width: 767px) {
/* Mobile menu position fix */
.responsive #top .av-logo-container .avia-menu {
display: flex!important;
align-items: center;
}
}

/* Mega menu submenu position fix */

.responsive #top #header .avia_mega_div {
/* Define megamenu submenu top value */
/*   top: 300px; 
position: fixed;
left: 50%;
transform: translateX(-50%);*/
}

/*--------------------------------
» Widget
--------------------------------*/

/* Widgets */

.responsive #top #header #header_main .inner-container .widget {
order: 3;
flex-basis: 65%;
max-width: 600px;
padding: 0!important;
clear: none!important;
justify-content: center;
align-self: center;
align-items: center;
z-index: 1;
margin-left: auto;
}

.responsive #top #header #header_main .inner-container .widget>div {
width: 120%;
line-height: 14px;
padding: 0 10px;
}

.responsive #top #header #header_main .inner-container .widget>div label {
visibility: hidden;
}

/*--------------------------------
» Social icons
--------------------------------*/

/* Flex support and position fix */

.responsive #top #header #header_main nav .social_bookmarks {
top: auto;
margin-top: 0;
align-items: center;
}

/* Inherit height for flex alignment */

.responsive #top .av-logo-container .social_bookmarks li {
height: inherit;
}


#header #header_main .container, #header #header_meta .container {
width: 100%;
max-width: none;
}
#top .iconbox_top {
margin-top: 20px;
text-align: center;
width: 20%;
display: inline-block;
vertical-align: top !important;
}
#top .iconbox.av-no-box .iconbox_icon {
position: relative;
top: 0;
margin: 0 auto 5px auto;
left: 0;
width: 50px;
height: 50px;
line-height: 50px;
border-style: none;
border-width: 1px;
padding: 0;
font-size: 30px;
display: block;
}
#top .iconbox_content_title {
font-size: 80% !important;
margin: 0 !important;
}
.responsive #top #header #header_main .inner-container .widget>div {
padding: 0 !important;
margin-left: -40px !important;
margin-right: -240px !important;
}
.av-hamburger-box {
width: 36px;
height: 36px;
padding-left: 6px;
position: relative;
background-color: #bbbbbb;
margin-bottom: 10px;
}
.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
background-color: #005a9a !important;
width: 24px;
}
#top #av-burger-menu-ul {
background-color: #005a9a !important;
position: fixed !important;
z-index: 1000 !important;
}
.html_av-overlay-full #av-burger-menu-ul li {
padding: 0.2em 0;
font-size: 18px;
}
#header_meta {
position: static !important;
}
.title_container .main-title {
font-size: 24px;
line-height: 26px;
margin-bottom: 10px;
padding-top: 10px;
}
.home .avia-fullwidth-slider.avia-builder-el-0, .home-page-with-icons .avia-fullwidth-slider.avia-builder-el-0, .home-page-academy-buttons .avia-fullwidth-slider.avia-builder-el-0, .video-banner-slider {
max-height: 550px;
overflow: hidden;
}
#header_meta .container{
min-height: 38px;
}
#header .social_bookmarks li{
font-size: 22px;
border-right-style: none;
width: 38px;
}
#header .social_bookmarks li a {
width: 38px; 
height: 38px;
line-height: 38px;
}
.av_phone_active_right .phone-info, .av_secondary_right .sub_menu {
float: right;
margin-top: 5px;
}
#pic-buttons-row-one {
border-bottom: none !important;
}
#pic-buttons-row-one .avia_textblock, #pic-buttons-row-two .avia_textblock {
padding-right: 15%;
}
#pic-buttons-row-one .flex_cell h2, #pic-buttons-row-two .flex_cell h2 {
background-color: #009ee3;
color: #ffffff;
line-height: 150%;
margin-left: 0px;
display: inline;
padding: 0.45rem;
padding-left: 1rem;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
h2.animal-text {
background-color: #aa0058 !important;
}
h2.land-text {
background-color: #7b9625 !important;
}
h2.health-text {
background-color: #53aebe !important;
}
h2.food-text {
background-color: #009ee3 !important;
}
h2.engineering-text {
background-color: #be0025 !important;
}
h2.foundation-text {
background-color: #db7008 !important;
}
#home-page-events .avia-content-slider2 .slide-entry-title,
#home-page-news .avia-content-slider4 .slide-entry-title {
font-size: .9em !important;
font-weight: lighter;
line-height: 1.3em;
min-height: 100px;
}
#home-page-events .avia-content-slider2 .slide-image, 
#home-page-events .avia-content-slider2 .slide-image img,
#home-page-news .avia-content-slider4 .slide-image, 
#home-page-news .avia-content-slider4 .slide-image img {
background: transparent!important;
max-height: 110px;
}
#pic-buttons-row-one .image-overlay, #pic-buttons-row-two .image-overlay {
display: none !important;
}
#top #wrap_all .av-inherit-size .av-special-heading-tag {
font-size: 1.5em;
line-height: 125%;
margin-bottom: 15px;
}
#top div .avia-gallery img {
border-style: none;
}
.dark-blue-background .slide-entry-title, .dark-blue-background h2, .dark-blue-background p, .dark-blue-background p a {
color: #ffffff !important;
}
.reaseheath-white-text {
color: #ffffff !important;
}
#academy-button-section .avia-button {
border-radius: 0;
font-size: 155% !important;
text-align: left;
}
#academy-button-section h2 {
font-size: 32px;
line-height: 38px;
}
#academy-button-section .no_margin.av_one_third, #academy-button-section .no_margin.av_two_third {
border: 10px solid #ffffff;
}
.events-and-news-listing-grid div .av_one_fourth {
margin-left: 1%;
margin-right: 1%;
width: 23%;
}
.more-news-or-events {
margin-top: -40px !important;
}
.avia-menu li:hover a .avia-menu-fx {
    position: absolute;
    bottom: -1px;
    height: 8px;
    z-index: 10;
    width: 100%;
    left: 0;
    opacity: 1;
    visibility: visible;
}





@media only screen and (max-width: 767px) {
#top .iconbox_content_title {
font-size: 40% !important;
letter-spacing: 0;
}
#top .iconbox_top {
width: 22%;
}
#top .iconbox.av-no-box .iconbox_icon {
left: 0;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 24px;
margin-bottom: 0;
}
.responsive #top #header #header_main .inner-container .widget>div {
width: 100%;
line-height: 14px;
padding: 0 10px;
margin-top: -15px;
margin-bottom: -15px;
}
.responsive #top #header #header_main .inner-container .widget>div {
margin-left: -60px !important;
margin-right: -120px !important;
}
.responsive #top #header #header_main .inner-container .logo {
margin-left: -10px !important;
}
.phone-info {
margin-top: -10px !important;
}
#home-page-events .avia-content-slider1 .slide-entry-title,
#home-page-news .avia-content-slider3 .slide-entry-title {
text-align: center;
}
#home-page-events .avia-content-slider2 .slide-entry-title,
#home-page-news .avia-content-slider4 .slide-entry-title {
min-height: 5px;
text-align: center;
margin-bottom: 8px;
}
#home-page-events .avia-content-slider2 .slide-image, 
#home-page-events .avia-content-slider2 .slide-image img,
#home-page-news .avia-content-slider4 .slide-image, 
#home-page-news .avia-content-slider4 .slide-image img {
background: transparent!important;
width: 260px;
height: 170px;
}
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
margin-bottom: 0;
}
#home-page-events p, #home-page-news p {
text-align: center !important;
margin-top: -20px;
margin-bottom: -15px;
}
#footer .widget {
margin: 0;
}
#academy-button-section .no_margin.av_one_third, #academy-button-section .no_margin.av_two_third {
border: none;
}
}