/** ----------  BUTTONS FUNCTION  ---------- **/

/*
Requires: buttons-style.css

v-200625

*/


/* FONTS */

p.btn a, p.btnnext a, p.btnicon a {
font-family: 'droid_sansregular', sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 16px !important;
line-height: 1.2!important;
}
 p.btnarrow a {
font-family: 'droid_sansregular', sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 16px !important;
line-height: 1.2 !important;
 }

p.btnaction a {
font-family:'robotomedium', sans-serif !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 18px !important;
line-height: 1.05 !important;
letter-spacing: .05em;
}

/* /////////////////////////////////////////////////// */

p.btn {
margin-top: 15px;
}

p.btn a {
color: red;
background-color: black ;
/*background-color: transparent */
display: inline-block !important;
padding: 12px 8px 12px 10px !important;
text-decoration: none !important;
border-radius: 5px !important;
/*border:  1px solid  black !important;*/
border: none !important;
background-image: url("images/interface/genericBtn.png") !important ;
background-repeat: repeat-x !important;
text-align: left;
}

p.btn a:before {
content: ""!important ;
}

p.btn a:after {
content: "\00a0\f101";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
/*--adjust as necessary--*/
color: red;
font-size: .9em;
}

/* pdf */
p.btn a.pdf {
padding-left: 35px !important;
background-position: 5px center !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-size: 22px;
background-image: url("images/icons/pdf-2.svg") !important;
}
p.btn a.pdf:after {content: "" !important;}

/* infolink */
p.btn a.infolink {
padding-right: 30px !important;
position: relative;
}

p.btn a.infolink:after {
content: "\f05a";
font-family: icomoon;
font-style: normal;
font-weight: normal;
text-decoration: none;
display: inline-block;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*--adjust as necessary--*/
position: absolute;
font-size: 16px;
right: 5px;
top: 12px;
color: red;
}

/* external */
p.btn a[rel="external"] {
padding-right: 20px !important;
}

p.btn a[rel="external"]:after {
content: "\00a0\00a0\f08e";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
/*--adjust as necessary--*/
color: red;
font-size: .9em;
}


/* Dark button */
p.btn.dark a {
background-color: black ;
}

p.btn.dark a, p.btn.dark a:after,p.btn.dark a[rel="external"]:after,p.btn.dark a.infolink:after {
color:red ;
}

/* medium button */
p.btn.medium a {
background-color: black;
}

p.btn.medium a, p.btn.medium a:after,p.btn.medium a[rel="external"]:after,p.btn.medium a.infolink:after {
color:red ;
}

/* hover */
p.btn a:hover {
color: red ;
background-color: black ;
}

p.btn a:hover:after {
color: red ;
}

p.btn.dark a:hover:after {
color:red ;
}

p.btn.medium a:hover:after {
color:red ;
}


/*----------------------------------------------------------------------
BTN ICON
------------------------------------------------------------------------*/

p.btnicon {
margin-top: 20px;
}

p.btnicon a {
color: red ;
background-color: transparent;
position: relative;
display: inline-block !important;
padding: 15px !important;
padding-left: 29px !important; /* adjust space between icon and text */
margin-left: 0px;
text-decoration: none !important;
border: 1px solid black !important;
/*border: none !important;*/
border-radius: 5px !important;
text-align: left;
}

p.btnicon a:before {
content: "\f138\00a0";
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
/*--adjust as necessary--*/
color: red;
font-size: 1.05em;
top: 15px;
left: 8px;
/*width: 15px; */
}

/* external */
p.btnicon a[rel="external"] {
padding-right: 12px !important;
}

p.btnicon a[rel="external"]:after {
content: "\00a0\f08e";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
/*--adjust as necessary--*/
color: red;
font-size: .7em;
}

/* pdf */
p.btnicon a.pdf {
padding-left: 35px !important;
background-position: 5px center !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-size: 22px;
background-image: url("images/icons/pdf-2.svg") !important;
}
p.btn a.pdf:after {content: "" !important;}

p.btnicon a.pdf:before {content: "";}
p.btnicon a.pdf:after {content: "" ;}

/* infolink */
p.btnicon a.infolink:before {content: "\f05a\00a0";}
p.btnicon a.infolink:after {content: "";}

/* TRANSPARENT */

p.btnicon.trans a {
color: red;
background-color: transparent ;
border: 1px solid black ;
}

p.btnicon.trans a:before {
color: red;
}

/* HOVER */
p.btnicon a:hover {
color: red ;
background-color: black ;
border-color: black ;
}
/* icon color hover */
p.btnicon a:hover:before, p.btnicon a:hover:after {
color: red ;
}



/*----------------------------------------------------------------------
BTN ARROW
------------------------------------------------------------------------*/

p.btnarrow a {
color:red ;
background-color: transparent ;
position: relative;
display: inline-block !important;
padding: 15px 15px 15px 28px !important;
margin-left: 5px;
text-decoration: none !important;
/*border: 1px solid black !important;*/
border: none !important;
border-radius: 5px !important;
text-align: left;
}

p.btnarrow a:before {
content: "\f138\00a0";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
position: absolute;
/*--adjust as necessary--*/
color: red;
font-size: 1.1em;
top: 13px;
left: 5px;
}

p.btnarrow a {
padding: 15px 15px 15px 28px !important;
margin-left: 5px;
}

.news p.btnarrow{
margin-top: 5px !important;
}

.news p.btnarrow a:before {
font-size: 1em;
top: 15px;
left: 6px;
}

/* external */
p.btnarrow a[rel="external"] {
padding-right: 12px !important;
}

p.btnarrow a[rel="external"]:after {
content: "\00a0\f08e";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
/*--adjust as necessary--*/
color: red ;
font-size: .7em;
}

/* infolink */
p.btnarrow a.infolink {
padding-right: 12px !important;
}

p.btnarrow a.infolink:before {
content: "\f05a\00a0";
}

p.btnarrow a.infolink:after {
content: "";
}
/* pdf */
p.btnarrow a.pdf {
padding-right: 12px !important;
background-image: none;
}

p.btnarrow a.pdf:before {
content: "\f1c1";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: none;
/*--adjust as necessary--*/
color: /*<paragragh>*/;
font-size: 1em;
}
/* HOVER */
p.btnarrow a:hover {
color:red;
background-color: black ;
}
/* icon color hover */
p.btnarrow a:hover:before {
color: red ;
}
/* external icon hover */
p.btnarrow a[rel="external"]:hover:after {
color: red ;
}

/*----------------------------------------------------------------------
BTN ACTION
------------------------------------------------------------------------*/


p.btnaction a {
color:black ;
position: relative;
display: inline-block !important;
padding: 15px 15px 15px 42px !important;
text-decoration: none !important;
background-color: red;
background-image: url(images/interface/genericBtn.png) left top repeat-x !important;
border-radius: 5px !important;
/*border-bottom: none !important;*/
border: none !important;
text-align: left;
/*box-shadow: 2px 4px 3px rgba(50, 50, 50, 0.31);*/
}

p.btnaction a:before {
content: "\f138\00a0";
font-family: icomoon;
font-style: normal;
font-weight: normal;
text-decoration: none;
display: inline-block;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
/*--adjust as necessary--*/
font-size: 1.2em;
top: 14px;
left: 10px;
color: red;
}

p.btnaction a[rel="external"] {
padding-right: 40px !important;
}

p.btnaction a[rel="external"]:after {
content: "\00a0\f08e";
font-family: 'icomoon';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
/*--adjust as necessary--*/
color: red;
font-size: .9em;
position: absolute;
top: 30%;
right: 10px;
}

/* HOVER */
p.btnaction a:hover {
color: red;
background-color:black ;
}

p.btnaction a:hover:before, p.btnaction a:hover:after {
color: red ;
}

/*----------------------------------------------------------------------
BTN NEXT PAGE
------------------------------------------------------------------------*/
p.btnnext {
margin-top: 60px;
}

p.btnnext a {
color: red;
/*background-color: black ;*/
background-color: transparent ;
display: inline-block !important;
padding: 20px 10px !important;
text-decoration: none !important;
border: 1px solid black;
/*border: none !important; */
border-radius: 5px !important;
 vertical-align: middle;
}

p.btnnext a:before {
content: "\f138";
font-family: icomoon;
font-style: normal;
font-weight: normal;
text-decoration: none;
display: inline-block;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*--adjust as necessary--*/
font-size: 1.1em;
width: 22px; /* this sets the space between icon and text */
margin-left: 0px; /* line up second line with first line */
vertical-align: middle;
color:red;
}

p.btnnext a:hover {
color: red ;
background-color: black ;
border-color: black ;
}

p.btnnext a:hover:before, p.btnnext a:hover:after {
color: red ;
}