/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24/06/2017, 11:40:13 AM
    Author     : duncanc
*/


/*
* ----------------------------------------------------------
* 
* Ankle CTA Banner
* 
* ----------------------------------------------------------
*/



.ankle-cta-active .id-masthead-wrapper {
    padding-top: 100px;
}

.ankle-banner-wrapper {
    /*background-color: #009443;*/
    color: #fff;
    background-color: #006413;
    /*background-color: rgba(0,148,67,0.85);*/
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 9;
    text-align: center;
    animation: colorchange 5s infinite;
    -webkit-animation: colorchange 5s infinite;
}



@keyframes colorchange
{
    0%   { background: #009443; }
    /*50%  { background: #006413; }*/
    50%  { background: #e00; }
    100% { background: #009443; }
}

@-webkit-keyframes colorchange
{
    0%   { background: #009443; }
    /*50%  { background: #006413; }*/
    50%  { background: #e00; }
    100% { background: #009443; }
}

/*
* ----------------------------------------------------------
* 
* Ankle CTA Banner Content
* 
* ----------------------------------------------------------
*/
.ankle-banner-content {
    padding: 10px 0;
}

.ankle-banner-content h5 {
    color: #fff;
}

.ankle-banner-content .pix_button {
    margin-top: 10px;
}

.btn-full-width  {
    width: 100%;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    .btn-full-width  {
        max-width: 50%
    }
}

@media screen and (min-width: 992px) {
    .btn-full-width  {
        max-width: 33.33%
    }
}



/*
* ----------------------------------------------------------
* 
* Forms
* 
* ----------------------------------------------------------
*/

input[type="date"], 
input[type="date"], 
input[type="url"], 
input[type="text"], 
input[type="tel"], 
input[type="password"], 
input[type="email"], 
#comment, 
select,
textarea {
    max-width: 100%;
    width: 100%;
}

input[type="date"], 
input[type="url"], 
input[type="text"], 
select,
input[type="tel"], 
input[type="password"], 
input[type="email"], 
#comment, 
textarea {
    border-radius: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 1ex;
    position: relative;

}


input[type="date"], 
.input[type="url"], 
select, 
input[type="text"], 
input[type="tel"], 
input[type="password"], 
input[type="email"] {
    height: 46px;
}


input[type="url"]:focus, 
#comment:focus, 
select:focus, 
textarea:focus, 
input[type="tel"]:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus {
    transition: background-color 0.2s linear 0s, background 0.2s linear 0s;
}