/* Buttons */
.btn {border-radius: 3px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 0.935em; font-weight: 500; line-height: 1.1; padding: 1em 1.75em; text-decoration: none!important;}

.btn-primary {border-color: var(--main-green)!important; background-color: var(--main-green)!important; color: var(--white)!important;}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {border-color: var(--main-green-hov)!important; background-color: var(--main-green-hov)!important; color: var(--white);}
.btn-primary.btn-sm {font-size: .8em;}

.btn-outline-primary {border-color: var(--main-green); border-width: 2px; color: var(--black);}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {background-color: var(--main-green); border-color: var(--main-green);color: var(--white)!important;}
.btn-outline-primary.btn-sm {font-size: .8em;}

.btn-secondary {border-color: var(--main-blue); background-color: var(--main-blue); color: var(--white);}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {border-color: var(--main-blue); background-color: var(--main-blue); color: var(--white);}

.btn-outline-secondary:not(.active) {border-color: var(--main-blue); background-color: var(--white); color: var(--main-blue)!important;}
.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary:focus {border-color: var(--main-blue); background-color: var(--main-blue); color: var(--white)!important;}

.btn-outline-secondary-arrow {position: relative; text-transform: none; padding-right: 3em;}
.btn-outline-secondary-arrow:after {background-image: url('/images/common/chevron-right-main-blue.svg'); position: absolute; content: " "; width: 8px; height: 14px; background-position: center; background-repeat: no-repeat; right: 1em; top: 50%; transform: translateY(-50%); transition: right .15s;}
.btn-outline-secondary-arrow-down:after {transform: translateY(-50%) rotate(90deg); transition: top .15s, transform .15s;}
.btn-outline-secondary-arrow-down.show:after {transform: translateY(-50%) rotate(-90deg);}
.btn-outline-secondary-arrow:hover,
.btn-outline-secondary-arrow:active,
.btn-outline-secondary-arrow:focus {border-color: var(--main-blue)!important; color: var(--main-blue)!important; background-color: var(--white)!important;}
.btn-outline-secondary-arrow:hover:after {right: 0.875em;}
.btn-outline-secondary-arrow-down:hover:after {top: 1.7em; right: 1em;}

.btn-social {color: var(--white)!important;}

form .form-control {line-height: 1.25; padding: 1em 1.25em; font-size: .935em;}