/*
Theme Name: Prosperity
Description: A child theme for the Enfold Wordpress theme
Version: 1.0
Author: Mark Gilchrist
Author URI: http://www.bulldogstudios.com
Template: enfold
*/

/* GENERAL
=================================== */

:root { --accent-color-1: #2c3f50; --accent-color-2: #68b341; --accent-color-3: #eac000; --menu-spacing: 14px; }

body .avia_textblock { line-height: 1.55; }

.responsive .narrow.fullsize > .container { max-width: 1200px; }

.responsive .extra-narrow.fullsize > .container { max-width: 1000px; }

.html_header_top.html_header_sticky.html_header_topbar_active #top #wrap_all #main { padding-top: 100px; }

.main_color strong, .alternate_color strong, .main_color b, .alternate_color b { color: #000000; }

h1, h2, h3, h4, h5, h6, .main_color h1, .alternate_color h1, .main_color h2, .alternate_color h2, .main_color h3, .alternate_color h3, .main_color h4, .alternate_color h4 { font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--accent-color-1); }

h1 { font-size: 50px; }

h2 { font-size: 46px; }

h3 { font-size: 42px; }

.main_color h3 { color: #888888; }

body .av-special-heading h3.av-special-heading-tag { margin-top: -5px; }

.main_color h4.av-special-heading-tag { font-size: 18px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; border-left: 6px solid var(--accent-color-2); padding-left: 10px; line-height: .8; }

.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag { font-weight: 400; }

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

.main_color a { transition: all 0.3s; }

.main_color a:hover { color: var(--accent-color-1); }

body div .avia-button, .avia_image { border-radius: 0; }

.avia-button.avia-size-medium, .avia-button.avia-size-large { text-transform: uppercase; letter-spacing: 1px; font-weight: 400; }

.avia-button.avia-size-medium { font-weight: 400; }

.responsive .header-max-width-1500 .container { max-width: 1500px; }

.bottom-margin-0, .bottom-margin-0 a { margin-bottom: 0 !important; }

sup { font-size: .65em; vertical-align: baseline; position: relative; top: -0.45em; line-height: 0; }

.intro { font-size: 1.3em; font-weight: 600; color: #888888; }

.footnote { font-size: .8em; line-height: 1.5; color: #888888; margin-top: 40px; }

#top #main .avia-section.top-border .template-page { border-top: 8px solid var(--accent-color-1); margin-top: 80px; }

#top #main .avia-section.middle-border .template-page { border-bottom: 8px solid var(--accent-color-1); }

#top #main .avia-section.bottom-border .template-page { border-bottom: 8px solid var(--accent-color-1); margin-bottom: 80px; }

div .av_two_fifth, div .av_three_fifth { margin-left: 5%; }
  
div .av_two_fifth { width: 40%; }

div .av_three_fifth { width: 54.999999%; }

div > p:first-of-type { margin-top: 0; }



/* HEADER
==================================== */

.header_color .header_bg { background-color: #ffffff; opacity: 1; }

#header_meta { height: 10px; min-height: 10px; background-color: var(--accent-color-1); border-bottom: none; }

#header_meta .container { min-height: 10px; }

  

/* MAIN MENU
==================================== */

.av-main-nav > li > a { font-weight: 400; padding: 0 14px; }

.header_color .avia-menu-fx { background-color: var(--accent-color-2); }

#top #wrap_all .av_header_transparency .main_menu ul:first-child > li.av-menu-button > a .avia-menu-text::after, #top #wrap_all .main_menu ul:first-child > li.av-menu-button > a .avia-menu-text::after, #menu-footer-menu #menu-item-38 a::after { content: "\f023"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; background: transparent; display: inline-block; margin-left: 5px; vertical-align: middle; margin-bottom: 3px; }

#top #wrap_all #header.header_color .av-menu-button-colored > a .avia-menu-text { color: #ffffff; background-color: var(--accent-color-2); padding-left: 18px; padding-right: 18px; transition: all 0.3s ease-in-out; }

#top #wrap_all #header.header_color .av-menu-button-colored > a .avia-menu-text:hover { background-color: var(--accent-color-1); }

#top .av-menu-button > a .avia-menu-text { border: none; border-radius: 0; }



/* SUB MENU
==================================== */

.av-main-nav ul { width: 270px; }

#top .av-main-nav ul a { font-size: 13px; }

.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu { border-top-color: var(--accent-color-2);  border-top-width: 3px; }

.header_color .main_menu .menu ul li a, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a { background-color: #ffffff; color: var(--accent-color-1); }

.header_color .main_menu .menu ul li a:hover, .header_color .av-subnav-menu ul a:hover { background-color: var(--accent-color-1); }

.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover { background-color: #f3f3f3; color: var(--accent-color-1); }

/* #top .header_color .main_menu .menu ul .current-menu-item > a, */ #top .header_color .main_menu .menu ul li>a:hover { color: #ffffff; }



/* PAGE HEADS
==================================== */

@media only screen and (max-width: 1920px) {
#top #main #page-head .container { height: 26.04vw!important; }
}

@media only screen and (max-width: 767px) {
  .avia-section-large .content { padding-top: 40px; }
}



/* OUR SERVICES
==================================== */

.service-container { min-height: 100%; display: flex; flex-wrap: wrap; flex-direction: row; max-width: 800px; margin: 0 auto; }

@media only screen and ( max-width: 889px) { 
  .service-container { flex-direction: column; max-width: 600px; }
  .service::before { content:''; min-height: 200px; }
  .service .service-info ul { max-width: 450px; }
}

.service { display: flex; flex-basis: calc(50% - 10px); justify-content: center; align-items: stretch; position: relative; margin: 5px; }

.service::before { content:''; padding-top: 85%; display: table; position: relative; }

.service-1 { background-color: rgba(255,0,0,1); overflow: hidden; }
.service-2 { background-color: orange; overflow: hidden; }
.service-3 { background-color: purple; overflow: hidden; }
.service-4 { background-color: grey; overflow: hidden; }

.service .service-heading { display: flex; align-items: center; font-size: 1.2em; color: #ffffff; text-align: center; position: relative; transition: all 1s; transform: translateY(0); }

.service .service-heading::after { content: "\f103"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; margin-top: 105px; left: 50%; animation: avia_fade_move_down 1.5s ease-in-out infinite; }

.service .service-info { font-size: 14px; line-height: 1.2; display: flex; flex-direction: column; align-items: center; color: #ffffff; justify-content: center; padding: 25px; position: absolute; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 1s; background-color: transparent; }

.service .service-info h5 { color: #ffffff; font-weight: 700; margin-bottom: 8px; text-align: center; }

.service .service-info ul { margin-bottom: 0; }

.service .service-info li { margin-bottom: 3px; line-height: 1.4; }

.service .service-info li:last-child { margin-bottom: 0; }

.service:hover .service-heading { transform: translateY(100%); }

.service:hover .service-info { visibility: visible; opacity: 1; background-color: rgba(0,0,0,.2); z-index: 11; }

.service .border { position: absolute; border: 3px solid #ffffff; left: 10px; right: 10px; top: 10px; bottom: 10px; z-index: 10; }

/* arrow animation */
@-webkit-keyframes avia_fade_move_down {
  0%   { -webkit-transform:translate(-50%,-10px); opacity: 0; }
  50%  { opacity: 1; }
  100% { -webkit-transform:translate(-50%,10px); opacity: 0; }
}
@keyframes avia_fade_move_down {
  0%   { transform:translate(-50%,-10px); opacity: 0; }
  50%  { opacity: 1; }
  100% { transform:translate(-50%,10px); opacity: 0; }
}



/* CONTACT US
==================================== */

#top .avia-google-map-container .gm-style-iw p { font-family: "Open Sans", Helvetica, Arial, sans-serif; }

a[href^="tel:"]::before {
  content: "\260e";
  margin-right: 0.5em;
}

#top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea { color: #666666; }

#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 { outline: none; font-size: 15px; font-family: "Open Sans", Helvetica, Arial, sans-serif; }

#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area { padding: 5px 4px; border-radius: 0; }

#top label { font-size: 13px; text-transform: uppercase; margin-bottom: 0; color: var(--accent-color-1); }

.avia_ajax_form .button { padding: 9px 18px; border-radius: 0; border-bottom: none; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 0.92em; text-transform: uppercase; letter-spacing: .07em; min-width: 80px; transition: all 0.3s ease-in-out; }

.main_color .button:hover, .main_color input[type='submit']:hover { background-color: var(--accent-color-1); }
  


/* OUR TEAM
==================================== */

#our-team .av_two_fifth { width: 36.4%; margin-left: 6%; background-color: var(--accent-color-1); }

@media only screen and (max-width: 990px) and (min-width: 768px) {
  #our-team div .av_two_fifth { width: 44%; }
  #our-team div .av_one_fifth { display: none; }
}

body #our-team div .first { margin-left: 0; }

body .flex_column.avia-link-column.avia-link-column-hover { transition: all .3s; }

.main_color .team-img-container { border-radius: 0; border-bottom: 4px solid var(--accent-color-2); margin-bottom: 13px; }

.avia-team-member { margin-bottom: 10px; }

.team-member-name { font-size: 18px; text-align: center; text-transform: uppercase; }

.main_color h3.team-member-name, .main_color .team-member-job-title { color: #ffffff; }

.team-img-container:hover .team-social { opacity: .7; }

.avia-team-member .team-social { background: rgba(0,0,0,.2); }

body .flex_column.avia-link-column.avia-link-column-hover:hover { opacity: 1; }

body #our-team .flex_column.avia-link-column.avia-link-column-hover:hover { background-color: #22313e; }

.team-social-inner::after { content: 'View Bio'; font-family: "Open Sans",sans-serif; font-size: 15px; font-weight: 700; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; display: block; }

.team-member-job-title { font-size: 15px; text-align: center; font-style: italic;  line-height: 1.2; margin-top: -5px; padding-bottom: 15px; }

.bio .modern-quote h3 { color: var(--accent-color-1); }

.bio .av-subheading .title { font-weight: 600; }

.bio-sidebar blockquote { font-size: 1em; border-left-width: 8px; padding-left: 30px; margin-bottom: 40px; }

.bio-sidebar p:first-of-type { margin-top: 0; line-height: 1; font-size: 1.1em; }

.main_color.bio a.back-to-team-link { font-size: 14px; color: var(--accent-color-1); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

a.back-to-team-link::before {
    content: "\f100"; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 900; color: var(--accent-color-2); display: inline-block; padding-right: 5px; }



/* CLIENT LOGIN
==================================== */

#client-login .avia-button-center { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }



/* FOOTER
==================================== */

#socket .copyright { font-size: 10px; float: none; text-transform: uppercase; letter-spacing: 1px; }

#socket .container { text-align: center; }

#footer { font-size: 13px; letter-spacing: .04em; padding-bottom: 20px; }

body #footer img.aligncenter { margin-top: 0; margin-bottom: 10px; }

#footer .widget_nav_menu a { display: inline-block; }

#footer .widget_nav_menu li { display: inline-block; margin-right: 12px; margin-left: 12px; }

#footer .widget_nav_menu a, #footer .widget_nav_menu ul:first-child > .current-menu-item > a, #footer .widget_nav_menu ul:first-child > .current_page_item > a { font-size: 12px; padding: 0; text-transform: uppercase; letter-spacing: .07em; }

#footer .flex_column.av_one_half.first { width: 63%; }

#footer .flex_column.av_one_half { width: 31%; }

#footer #text-2 p:first-of-type { margin-top: 0; margin-bottom: 6px; }

#footer #text-2 p:last-of-type { margin: 0; line-height: 1; }

#footer #nav_menu-2 { margin-bottom: 0; }

#footer #text-3 { font-size: 12px; line-height: 1.6; margin-top: 10px; margin-bottom: 0; }

#footer #custom_html-2 { margin-top: 8px; }

#footer .widget_nav_menu li:first-of-type { margin-left: 0; }


/* RESPONSIVE
==================================== */

/* Adjusts breakpoint for hamburger menu */

@media only screen and (max-width:890px) {
  #avia-menu .menu-item { display: none !important; }

  #avia-menu .av-burger-menu-main { display: block; }

  #header_main_alternate { display: none; }
  
  #top #header.av_minimal_header .main_menu ul:first-child >li > ul { border-bottom: none; }
}

/* @media only screen and (min-width: 990px) {
	.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 120px!important; }
} */

@media only screen and (max-width: 989px) {
.responsive #top #wrap_all .main_menu {
    top: 0;
    height: 80px;
    left: auto;
    right: 0;
    display: block;
    position: absolute; }
  
.responsive.av-no-preview #top .avia-team-member .team-social { display: none; }
}

/* Makes header sticky on mobile */

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all #header { position: fixed; }
	.responsive #top #main { padding-top: 80px !important; }
}

@media only screen and (max-width: 989px) and (min-width: 768px) {
	.responsive.html_mobile_menu_tablet #top #wrap_all #header { position: fixed; }
	.responsive.html_mobile_menu_tablet.html_header_top #top #main { padding-top: 92px !important; }
}

@media only screen and (max-width: 1020px) and (min-width: 990px) {
  .responsive .main_menu ul:first-child > li > a { padding: 0 10px; }
}

/* Adjusts height of page header */

@media only screen and (max-width: 1209px) and (min-width: 605px) {
  #top #page-header > .container { height: 41.356493vw !important; }
}

@media only screen and (max-width: 604px) {
  #top #page-header > .container { height: 250px !important; } 
}

/* Scroll offset values for PS2ID */

@media only screen and (min-width: 1401px) {
	#ps2id-dummy-offset { height: 170px; }
}

@media only screen and (min-width: 990px) and (max-width: 1400) {
	#ps2id-dummy-offset { height: 177px; }
}

@media only screen and (min-width: 768px) and (max-width: 989) {
	#ps2id-dummy-offset { height: 147px; }
}

@media only screen and (max-width: 767px) {
	#ps2id-dummy-offset { height: 90px; }
}


/* left-aligns headlines */

@media only screen and ( max-width: 767px) { 
  body .av-special-heading.modern-right { text-align: left; }
}

/* reduces height of whitespace dividers */

@media only screen and ( max-width: 767px) { 
  .whitespace-10px { height: 10px !important; }
}