/*
Theme Name: AlphaPlus
Author: Coeffect
Author URI: http://coeffect.ca/
Text Domain: ap
Description: Custom Theme for AlphaPlus
Version: 1
*/

:root {
    --lightgreen: #EAF4EC;
    --lightgreenblog: #eaf4ec;
    --green: #2e814c;
    --darkgreen: #0e391d;
    --lightpink: #FFE6F2;
    --darkpink: #FB1282;
    --pink: #FB1282;
    --tan: #FFF7EA;
    --darktan: #D37C04;
    --black: #333333;
    --lightgrey: #F0F0F0;
    --verylightgrey: #9D9D9D;
    --darkgrey: #707070;
    --lightblue: #DEECF7;
    --darkblue: #005CA5;
}

*, *:before, *:after {
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    margin: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 112%;
}

/* html tag overrides */

h1,h2,h3,h4,h5,h6 {
    font-family: "Lora", sans-serif;
    color: var(--black);
    font-weight: 700;
    line-height: 1.5;
}
h1 {font-size: 3em; line-height: 1.2;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.3em;}
a {
    /*text-transform: uppercase;*/
    color: var(--green);
    font-weight: 700;
    text-decoration: none;
}

a:hover {
    color: var(--green);
}

button:hover .green-right-arrow,
a:hover .green-right-arrow {
    transform: translateX(10px);
    transition: 0.5s;
}

a .green-right-arrow {
    padding-left: 5px;
    width: 25px;
    margin-left: 10px;
}

a:hover .green-left-arrow {
    transform: translateX(-10px);
    transition: 0.5s;
}

a .green-left-arrow {
    padding-right: 5px;
}

p {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
}

p.date {
    font-weight: 500;
}

a.btn-cta,
.btn-sub{
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: space-between;
    background-color: var(--green);
    color: white;
    text-transform: uppercase;
    padding: 15px 20px;
    transition: .2s;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
    margin: 30px 0;
    font-weight: 700;
    border:none;
}

button .green-right-arrow,
a.btn-cta .green-right-arrow{
    width: 25px;
    padding-left: 10px;
}

a.btn-cta:hover{
    background-color: var(--darkgreen);
}

.btn-cta.btn-cta-white-text:hover {
    color: #fff;
}

button:hover .white-arrow,
a.btn-cta:hover .white-arrow{
    transform: translateX(5px);
    transition: 0.5s;
}

.big-arrow-r {
    height: 40px;
    transition: .5s;
}

.big-arrow-r:hover {
    /*filter: brightness(0);*/
    transform: translateX(20px);

}

/* utility classes */
/*
.col-33 {width: 33%;}
.col-50 {width: 50%;}
.col-25 {width: 25%;}

.bl-white { border-left: 2px solid white; }
.br-white { border-right: 2px solid white; }
.ml-20 { margin-left: 20px; }
.ml-40 { margin-left: 40px; }

.mr-20 { margin-right: 20px; }
.mr-40 { margin-right: 40px; }
*/

/*
.show {
  display: block !important;
}
*/

.neg-margin-btm-100 {margin-bottom: -100px;}
.min-height-zero {min-height: 0;}

.upper {text-transform: uppercase}

.wrapper {
    max-width: 1300px;
    margin: 0 auto;
    padding: 60px 5%;
}

.color-darkgreen {color: var(--darkgreen);}
.color-green {color: var(--green) !important;}
.color-lightgrey {color: var(--lightgrey);}

.bg-white {background-color: white;}
.bg-black {background-color: var(--black);}
.bg-green {background-color: var(--green);}
.bg-darkgreen {background-color: var(--darkgreen);}
.bg-lightgreen {background-color: var(--lightgreen);}
.bg-lightpink {background-color: var(--lightpink);}
.bg-darkpink {background-color: var(--darkpink);}
.bg-tan {background-color: var(--tan);}
.bg-darktan {background-color: var(--darktan);}
.bg-lightgrey {background-color: var(--lightgrey);}
.bg-lightblue {background-color: var(--lightblue);}
.bg-darkblue {background-color: var(--darkblue);}

/* reusable css drawings */
.x-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--green);
    transform: rotate(45deg);
}
.x-btn::before,
.x-btn::after {
    width: 50%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: white;
    transition: .2s;
}
.x-btn::before {
    transform:rotate(90deg);
}

.filter-search-trigger .x-btn:hover::before,
.filter-search-trigger .x-btn:hover::after {
    background-color: var(--darkgreen);
}

.vertical-line {
    border-left: 1px solid white;
}

body.no-scroll {
    overflow: hidden;
}

@media all and (max-width: 992px) {
    h1 {font-size: 2em; line-height: 1.2;}
    h2 {font-size: 1.8em;}
    h3 {font-size: 1.5em;}
    h4 {font-size: 1.3em;}
}