/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

******************************************************************/
/******************************************************************
COLORS
******************************************************************/
/******************************************************************
Font Stacks
******************************************************************/
/******************************************************************
Break Points
******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/*********************
TRANSITION
*********************/
/*********************
Clear fix
*********************/
/*******************************************************************************
CSS Locks
*******************************************************************************/
/* Note that this is some serious math. How to use:
    $min_width = Minimum Viewport Width that min font size will be.
    $max_width = Maximum Viewport Width that max font size will be.
    $min_font = Minimum font size
    $max_font = Maximum font size

    html {
    @include fluid-type($min_width, $max_width, $min_font, $max_font);
    }
   Courtesy of https://css-tricks.com/snippets/css/fluid-typography/ */
/*********************
Box Shadows
*********************/
/*********************
FLEXXXXXXXXXXXXXXX
*********************/
/* ========================================================================
   Base Type Styling
 ========================================================================== */
html {
  font-size: 16px; }
  @media (min-width: 640px) {
    html {
      font-size: 17px; } }
  @media (min-width: 980px) {
    html {
      font-size: 18px; } }
  @media (min-width: 1140px) {
    html {
      font-size: 20px; } }

body.aligned-media {
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5;
  /* Links
   ========================================================================== */
  /* Text-level semantics
   ========================================================================== */
  /* Headings
   ========================================================================== */ }
  body.aligned-media p {
    font-size: 1rem; }
  body.aligned-media a {
    text-decoration: none; }
  body.aligned-media h1,
  body.aligned-media h2,
  body.aligned-media h3,
  body.aligned-media h4,
  body.aligned-media h5,
  body.aligned-media h6 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.3; }
  body.aligned-media h1 {
    font-size: 1.2rem; }
    @media (min-width: 980px) {
      body.aligned-media h1 {
        font-size: 1.3rem; } }
    @media (min-width: 1140px) {
      body.aligned-media h1 {
        font-size: 1.6rem; } }
  body.aligned-media h2 {
    font-size: 1.2rem; }
    @media (min-width: 980px) {
      body.aligned-media h2 {
        font-size: 1.3rem; } }
    @media (min-width: 1140px) {
      body.aligned-media h2 {
        font-size: 1.6rem; } }
  body.aligned-media h3 {
    font-size: 1.2rem; }
    @media (min-width: 980px) {
      body.aligned-media h3 {
        font-size: 1.2rem; } }
    @media (min-width: 1140px) {
      body.aligned-media h3 {
        font-size: 1.4rem; } }

/*********************
IMPORTING MODULES
*********************/
.am-button {
  border-radius: 1em;
  background-color: #2c5daa;
  border: 0;
  padding: 0.4em 1.5em 0.6em 1.5em;
  color: #fff;
  line-height: 1;
  font-size: 1.2rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .am-button:after {
    content: "\f178";
    font-family: "FontAwesome";
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
    font-variant: none;
    line-height: 1em;
    text-transform: none;
    position: absolute;
    margin-left: -1em;
    padding-left: 5px;
    opacity: 0;
    text-shadow: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s; }
  .am-button:hover, .am-button:active {
    background-color: #224781;
    padding-right: 65px; }
    .am-button:hover:after, .am-button:active:after {
      margin-left: 0;
      opacity: 1; }

/*********************
IMPORTING PARTIALS
*********************/
#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
  color: #2c5daa; }

.et_mobile_menu {
  border-top-color: #2c5daa; }

.et-search-form, .et_mobile_menu, .footer-widget li:before, .nav li ul, blockquote {
  border-color: #2c5daa; }

body.aligned-media #logo {
  max-height: 24px;
  image-rendering: -webkit-optimize-contrast; }

body.aligned-media.home #logo {
  max-height: 54px; }

.menu-item > a {
  transition: all .4s ease;
  position: relative; }
  .menu-item > a:before {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: -7px;
    bottom: 0;
    right: 0;
    height: 29px;
    z-index: -1;
    transition: all .4s ease; }

.menu-item:hover > a {
  opacity: 1 !important; }
  .menu-item:hover > a:before {
    transition: all .4s ease; }

.menu-item:not(.current_page_item) > a:before {
  width: 0;
  background-color: transparent; }

.current_page_item > a {
  color: #fff !important; }
  .current_page_item > a:before {
    width: calc(100% + 14px);
    background-color: #2c5daa; }

@media only screen and (min-width: 981px) {
  .et-fixed-header #top-menu li.current-menu-item > a {
    color: #fff !important; } }

@media only screen and (max-width: 980px) {
  .current_page_item a:before {
    height: auto; } }

.menu-item:not(.current_page_item) > a:before {
  width: calc(100% + 14px);
  background-color: transparent;
  transform-origin: top left;
  transform: scaleX(0); }

@media only screen and (min-width: 981px) {
  .menu-item:not(.current_page_item):hover > a {
    color: #fff !important; }
    .menu-item:not(.current_page_item):hover > a:before {
      height: 29px;
      background-color: #2c5daa;
      transform: scaleX(1); } }

.et_mobile_menu li a:hover, .nav ul li a:hover {
  opacity: .7;
  background-color: rgba(0, 0, 0, 0); }

body {
  color: #555; }

h1, h2, h3, h4, h5, h6 {
  color: #333; }

.aligned-media .container,
.aligned-media .et_pb_row {
  width: 90%;
  max-width: 1440px; }

#main-header {
  -webkit-box-shadow: none;
  box-shadow: none; }

.et_pb_column_4_4 .et_pb_text,
.single-work-example .entry-content,
.single-job .entry-content,
.single-job .am-job-application-form {
  max-width: 40em;
  margin: auto; }

.am-row-divider:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  border-top: 1px solid #999;
  top: -40px; }

.am-section {
  padding-bottom: 3rem; }

.am-section:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 3rem 0;
  border-top: 1px solid #999; }

@media (min-width: 980px) {
  .am-columns .et_pb_text_inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .am-columns .et_pb_text_inner .col {
      margin: 0 2rem; } }

#main-content .container:before {
  content: none !important; }

.et_right_sidebar #left-area {
  float: none !important;
  width: auto !important;
  padding: 0 !important; }

.single-work-example #main-content .container:before,
.single-photography #main-content .container:before {
  content: none !important; }

.single-work-example .am-hero-video,
.single-photography .am-hero-video {
  position: relative;
  padding-bottom: 56.25%; }
  .single-work-example .am-hero-video > *,
  .single-photography .am-hero-video > * {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }

.single-work-example .am-main-title,
.single-work-example .entry-content,
.single-photography .am-main-title,
.single-photography .entry-content {
  text-align: center; }

.single-work-example .am-main-title .entry-title + .am-company-name,
.single-photography .am-main-title .entry-title + .am-company-name {
  margin-bottom: 2rem; }

.single-work-example .am-our-contribution h1,
.single-photography .am-our-contribution h1 {
  text-align: center;
  margin: 2rem 0; }

.single-work-example .am-our-contribution #am-credits-toggle,
.single-photography .am-our-contribution #am-credits-toggle {
  display: inline-block;
  vertical-align: middle;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }
  .single-work-example .am-our-contribution #am-credits-toggle:after,
  .single-photography .am-our-contribution #am-credits-toggle:after {
    position: relative;
    top: 4px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2rem;
    line-height: 1em;
    padding-left: 6px;
    display: inline-block;
    content: "\f105";
    transition: all 0.4s ease; }
  .single-work-example .am-our-contribution #am-credits-toggle.collapsed:hover:after,
  .single-photography .am-our-contribution #am-credits-toggle.collapsed:hover:after {
    color: #F7C922; }
  .single-work-example .am-our-contribution #am-credits-toggle.expanded:after,
  .single-photography .am-our-contribution #am-credits-toggle.expanded:after {
    transform: rotate(90deg); }
  .single-work-example .am-our-contribution #am-credits-toggle.expanded:hover:after,
  .single-photography .am-our-contribution #am-credits-toggle.expanded:hover:after {
    color: #F7C922; }

.single-work-example .am-credits,
.single-photography .am-credits {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.5rem -1rem; }
  .single-work-example .am-credits .am-credit,
  .single-photography .am-credits .am-credit {
    display: block;
    width: 100%;
    margin: 0.5rem 1rem; }
    @media (min-width: 981px) {
      .single-work-example .am-credits .am-credit,
      .single-photography .am-credits .am-credit {
        width: calc(33.3% - 2rem); } }
    @media (min-width: 601px) and (max-width: 980px) {
      .single-work-example .am-credits .am-credit,
      .single-photography .am-credits .am-credit {
        width: calc(50% - 2rem); } }
    .single-work-example .am-credits .am-credit h3,
    .single-photography .am-credits .am-credit h3 {
      margin-bottom: 0;
      padding-bottom: 0;
      font-size: 1rem; }
    .single-work-example .am-credits .am-credit > *,
    .single-photography .am-credits .am-credit > * {
      font-size: 18px !important;
      color: #545454; }

.single-work-example .tolb-holder .tolb-title,
.single-photography .tolb-holder .tolb-title {
  display: none; }

.single-job #main-content .container:before {
  content: none !important; }

.single-job .am-main-title {
  text-align: center; }

.single-job .instructions p {
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center; }

@media (min-width: 601px) {
  .single-job .am-job-application-form div#frm_field_71_container, .single-job .am-job-application-form div#frm_field_70_container {
    margin-top: 10px; } }

@media (max-width: 600px) {
  .single-job .am-job-application-form div#frm_field_70_container .frm_dropzone.dz-clickable.frm_single_upload {
    max-width: 100%; } }

.single-job .am-job-application-form .frm_form_fields .wp-editor-tools {
  margin-top: 5px; }
  .single-job .am-job-application-form .frm_form_fields .wp-editor-tools .wp-editor-tabs {
    display: none; }

body:not(.am-jobs-available) #am-jobs-section .am-jobs {
  display: none !important; }

#am-jobs-section .am-jobs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -0.5rem; }
  #am-jobs-section .am-jobs .am-job {
    display: block;
    position: relative;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 40%;
    min-width: 300px;
    margin: 0.5rem;
    padding: 2rem 2rem 7rem 2rem;
    box-sizing: border-box;
    border: 1px solid #999;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    color: #555; }
    #am-jobs-section .am-jobs .am-job:hover, #am-jobs-section .am-jobs .am-job:active {
      border: 1px solid #2c5daa;
      background-color: #2c5daa;
      color: #fff; }
      #am-jobs-section .am-jobs .am-job:hover h2, #am-jobs-section .am-jobs .am-job:active h2 {
        color: #fff; }
      #am-jobs-section .am-jobs .am-job:hover .am-job-learn-more span.arrow, #am-jobs-section .am-jobs .am-job:active .am-job-learn-more span.arrow {
        border: 1px solid #fff;
        color: #fff; }
      #am-jobs-section .am-jobs .am-job:hover .am-job-learn-more span.label, #am-jobs-section .am-jobs .am-job:active .am-job-learn-more span.label {
        opacity: 1;
        -webkit-transform: translateX(1rem);
        -ms-transform: translateX(1rem);
        transform: translateX(1rem);
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s; }
  #am-jobs-section .am-jobs .am-job-learn-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2rem; }
    #am-jobs-section .am-jobs .am-job-learn-more span {
      display: inline-block;
      padding: 0.75rem;
      line-height: 1; }
      #am-jobs-section .am-jobs .am-job-learn-more span.arrow {
        border: 1px solid #999; }
        #am-jobs-section .am-jobs .am-job-learn-more span.arrow:before {
          font-family: "FontAwesome";
          content: "\f178"; }
      #am-jobs-section .am-jobs .am-job-learn-more span.label {
        opacity: 0;
        -webkit-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        transform: translateX(-1rem);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        color: #fff; }

body.aligned-media #main-footer {
  background-color: transparent; }
  body.aligned-media #main-footer .container .container {
    width: auto; }

body.aligned-media .footer-widget {
  color: #AFAFAF;
  font-size: 0.8em;
  text-align: center; }

body.aligned-media .footer-widget.last {
  margin: 0px; }

body.aligned-media #footer-widgets {
  padding: 3% 0 0; }
  body.aligned-media #footer-widgets .footer-widget a {
    color: #AFAFAF; }

body.aligned-media .et_pb_gutters3 .footer-widget {
  margin: 0 5.5% 1% 0; }

body.aligned-media #custom_html-3 {
  float: none; }

body.aligned-media #footer-bottom {
  background-color: transparent; }

body.aligned-media .et-social-icons {
  margin-bottom: 0; }

@media (max-width: 980px) {
  body.aligned-media .et-social-icons {
    margin-bottom: 2rem; }
    body.aligned-media .et-social-icons li {
      margin: 0 5px; } }

body.aligned-media .et-social-icon a {
  background-color: #2c5daa;
  display: block;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  line-height: 2.1rem;
  color: #fff;
  font-size: 1rem; }

body.aligned-media .logo-divider {
  position: relative;
  text-align: center;
  clear: both;
  line-height: 1; }
  body.aligned-media .logo-divider img {
    background-color: #fff;
    padding: 0 2rem;
    max-height: 3rem; }
  body.aligned-media .logo-divider:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 50%;
    height: 1px;
    border-top: 1px solid #999; }

.fluid-width-video-wrapper {
  height: 100%; }

.tg-grid-area-top1 .tg-filters-holder {
  padding: 0 0 30px; }
  .tg-grid-area-top1 .tg-filters-holder .tg-nav-font, .tg-grid-area-top1 .tg-filters-holder input[type=text].tg-search {
    font-size: 20px;
    font-weight: 500;
    text-transform: lowercase; }

.am-work-item .am-work-item-company {
  font-weight: 700 !important;
  padding-bottom: 0 !important; }

.am-work-item .am-work-item-title {
  font-weight: 400 !important; }

.tg-grid-area-bottom1 {
  margin-top: 20px;
  padding: 14px 0 10px;
  background-color: transparent;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s;
  transition: background-color 2s; }
  #grid-27.tg-grid-loaded .tg-grid-area-bottom1 {
    background-color: #F7C922; }
    #grid-27.tg-grid-loaded .tg-grid-area-bottom1 .tg-nav-color {
      color: white; }

@keyframes fadeUpAndIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ruleFadeIn {
  from {
    border-top: 1px solid transparent; }
  to {
    border-top: 1px solid #999; } }

@media (min-width: 640px) {
  html.js :not(.home) h1, html.js :not(.home) h2, html.js :not(.home) h3, html.js :not(.home) p, html.js :not(.home) .am-job, html.js :not(.home) .am-columns, html.js :not(.home) .am-main-title, html.js :not(.home) .am-credit, html.js :not(.home) .am-hero-media, html.js :not(.home) .tg-filters-holder, html.js :not(.home) .tg-item-inner, html.js :not(.home) .et_pb_slides {
    opacity: 0; }
    html.js :not(.home) h1.am-animate-in.am-has-arrived, html.js :not(.home) h2.am-animate-in.am-has-arrived, html.js :not(.home) h3.am-animate-in.am-has-arrived, html.js :not(.home) p.am-animate-in.am-has-arrived, html.js :not(.home) .am-job.am-animate-in.am-has-arrived, html.js :not(.home) .am-columns.am-animate-in.am-has-arrived, html.js :not(.home) .am-main-title.am-animate-in.am-has-arrived, html.js :not(.home) .am-credit.am-animate-in.am-has-arrived, html.js :not(.home) .am-hero-media.am-animate-in.am-has-arrived, html.js :not(.home) .tg-filters-holder.am-animate-in.am-has-arrived, html.js :not(.home) .tg-item-inner.am-animate-in.am-has-arrived, html.js :not(.home) .et_pb_slides.am-animate-in.am-has-arrived {
      -webkit-animation: fadeUpAndIn 0.8s 0.8s both;
      -moz-animation: fadeUpAndIn 0.8s 0.8s both;
      -ms-animation: fadeUpAndIn 0.8s 0.8s both;
      -o-animation: fadeUpAndIn 0.8s 0.8s both;
      animation: fadeUpAndIn 0.8s 0.8s both; }
    html.js :not(.home) h1.am-animate-in .am-animate-in, html.js :not(.home) h2.am-animate-in .am-animate-in, html.js :not(.home) h3.am-animate-in .am-animate-in, html.js :not(.home) p.am-animate-in .am-animate-in, html.js :not(.home) .am-job.am-animate-in .am-animate-in, html.js :not(.home) .am-columns.am-animate-in .am-animate-in, html.js :not(.home) .am-main-title.am-animate-in .am-animate-in, html.js :not(.home) .am-credit.am-animate-in .am-animate-in, html.js :not(.home) .am-hero-media.am-animate-in .am-animate-in, html.js :not(.home) .tg-filters-holder.am-animate-in .am-animate-in, html.js :not(.home) .tg-item-inner.am-animate-in .am-animate-in, html.js :not(.home) .et_pb_slides.am-animate-in .am-animate-in {
      opacity: 1;
      animation: none; }
  html.js :not(.home) .am-row-divider:before,
  html.js :not(.home) .am-section:not(:first-child):before {
    border-top: 1px solid transparent;
    -webkit-animation: ruleFadeIn 0.8s 1.5s both;
    -moz-animation: ruleFadeIn 0.8s 1.5s both;
    -ms-animation: ruleFadeIn 0.8s 1.5s both;
    -o-animation: ruleFadeIn 0.8s 1.5s both;
    animation: ruleFadeIn 0.8s 1.5s both; } }

/*# sourceMappingURL=style.css.map */