/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* VARIABLES */
:root {
    --dark-green: #27825F;
    --light-green: #C7F8E7;

    --neutral: #FFF8E8;
    --black: #2E2E2E;

    --transition: all 0.5s ease;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, p, .small_p {
    color: var(--black);
}
h1 {
    font-family: 'Barlow Bold';
    font-size: 54px;
    line-height: 62px;
}
h2 {
    font-family: 'Barlow Semibold';
    font-size: 42px;
    line-height: 50px;
}
h3 {
    font-family: 'Barlow Semibold';
    font-size: 35px;
    line-height: 45px;
}
h4 {
    font-family: 'Barlow Semibold';
    text-transform: uppercase;
    font-size: 24px;
    line-height: 37px;
}
h5 {
    font-family: 'Barlow Bold';
    text-transform: uppercase;
    font-size: 15px;
    line-height: 24px;
}
p {
    font-family: 'Barlow Medium';
    font-size: 20px;
    line-height: 34px;
}
.small p {
    font-family: 'Barlow Medium';
    font-size: 17px;
    line-height: 28px;
}

/* INTERFACES */
.top_menu {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
}
.tablet_menu {
    display: none;
}

/* MENU */
.menu-item:not(:last-child) a {
    background: rgb(255, 255, 255, 0.6);
    border-radius: 80px;
    font-family: 'Barlow Semibold';
    font-size: 17px;
    color: var(--black) !important;
    padding: 1em !important;
    margin: 0px 5px !important;
    transition: var(--transition);
}
.menu-item:not(:last-child):hover a {
    background: rgb(255, 255, 255, 0.9);
}

.menu-item:last-child a {
    background: var(--dark-green);
    border-radius: 80px;
    font-family: 'Barlow Semibold';
    font-size: 17px;
    color: #fff !important;
    padding: 1em 2em !important;
    transition: var(--transition);
    margin-left: 5px !important;
}
.menu-item:last-child:hover a {
    background: #fff;
    color: var(--dark-green) !important;
}

/* HOMEPAGE */
.green_banner {
    position: relative;
    top: -142px;
    width: 500px;
}

.hero_button .fl-button-text {
    font-family: 'Barlow Semibold';
    font-size: 17px !important;
    line-height: 33px !important;
}
.hero_button .ua-icon-arrow-down2:before,
.hero_button .ua-icon-arrow-right2:before {
    font-weight: 900;
    color: #C7F8E7;
}
.hero_button .fl-button:hover .ua-icon-arrow-down2:before {
    position: relative;
    animation: bounce linear infinite 1.4s;
}
@keyframes bounce {
    0%, 100% {
    	bottom: 0px
    }
    20% {
    	bottom: 6px
    }
    40%, 80% {
    	bottom: -6px
    }
    60% {
    	bottom: -1px
    }
}
.hero_button .fl-button:hover .ua-icon-arrow-right2:before {
    position: relative;
    animation: slide linear infinite 1.4s;
}
@keyframes slide {
    0%, 100% {
    	right: 0px
    }
    20% {
    	right: 6px
    }
    40%, 80% {
    	right: -6px
    }
    60% {
    	right: -1px
    }
}

/* FLEX END COLUMN */
.flex_end .fl-row-content {
    margin: 0 !important;
}

/* NUMBERS */
span.uabb-number-int,
span.uabb-number-string {
    font-family: 'Staatliches';
    font-size: 100px;
    line-height: 45px;
    color: #27825f;
}

/* CAROUSEL */
.carousel_images {
    height: 80vh;
}
.carousel_image_item {
    height: 80vh !important;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.carousel_button_item_content > img {
    width: 60px;
    height: 60px;
}
.carousel_image_item:before {
    content: '';
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, #000 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.carousel_image_content_wrapper {
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 6em;
}
.carousel_image_content {
    display: flex;
    align-items: baseline;
}
.carousel_image_content h4 {
    width: 25%;
    text-align: right;
    padding: 0 1em;
    color: var(--light-green);
}
.carousel_image_content p {
    width: 75%;
    color: #fff;
    padding-right: 1em;
}
.carousel_wrapper_module {
    overflow: hidden;
}
.carousel_button_item.slick-current,
.carousel_button_item:hover {
    background: #fff !important;
    position: relative;
}
.carousel_buttons .slick-list.draggable {
    overflow: initial;
} 
.carousel_button_item.slick-current {
    position: relative;
}
.carousel_button_item.slick-current:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #fff;
	border-top: 0;
	margin-left: -20px;
	margin-top: -20px;
}
.carousel_button_item {
    background: #C7F8E7;
    cursor: pointer;
    transition: var(--transition);
    outline: none;
}
.carousel_button_item_wrapper {
    height: 20vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel_button_item_content > * {
    margin: 0 auto;
    text-align: center;
}
.carousel_button_item_content img {
    margin-bottom: 1em;
}
.carousel_buttons .slick-list {
    padding: 0 !important;
}

/* FORM */
.input_form input[type=text],
.input_form input[type=email],
.input_form input[type=tel],
.input_form select,
.input_form textarea {
    background: rgb(255, 255, 255, 0.56) !important;
    border: none;
    border-radius: 0px !important;
}
.input_form input[type=text],
.input_form input[type=email],
.input_form input[type=tel],
.input_form select,
.input_form textarea,
div.wpforms-uploader .modern-title,
.input_form input[type=text]::placeholder,
.input_form input[type=email]::placeholder,
.input_form input[type=tel]::placeholder,
.input_form label,
.input_form select option,
.input_form textarea::placeholder {
    font-family: 'Barlow Medium' !important;
    font-size: 20px !important;
    line-height: 34px !important;
    color: var(--black) !important;
}
.input_form input[type=text],
.input_form input[type=email],
.input_form input[type=tel],
.input_form select {
    height: 60px !important;
}
div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    padding: 10px 20px !important;
}
.wpforms-required-label {
    color: var(--black) !important;
}

/* SUBMIT BUTTON */
.submit_form {
    font-family: 'Barlow Semibold' !important;
    font-size: 17px !important;
    color: var(--black) !important;
    background-color: var(--neutral) !important;
    border-radius: 80px !important;
    padding: 22.5px 50px !important;
    display: flex !important;
    align-items: center !important;
    transition: var(--transition) !important;
    border: none !important;
}
.submit_form:hover {
    background-color: #FFE6AD !important;
}
.submit_form:after {
    content: "\e97e";
    font-family: 'Ultimate-Icons' !important;
    font-weight: 900;
    padding-left: 0.8em;
    font-size: 22px;
}

/* LIBRARY PAGE */
.resource_slide {
    padding: 100px;
}
.resource_slide:nth-child(odd),
.resource_slide:nth-child(even) .document_card {
    background-color: #fff8e8;
}
.resource_slide:nth-child(even),
.resource_slide:nth-child(odd) .document_card  {
    background-color: #fff;
}

.resource_slide:nth-child(odd) .document_button:hover {
    background-color: #fff8e8;
}
.resource_slide:nth-child(even) .document_button:hover {
    background-color: #fff;
}
.document_button:hover a {
    color: var(--dark-green);
}

.document_card_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-top: 40px;
}
.document_card {
    padding: 40px;
    filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.07));
}
.document_title h4 {
    text-transform: unset !important;
}
.document_button {
    background-color: var(--dark-green);
    padding: 20px 40px;
    margin-top: 40px;
    width: fit-content;
    border-radius: 80px;
    cursor: pointer;
    transition: var(--transition);
}
.document_button a {
    color: #fff;
    font-family: "Barlow SemiBold";
    font-size: 17px;
    line-height: 15px;
    transition: var(--transition);
}

/* ACCORDION */
.fl-accordion-button-label {
    font-family: "Barlow SemiBold" !important;
    font-weight: normal !important;
    font-size: 24px !important;
    line-height: 15px !important;
    color: #141414 !important;
}

/* HERO AREA BG IMAGE */
.hero_area .fl-row-content-wrap {
    background-image: url('https://www.320mccowan.ca/wp-content/uploads/2020/03/mccowan-rendering.jpg');
}

/* BUTTON SUB FOOTER */
.btn_black_txt .ua-icon-arrow-right2:before {
    color: #2E2E2E !important;   
}
.btn_black_txt:hover .ua-icon-arrow-right2:before {
    color: #C7F8E7 !important;   
}