/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/


/* Mike CSS for dynamic menu */
/* new mobile break point = 1023px */
@media only screen and (min-width: 767px) and (max-width: 1023px) {
  #top #header .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header .av-burger-menu-main.menu-item-avia-special  {
      cursor: pointer;
      display: block!important;
  }
  .html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
    display: block !important;
}
  #top #header_main_alternate {
	 display: none;
}
#top #header .av-main-nav > li > a {
  	background-color: transparent !important;
  }
  .html_header_top #top .av_menu_left .main_menu {
    right: 20% !important;
    left: auto !important;
  }
}
@media only screen and (min-width: 1024px) { 
.html_header_top.html_bottom_nav_header #top #header_main_alternate .main_menu .menu-item-search-dropdown {
	float: left;
    width: 45px;
}
.html_bottom_nav_header #top #header_main #menu-item-search>a {
    padding-right: 13px;
}
.main_menu {
    display: flex;
    align-items: center;
}
.avia-menu>ul.av-main-nav {
    margin: 0;
    display: flex;
    justify-content: space-around;
    position: relative;
}
.avia-menu>ul.av-main-nav li {
    display: flex;
    /*flex-grow: 1;*/
    justify-content: center;
}
.avia-menu>ul.av-main-nav li.menu-item-top-level {
    flex-grow: 1;
}

#top #header .av-main-nav > li:hover {
    background-color: #ffffff;
    transition: background-color 0.4s ease-in-out,color 0.4s ease-in-out,border-color 0.4s ease-in-out;
}
.avia-menu>ul.av-main-nav .av-burger-menu-main.menu-item-avia-special {
	display: none;
}
}

/* Remove white space (Tablets) where nav disappears */
@media only screen and (min-width: 768px) and (max-width: 1023px)  { 
	.responsive.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 150px;
}
}

/* Mega menu sub menu white background */
#top #header_main_alternate .avia_mega_div .current-menu-item {
    background-color: #fff;
}
/* Ensure entire item is 100% wide hyperlinked */
#top #header .av-main-nav > li > a {
    width: 100%;
    text-align: center;
}
/* END Mike CSS for dynamic menu */


/* LOGO */
span.logo img {
    padding: 20px 0px;
}

/* LOGO on mobile */
@media only screen and (max-width: 767px) {
span.logo img {
   padding: 10px 0px;
   max-width:250px !important;
  }
}

/* BUTTONS MENU SPACING */
.av-menu-button + .av-menu-button {
margin-left: 10px;
}

/* BUTTONS MENU SPACING */
.av-menu-button-colored {
margin-left: 10px;
}

/* SCROLL TO TOP LINK RE-POSITIONED */
#scroll-top-link {
right: 2%;
bottom: 70px;
}

@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
    display: block !important;
  }
}

/* COOKIE BUTTONS SPACING MOBILE */
@media only screen and (max-width: 480px) {
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-consent-button-1 {
margin-top: 10px;
}
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-consent-button-2 {
margin-top: 10px;
}
.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-consent-button-3 {
margin-top: 10px;
}
}

.avia-cookie-consent .avia-button {
font-size: 16px !important;
}

/* COOKIE BADGE */
#av-cookie-consent-badge.av-consent-badge-left-bottom {
bottom: 68px !important;
border-left: none !important;
left: -1px !important;
height: 32px;
}

/* GOOGLE RECAPTCHA HIDE */
.grecaptcha-badge { 
    visibility: hidden;
}

/* Nav buttons style */
#top #wrap_all #header.header_color .av-menu-button-colored > a .avia-menu-text {
    border: none !important;
}

/* Blockquote spacing */
blockquote {
margin-bottom: 40px !important;
text-transform: none !important;
}

/* FOOTER LINKS PADDING */
.entry-content-wrapper li {
margin-left: 0px !important;
padding: 0px !important;
}
body#top .all_colors .widget a {
padding-bottom: 8px;
line-height:1.2em;
}

/* Remove background from search icon on hover */
#top #menu-item-search.menu-item-search-dropdown>a {
background: none !important;
}

/* Search field input text colour */
#top .header_color input[type='text'] {
color: #444444 !important;
}

/* Search field result text colour */
.header_color .ajax_search_excerpt {
color: #444444 !important;
}

/* Mega menu shadow */
#header .avia_mega_div {
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
 box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

/* Mega menu sub menus title styling */
#top #header .mega_menu_title a {
font-size:18px;
padding: 15px 0;
}

/* Headers on mega menu underlined and colour */
#top #header .avia_mega_div > .sub-menu > li > ul > li a:hover {
text-decoration: underline;
}
#top #header .mega_menu_title a:hover {
color: #3cb044 !important;
}

/* Mega menu sub menus remove bullets */
.avia-bullet {
border: none !important;
}

/* Mega menu sub menus spacing */
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
padding: 0px 0px 12px 0px !important;
line-height:1.2em;
}


/* Synergy Headers Underlined  */
#top #header .synergy_header_block a:hover {
text-decoration: underline;
}

/* Flyout menu sub menu control arrows */
.html_av-submenu-hidden .av-submenu-indicator {
font-size: 18px;
font-weight: bold;
opacity: 1;
}

/* Hide breadcrumbs on mobile*/
@media only screen and (max-width:767px) {
	#top .title_container .container  {
		display:none;
	}
}

/* Breadcrumbs align to left */
.title_container .breadcrumb { 
    position:relative;
    top: 18px; 
    left: 0px; 
}

/* Breadcrumbs remove you are here */ 
/*
  span.trail-before {
  display: none!important;
}
*/

/* Breadcrumbs underline */
.breadcrumb a:hover {
text-decoration: underline !important;
}

/* Breadcrumbs separator spacing */
.breadcrumb .sep {
width: 12px;
}

/* Breadcrumbs remove bottom border from container */
#main .container_wrap {
    border-top: 0 none !important;
}

/* Increase socket text size */
#socket {
font-size: 13px;
}

/* Footer / Side Menu nav headings underlined and bold */
.nav-heading {
font-weight: bold;
text-decoration: underline;
}

.footer a:hover {
text-decoration: underline !important;
}

.footer-socials a:hover {
text-decoration: none !important;
}

.av-social-sharing-box.av-social-sharing-box-circle .av-share-box ul li:nth-child(n + 1) a {
margin-left: 0px !important;
margin-right: 4px !important;
}



/* SIDE MENUS BG + PADDING (CS) */
#top .content .flex_column .widget_nav_menu ul:first-child>.current_page_item {
background-color: #f8f8f8 !important;
padding-left: 10px !important;
}

/* SIDE MENUS HOVER OPACITY (CS) */
#top .content .flex_column .widget_nav_menu li a:hover {
background-color: rgba(255,255,255,0);
}

/* SIDE MENUS UNDERLINED CORRECT COLOUR (CS) */
#top .content .flex_column .widget_nav_menu .nav-heading {
color: #3cb044 !important;
}

/* SIDE MENUS HOVER UNDERLINED (CS) */
#top .content .flex_column .widget_nav_menu li a:hover {
text-decoration: underline !important;
}

/* SIDE MENUS ACTIVE PINK + LARGER TEXT (KEPT AT 18px) (CS) */
#top .content .flex_column .widget_nav_menu .current-menu-item>a, #top .content .flex_column .widget_nav_menu .current_page_item>a {
font-size:18px !important;
color: #444444 !important;
}

/* Underline links in main body */
p a {
text-decoration:underline !important;
}

/* Underline links on hover in main body */
p a:hover {
text-decoration:underline !important;
}

/* Underline buttons text in main body */
#top .avia-button-wrap a:hover {
text-decoration: underline !important;
}

/* Underline buttons text in main body */
#top .avia-buttonrow-wrap a:hover {
text-decoration: underline !important;
}

/* Grid Layout to format like Colour Section */
.synergy-av-layout-grid {
   max-width: 90%;
   margin: 0 auto;
   padding: 0px 50px;
}

/* Grid Layout on mobile to format like Colour Section */
@media only screen and (max-width: 767px) {
   .synergy-av-layout-grid {
   max-width: 100% !important;
   padding: 0px 0px !important;
   }
}

/* Socket container 100% on mobiles */
@media only screen and (max-width: 767px) {
.responsive .container {
max-width: 100% !important;
}
}

/* Grid Layout on tablet portrait to format like Colour Section */
@media only screen and (min-width: 767px) and (max-width: 1023px) {
.synergy-av-layout-grid {
   max-width: 97% !important;
   margin: 0 auto;
   padding: 0px 50px !important;
}
}

/* Text size promo box */
.avia-promocontent p {
font-size: 17px !important;
}

/* Bullet / Number point indent body */
ul {
margin-left: 30px;
}
ol {
margin-left: 30px;
}

/* Headings for staff grid */
.staff-grid-headings h4 {
color:#222222;
margin-top:-6px !important;
}

/* Headings for staff single */
.staff-single-headings h4 {
color:#222222;
}

.staff-single-headings h3 {
color:#222222;
margin-top:-10px !important;
}

/* Synergy Page Tiles Heading size */
.av-masonry-entry .av-masonry-entry-title {
font-size: 20px;
padding-bottom:10px;
}

td {
font-size: 15px;
}

/* Active status on main nav items */
#top #header .av-main-nav > li.active-parent-item > a {
   background-color: #ffffff;
}

#top #header .av-main-nav > li.current-page-ancestor > a {
    background-color: #ffffff;
}

/* Gravity spacing between form fields */
.form-field-tm {
margin-top: 40px !important;
}

.gfield_label_product {
font-size: 16px !important;
}

/* Gravity datepicker better layout */
.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month {
    margin-right: 20px;
    -moz-text-align-last: left;
    text-align-last: left;
}

/* Gravity buttons better layout */
input[type="submit"], #submit, .button {
padding: 18px 50px;
border-radius: 20px;
font-size: 18px;
}

/* 
#top .gform_wrapper input, #top .gform_wrapper select {
border: 3px solid #ffffff !important;
}
 */

/* CONTACT FORM BUTTON */
div .main_color .button {
border-radius: 20px;
border: 3px solid #ffffff !important;
}

input[type='submit']:hover {
text-decoration: underline;
background-color: #3cb044 !important;
}

/* Gravity checkboxes better layout */
.gfield-choice-input[type=checkbox]{
    width: 20px !important;
    height: 20px !important;
    margin-top: -3px !important;
}

/* Gravity section border */
.gform_wrapper.gravity-theme .gsection {
border-bottom: 1px solid #e0e0e0;
}

.av_dropcap1 {
margin: -4px 2px 0 0;
}

/* SOCKET MENU MOBILE PADDING */
@media only screen and (max-width: 480px) {
#socket .sub_menu_socket li {
padding: 6px 10px;
}
}

/* Left menu remove default top border */
.nav-heading {
border-top:none !important;
}

/* 20px margin to bottom of Synergy block */
.Synergy20bottom {
margin-bottom: 20px !important;
}

/* 20px margin to bottom of payment block */
#top #payment {
margin-bottom: 20px !important;
}

/* FORMS BACKGROUND BLOCK */
.synergy_formbg {
background-color: #ebebeb;
padding:5%;
border-radius: 0 50px 0 50px;
margin: 0 0 30px 0;
}

/* GRAVITY FORMS HEADING */
.gform_title {
margin-bottom: 30px;
}

/* Increase slightly staff grid images and add border radius */
.jvv-staff-img img {
max-width:225px !important;
border-radius: 25px;
}

/* Add border radius to main staff pic */
.jvv-staff-img-main img {
border-radius: 50px;
}

/* Underline links in ol li in main body */
#top .content .flex_column ol li a {
text-decoration:underline !important;
}

/* Underline links on hover in ol li in main body */
#top .content .flex_column ol li a:hover {
text-decoration:underline !important;
}

/* Reposition social icons in footer to left in mobile */
@media only screen and (max-width: 767px) {
    #socket .social_bookmarks {
    float: left;
    margin: 0px 0px 10px -10px;
    }
}

/* Remove overlays from staff images on hover */
.image-overlay {
    background: none !important;
}

.image-overlay .image-overlay-inside {
    display: none;
}
