/*
Theme Name: Ahoyhoy - Stack Child
* Description: This is a child theme of Stack, generated by Ahoyhoy.
* Author: Ahoyhoy
* Template: stack
* Version: 10.5.16
*/


@import url('../stack/style.css');


/* setting variables */
:root {
    --section-padding: 4em;
    --brand-yellow: #F8B133; 
    --brand-orange: #ca7f5c;
  }

/* set global padding */
section, footer {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
} 

.wpb-content-wrapper {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
}

section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs)+section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.border--bottom):not(.space--xxs) {
    padding-top: var(--section-padding);
}

/* increase button left and right padding */
.vc_btn3.vc_btn3-size-md {
    font-size: 1em;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 30px;
    padding-right: 30px;
}

/* add bottom margin to elements */
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 32px;
}

/* make nav bar full width */
.nav-container .container{
    width: 100%;
}

/* customize nav bar font */
.bar-1 .menu-horizontal>li>.dropdown__trigger, .bar-1 .menu-horizontal>li>a {
    font-size: 1em;
    line-height: 2.166666666666667em;
    text-transform: none;
    font-weight: 600;
    letter-spacing: .5px;
}

/* customize nav hover */
.menu-horizontal > li:hover > span, .menu-horizontal > li:hover > a{
    opacity: 1;
    color: var(--brand-yellow);
}

.menu-horizontal>li a:hover {
    opacity: 1;
    color: var(--brand-yellow) !important;
}

/* fix top padding on sections */
section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs)+section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.border--bottom):not(.space--xxs) {
    padding-top: var(--section-padding);
}


/* fix menu dropdown background */
.dropdown__content{
    width: auto;
    border-radius: 0;
}

/* left align instagram icon*/
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
    left: 0;
    padding-left: 15px
}

/* increase bottom padding to dropdown menu items */
.menu-vertical li:not(:last-child) {
    margin-bottom: 1em;
}

/* remove border radius on dropdown menu */
.dropdown .dropdown__content {
    border-radius: 0px;
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 4%);
    -webkit-box-shadow: 0 10px 10px 0 rgb(0 0 0 / 4%);
    padding: 1.23809524em 1.85714286em;
}

/* remove gap between dropdown and main nav */
.dropdown .dropdown__container:before {
    height: 16px;
}

/* remove bottom padding */
@media (min-width: 992px) {
    .remove-bottom-padding{
        padding-bottom: 0;
    }
}

/* remove top border from footer */
section:not([class*='bg--'])+footer.bg--secondary {
    border-top: none;
}


/* set up responsive container widths*/
@media (min-width: 768px) {
    .container {
      width: 100%;
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 100%;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }

  /*add top and bottom padding*/
.add-top-bottom-padding{
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
}

/* MOBILE TWEAKS*/

/* add background to dropdown */
.mobile-menu {
    background: #fff;
}

@media (max-width: 991px) {
    .mobile-menu-dropdown {
        background: #fff;
        margin-top: 0px !important;
        padding: 15px;
    }
}

/* align mobile menu to the right */
@media (max-width: 991px) {
    .bar .menu-horizontal {
    text-align: right;
    }
}

/* remove random margin at bottom of mobile dropdown */
@media (max-width: 767px){
.bar__module+.bar__module {
    margin-top: 0;
}
}

/* add padding to menu items in dropdown */
@media (max-width: 991px) {
    .bar.bar--sm .menu-item{
        padding-top:6px;
        padding-bottom:6px;
    }
}

/* center text in mobile */
@media (max-width: 991px) {
    .text-center-mobile{
        text-align: center;
    }
}

/* hide element with this class on mobile */

@media (max-width: 991px) {
    .hide-on-mobile{
        display: none !important;
    }
    .show-on-mobile{
        display: revert;
        width: 100%;
        text-align: center;
    }  
}
  @media (min-width: 992px) {
    .hide-on-mobile{
        display: revert;
    }
    .show-on-mobile{
        display: none;
    } 
  }
  @media (min-width: 1200px) {
    .hide-on-mobile{
        display: revert;
    }
    .show-on-mobile{
        display: none;
    } 
  }

/* fixing a random bug whihc adds a margin to the header */
  @media (min-width: 768px) and (max-width: 1023px){
  .bar-2 .bar__module, .bar-1 .bar__module {
      margin-bottom: 0em;
  }
}


/* fix yet another random bug to position items in the center - contact us section */
.vc_section-flex > .container {
    justify-content: center;
}

/* fix bug of the drop down bar positin in mobile */
@media (max-width: 767px){
    .bar.bar--mobile-sticky[data-scroll-class*='fixed']+.bar.pos-fixed {
        top: 4.714286em;
    }
    /* remove bottom margin from dropdown menu*/
    .bar__module {
        margin-bottom: 0em;
    }
}

/* remove bottom padding on mobile */
@media (max-width: 991px) {
    .remove-bottom-padding-mobile{
        padding-bottom: 0 !important;
    }
}


/* shrink menu so it doesnt drop below logo*/
@media (max-width: 991px){
    .bar .col-sm-12 {
        width: 80%;
    }
    .text-left-sm {
        text-align: right;
    }
    }

/*remove margin from bottom of button*/
.vc_general.vc_btn3 {
    margin-bottom: 0;
}
.vc_btn3-container {
    margin-bottom: 0;
}

.menu-horizontal>li>a:hover, .menu-horizontal>li>span:hover, .menu-horizontal>li>.modal-instance>.modal-trigger:hover {
    color: #000;
}

/* footer tweaks */
footer.footer-2 .row:last-child {
    margin-top: 0;
    display: flex;
    align-items: center;
}

section.space--sm, footer.space--sm {
    padding-top: 3em;
    padding-bottom: 3em;
}

@media (max-width: 1023px) and (min-width: 768px){
p:last-child {
    margin-bottom: 0;
}
}

.remove-section-padding{
	padding-top:0;
}

.location-margin{
	margin-bottom:0;
}

.mt--2 {
    margin-top: 0;
}

.hero-quote .vc_single_image-img{
	width: 70%;
	height: auto;
	opacity: 0.9;
}

.image-divider{
	height: 200px;
}

h4{
	font-weight: 700;
}

button{
	font-weight: 700;
}

a{
	font-weight: inherit;
	color: var(--brand-yellow);
}

a:hover{
	font-weight: inherit;
	color: var(--brand-orange);
	text-decoration: none;
}

.page-link a:after {
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: var(--brand-orange);
    transition: width 0.5s ease 0s, left 0.5s ease 0s;
    width: 100%;
}

.page-link a:hover:after {
    width: 100%;
    left: 0;
}

.large-heading h1{
	font-size: 9em;
	line-height: 1em;
}

.typed-text{
	color: #000000 !important;
}

.wpb_text_column ul, ul.accordion ul {
    list-style: circle;
    list-style-position: inherit;
    margin-left: 20px;
		color: #000;
}


.wpforms-form button {
	background:none !important;
	border: none !important;
	font-size: 1.78571429em !important;
  line-height: 1.5em;
	font-weight: 200;
	color: var(--brand-yellow) !important;
	text-align: left !important;
	padding: 0 !important;
}


.wpforms-form button :hover{
	color: var(--brand-orange) !important;
}



@media (max-width: 1067px){

	h1, .h1 {
    font-size: 5.14285714em;
    line-height: 1.31818182em;
}
	
	
.col-sm-8 {
    width: 66.66666667%;
}
	
.col-sm-9 {
    width: 75%;
}
	

	
.large-heading h1 {
    font-size: 7em;
    line-height: 1em;
}
	
.image-divider{
	height: auto;
}

.image-divider .vc_single_image-img {
	height: 300px;
	max-width: 2000px;
}
	
.wpb_single_image .vc_single_image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
	
}

/* snap point for mobile */

@media (max-width: 512px){
	
	
.large-heading h1 {
    font-size: 5em;
    line-height: 1em;
}
	
h2, .h2 {
    font-size: 2em;
    line-height: 1.2em;
}
	
}

.mobile-header{
    margin-top: 15px;
}

/* snap point for burger menu */
@media (max-width: 767px){

    .bar .menu-horizontal {
        text-align: left;
    }

    .bar .col-sm-12 {
        width: 100%;
    }
    
        
    .col-sm-9 {
        width: 100%;
    }
        
    .col-sm-3 {
        width: 100%;
    }

    .col-sm-8 {
        width: 100%;
    }

h3, .h3 {
    font-size: 1.78571429em;
    line-height: 1.5em;
}

footer.footer-2 .row:last-child {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.widget_media_image{
    padding-bottom: 20px;
}
.about-us-icon{
	text-align:center;
}

.about-us-icon .wpb_single_image.vc_align_left {
    text-align: center;
}

}