/**************************************************
UNA-USA - 2018 - Human Rights - Form - Theme

This file contains all the customizable features specific to each form within a theme. Committees can change:
 - fonts: Headings, Labels, Body Content
 - colors: Font, Backgrounds, Borders, Box Shadows
 - text alignment: Left, Right, Center
 - background images: Full Page and Mobile
 - position: Left, Center, Right

This can be customized for each form a committee creates. It is important to save this file according to the following convention:
committee shortcode_year_form name.css.

This file will be attached through EA under "Build" then "Advanced Options" at the bottom of the Build Page.

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


/* Primary Font Stack */
* {
  font-family:"Helvetica Neue",helvetica,arial,sans-serif;
}


/*******************************
 Hyperlink Styles and States
*******************************/

/* Hyperlink color */
.at.ngp-form a {color:rgba(255,153,0,1);} /* UNA Website Orange */

/* Hyperlink :focus color */
.at.ngp-form a:focus {color:rgba(255,153,0,1);} /* UNA Website Orange */

/* Hyperlink :hover color */
.at.ngp-form a:hover {color:rgba(0,132,223,1);} /* UNA Website Blue */

/* Hyperlink :active color */
.at.ngp-form a:active {color:rgba(0,132,223,1);} /* UNA Website Blue */

/* Hyperlink :visited color */
.at.ngp-form a:visited {color:rgba(1,76,127,1);} /* UNA Website Blue Accent*/


/* Bold Text Font */
strong var {font-family:"Helvetica Neue",helvetica,arial,sans-serif;}


/********************************
 Page Header Styles
********************************/

/* Fixed Page Header */
header.branding {
  background-color:transparent; /* Page Header Background Color */
  box-shadow:0 0 0 #626E76; /* Page Header Bottom Accent Shadow */
  height:auto; /* Auto Height Fluidly Adjust To Accomidate Content */
  position:static; /* Type Of Positioning */
  top:0; /* Actual Position From The Top / Left Window Corner */
  width:100%; /* Width Of Header */
  z-index:100; /* Positions Header Above All Other Content */
}
header.branding figure {
  max-width:317px; /* Change To Adjust Logo Size */
  margin:1.2500em auto; /* Centers committee logo */
}


/******************************
 Form Styles
******************************/

/* Form Position, Font Color, and Spacing from Window Edge */
body .at.ngp-form {
   color:#333; /* Body Font Color */
   float:center; /* Sets Form Position In Page */
   margin-left:50px; /* Sets Form Offset From Window Edge */
   margin-bottom:50px;
 }
 /* Form Background Color, Opacity, and Radius of corners */
 .at.ngp-form section.at-inner {
   background-color:rgba(255,255,255,.95);
   border-top-left-radius: 3px; /* rounded form corners */
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
/* Form Title Color and Font */
.at.ngp-form header.at-title {
  color:#0084DF; /* UNA Website Blue */
  font-family:"Helvetica Neue",helvetica,arial,sans-serif;
}
/* Form Heading Color and Font */
.at.ngp-form .at h1, .at.ngp-form .at h2, .at.ngp-form .at h3, .at.ngp-form .at h4, .at.ngp-form .at h5, .at.ngp-form .at h6 {
  color: #014C7F; /* UNA Website Blue Accent*/
  font-family:"Helvetica Neue",helvetica,arial,sans-serif;
}
/* Form Legend Heading Font and Color */
.at.ngp-form fieldset legend {
  color:#014C7F; /* UNA Website Blue Accent*/
  font-family:"Helvetica Neue",helvetica,arial,sans-serif;
}
/* Form Label Font Color */
.at.ngp-form label {color:#484848;}

/* Form Amount Label Font */
.at.ngp-form fieldset.ContributionInformation .label-amount,
.at.ngp-form fieldset.ContributionInformation .label-amount * {
  font-family: "Helvetica Neue",helvetica,arial,sans-serif;
}
/* Font For Input Fields */
.content form input[type="text"],
.content form input[type="password"],
.content form input[type="date"],
.content form input[type="datetime"],
.content form input[type="datetime-local"],
.content form input[type="month"],
.content form input[type="week"],
.content form input[type="email"],
.content form input[type="number"],
.content form input[type="search"],
.content form input[type="tel"],
.content form input[type="time"],
.content form input[type="url"],
.content form input[type="color"],
.content form textarea,
.content form select {
  font-family: "Helvetica Neue",helvetica,arial,sans-serif;
}
.at.ngp-form .at-recipient-info .at-title {color:#666;}
.at.ngp-form .at-recipient-info > .RecipientInfoHeaderHtml {color:#666;}


/***********************************
  Submit Button Styles and States
***********************************/

/* Submit Button Background, Font, and Border Color */
.at.ngp-form .btn-at-primary,
.at.ngp-form .prevNext .btn-at {
  background-color:transparent; 
  border-color:#0084DF; /* UNA Website Blue*/
  color:#0084DF; /* UNA Website Blue*/
  font-family:"Helvetica Neue",helvetica,arial,sans-serif;
}
.at.ngp-form .btn-at:focus {
  box-shadow: 0 0 4px 0 #FDFDFD; /* UNA Website Off-White Accent */
}
.at.ngp-form .btn-at-primary:hover,
.at.ngp-form .btn-at-link:hover,
.at.ngp-form .hover.btn-at-primary {
  background-color:transparent; 
  border-color: #FF9900; /* UNA Website Orange */
  color:#FF9900; /* UNA Website Orange */
}
.at .btn-at-primary:active, .at .active.btn-at-primary {
  background-color: transparent; 
  border-color:#FF9900; /* UNA Website Orange */
  color: #FF9900; /* UNA Website Orange */
}

/* Form Footer Body Text Font and Color */
.at.ngp-form section.at-inner footer.FooterHtml {
  color:#777777;
  text-align: center;
}
/* Confirmation Page */
.at .at-form .thankYou {
  background-color: rgba(255,255,255,1);
}

/* Mobile Media Query */
@media screen and (max-width: 480px) and (min-width: 360px) {
  header.branding {
    background-image:url(https://nvlupin.blob.core.windows.net/images/van/UNF/UNF/1/60797/images/FormImages/BackgroundImages/ER_UDHR_highres_sm.jpg);
    padding:20px 0;
    position:fixed; /* Allows content to scroll behind header */
    height:320px; /* Height Of Header On Mobile */
    max-height:320px; /* Maximum Height Of Header */
  }
  header.branding figure {
    top:120px; /* Committee Logo Position From Top / Left Window Corner */
  }
  body .at.ngp-form {
    margin:320px 0 0 0; /* Positions EA Form Below Mobile Header Image */
  }
  .at.ngp-form section.at-inner {
    background-color: rgba(255,255,255,1); /* Opaque Form Background */
    border-top-left-radius: 0; /* Remove Top Left Border Radius */
    border-top-right-radius: 0; /* Remove Top Right Border Radius */
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .at.ngp-form header.HeaderHtml, .at.ngp-form form {
    font-size: 1em;
  }
  .at.ngp-form ol.at-steps .at-step a, .at.ngp-form ol.at-steps .at-step b {
    font-size:1.5em;
  }
  .at.ngp-form ol.at-steps .at-step a:before, .at.ngp-form ol.at-steps .at-step b:before {
    line-height: 18px;
  }
}
@media screen and (max-width: 669px) and (min-width: 481px) {
  * {
    font-family: "Helvetica Neue",helvetica,arial,sans-serif;
    font-size:1em;
  }
  body {
    background-image: url(https://nvlupin.blob.core.windows.net/images/van/UNF/UNF/1/60797/images/FormImages/BackgroundImages/ER_UDHR_highres_md.jpg);
  }
  body .at.ngp-form, body .thankYou {
     color:#333;
     float:left; /* Sets Form Position In Page */
     margin:10% auto 5%;
     min-width:480px;
     width:100%;
   }
  /* Confirmation Page */
  .at .at-form .thankYou {
    width:100%;
  }
}

/* Tablet Media Query */
@media screen and (max-width: 980px) and (min-width: 670px) {
  body {
    background-image: url(https://nvlupin.blob.core.windows.net/images/van/UNF/UNF/1/60797/images/FormImages/BackgroundImages/ER_UDHR_highres_md.jpg);
  }

  body .at.ngp-form, body .thankYou {
    float:left;
    margin:10% auto 5%;
  }

}

/* Desktop Media Query */
@media screen and (min-width: 981px) {
  body {
   background-image: url(https://nvlupin.blob.core.windows.net/images/van/UNF/UNF/1/60797/images/FormImages/BackgroundImages/ER_UDHR_highres.jpg);
  }

}