/**

  Theme Name:   SSA Marine
  Theme URI:    http://ssamarine.com/
  Description:  Child theme of Salient, updated Fall 2016
  Author:       Jeremy Buller for Turnstyle
  Author URI:   http://turnstylestudio.com
  Template:     salient
  Version:      1.0.0

**/




/**
 * changes introduced by jeremy buller for turnstyle in aug 2016
 *
 * - no longer using @import for salient css - it's enqueued separately
 * - typography overrides
 * - global & component typography
 * - footer
 * - homepage slider
 * - services subpages
 * - locations page
 * - locations subpages
 * - history page
 * - executives / board of directors pages
 * - executives / board of directors subpages
 */




/**
 * overrides of every instance of 'open sans' in style.css
 */
blockquote,
.row .col.section-title span,
.row .col.section-title p,
body .vc_text_separator div,
.swiper-slide .content h2,
.swiper-slide .content p,
body .carousel-wrap[data-full-width="true"] .carousel-heading h2,
.portfolio-filters-inline #current-category,
.nectar-milestone .subject,
body .vc_pie_chart .vc_pie_chart_value,
.pricing-column.highlight h3 .highlight-reason,
.pricing-table[data-style="default"] .pricing-column h4 .dollar-sign,
#call-to-action,
.nectar-love span {
  font-family: "Interstate Lt";
  font-weight: normal; /* was 300 */
}


body h1.light, body h2.light, body h3.light, body h4.light, body h5.light, body h6.light, p.light {
	-webkit-font-smoothing: antialiased;
  font-family: "Interstate Lt";
	font-weight: normal; /* was 300 */
}


body,
body .ui-widget,
a.pp_close,
#buddypress .standard-form textarea, body #buddypress div.activity-comments form textarea, #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form input[type="password"], #buddypress .dir-search input[type="search"], #buddypress .dir-search input[type="text"],
.nectar-social .nectar-love .nectar-love-count,
.single-portfolio .facebook-share span, .single-portfolio .twitter-share span, .single-portfolio .pinterest-share span, .single-portfolio .google-plus-share span, .single-portfolio .linkedin-share span,
.single-post .col.section-title .facebook-share span, .single-post .col.section-title .twitter-share span, .single-post .col.section-title .pinterest-share span, .single-post .col.section-title .google-plus-share span,
.single-post .col.section-title .linkedin-share span,
.pinterest-share span, .facebook-share span, .twitter-share span, .google-plus-share span, .linkedin-share span,
#sort-portfolio span,
.masonry-blog-item .post-meta .date span,
#search-results .result .title span,
.toggle h3 a,
body[data-full-width-header="false"] #slide-out-widget-area a.slide_out_area_close,
.single #single-meta ul li .nectar-love-wrap span,
input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date],
select {
  font-family: "Interstate Lt";
  font-weight: normal; /* was 400 */
}

dt,
h1,h2,h3,h4,h5,h6,
.bold, strong, b,
header#top #logo,
.row .col.section-title h1, .row .col.section-title h2,
#page-header-bg h1,
.nectar-box-roll .overlaid-content h1,
#page-header-bg .subheader,
.nectar-box-roll .overlaid-content .subheader,
.search .row .col.section-title h1,
.nectar-milestone .number,
.nectar-progress-bar span strong,
.nectar-progress-bar span strong i,
#slide-out-widget-area .menuwrapper li small,
#call-to-action span,
article.post .post-meta .month, article.post .post-meta .year,
#pagination span, #pagination a, #pagination .next.inactive, #pagination .prev.inactive, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span,
.comment-list .comment-author,
#respond h3, h3#comments {
  font-family: "Interstate Bd";
  font-weight: normal; /* was 600 */
}

.uppercase,
body #error-404 h1,
body #error-404 h2,
header#top nav > ul > li.megamenu > ul > li > a,
#search-outer  #search input[type=text],
.nectar-button,
.text_on_hover.product .add_to_cart_button, .text_on_hover.product a.added_to_cart,
.swiper-slide .button a,
.carousel-heading h2,
.blog-recent[data-style="minimal"] .col > span,
body .gform_wrapper .top_label .gfield_label,
body .vc_pie_chart .wpb_pie_chart_heading,
#footer-outer .widget h4, .text-on-hover-wrap .categories a,
#slide-out-widget-area .inner .off-canvas-menu-container li a,
#slide-out-widget-area.fullscreen .inner .widget.widget_nav_menu li a,
#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a,
#slide-out-widget-area:not(.fullscreen) .menuwrapper li small,
.widget_calendar table th,
#footer-outer #footer-widgets .col .widget_calendar table th,
#call-to-action .container a,
#sidebar h4,
#infscr-loading,
#infscr-loading div,
article.post .post-meta .day {
  font-family: "Interstate Bd";
  font-weight: normal; /* was 700 */
}




/**
 * 'global'/example interstate rules
 */
.interstatelight {
  font-family: "Interstate Lt";
  font-style: normal;
  font-weight: normal;
}
.interstatelightitalic {
  font-family: "Interstate Lt It";
  font-style: italic;
  font-weight: normal;
}
.interstateregular {
  font-family: "Interstate Reg";
  font-style: normal;
  font-weight: normal;
}
.interstateitalic {
  font-family: "Interstate It";
  font-style: italic;
  font-weight: normal;
}
.interstatebold {
  font-family: "Interstate Bd";
  font-style: normal;
  font-weight: normal;
}
.interstatelightcondensed {
  font-family: "Interstate Lt Cond";
  font-style: normal;
  font-weight: normal;
}
.interstateregularcondensed {
  font-family: "Interstate Reg Cond";
  font-style: normal;
  font-weight: normal;
}


/**
 * turnstyle 2016 typography
 *
 * @note will apply broadly first; may find places across the site to do some
 * cleanup
 *
 * @note much of this is set in the admin; will need to at least set some
 * font-family rules here
 */

body {
  font-family: "Interstate Lt";
  font-style: normal;
  font-weight: normal;
}

.main-content {
  color: #56453c;
  font-size: 20px;
  line-height: 26px;
}

header#top nav > ul > li > a {
  font-family: "Interstate Lt";
  font-style: normal;
  font-weight: normal;

  color: #56453c;
  font-size: 15px;
  line-height: 18px;
}

  header#top nav a:focus,
  header#top nav a:hover,
  header#top nav .current-menu-item a {
    color: #51a121;
  }

h1 {
  font-family: "Interstate Bd";
  font-style: normal;
  font-weight: normal;

  color: #51a121;
  font-size: 50px;
  line-height: 60px;
}

h2 {
  font-family: "Interstate Reg";
  font-style: normal;
  font-weight: normal;

  color: #56453c;
  font-size: 28px;
  line-height: 36px;
}

@media screen and (max-width: 1000px) {

	h1 {
		font-size: 40px;
		line-height: 50px;
	}

	h2 {
		font-size: 20px;
		line-height: 28px;
	}

}

h2.bold {
  font-family: "Interstate Bd";
  font-style: normal;
  font-weight: normal;
}

h3,
.nectar-button {
  font-family: "Interstate Bd";
  font-style: normal;
  font-weight: normal;

  color: #51a121;
  line-height: 26px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

h3 {
  /* note: might need to check for h3s across the site */
  padding-bottom: 1em;

  font-size: 20px;
}

pre {
    font-family: monospace;
    white-space: pre-wrap;
    overflow: scroll;
    margin-bottom: 1em;
}

body > pre,
.at-content > pre {
    color: #fff;s
}

/* search */
#search-outer #search input[type=text] {
  font-family: "Interstate Lt";
  font-style: normal;
  font-weight: normal;
}

/* footer headings */
#footer-outer .widget h4 {
  font-family: "Interstate Bd";
  font-style: normal;
  font-weight: normal;
}


/**
 * buttons
 */
.nectar-button.medium {
  font-size: 17px;
  border-radius: 0;
}

@media screen and (min-width: 1001px) {

	.home .learn-more .nectar-button {
	  margin-top: 30px;
	}

}

@media screen and (min-width: 1300px) {

	.home .learn-more .nectar-button[href="/locations/north-america/"] {
		margin-top: 56px;
	}

}


/**
 * extra colors 1-3
 *
 * @note i'm just adding some notes here as i go along and find elements that
 * were styled with the 'extra colors' defined in theme options
 */

.home.page .nectar-button.extra-color-3 {
  background-color: #51a121 !important;
}


/**
 * footer
 */
#footer-widgets .col:first-child {
	display: none;
}

@media screen and (min-width: 690px) {

	#footer-widgets .col.span_3:nth-child(2) {
		width: 40% !important;
	}

	#footer-widgets .col.span_3:nth-child(2) ~ .col {
		width: 27.5% !important;
	}

	#footer-widgets .col.span_3.right-edge {
		margin-right: 15px;
	}

	#footer-widgets .col.span_3.right-edge.col_last {
		margin-right: 0;
	}

	#footer-widgets .col.span_3.clear-both {
		clear: none;
	}

}


/**
 * flex for footer
 */
#copyright > .container {
    display: flex;
}

    #copyright > .container > .col {
        width: 100%;
    }


/**
 * homepage slider
 */
.home #featured .slide article .post-title h2 span {
  display: inline-block;
  padding: 0 .5em .25em;

  font-family: "Interstate Bd";
  font-style: normal;
  font-weight: normal;

  color: #fff;
  font-size: 28px;
  line-height: 36px !important;
}

@media screen and (max-width: 1000px) {

	.home #featured .slide article .post-title h2 span {
		font-size: 20px;
		line-height: 28px !important;
	}

}

/* positioning tweaks */
#featured article {
	margin-top: 1em;
}

#featured article[data-background-cover="1"] {
	background-position: 50% 60%;
}

	@media screen and (min-width: 1000px) {

		#featured .post-title {
			margin-top: 15%;
			margin-top: 9vw;
		}

	}

	@media screen and (min-width: 1600px) {

		#featured .slide.left .post-title {
			margin-left: -15%;
			margin-left: -9vw;
		}

		#featured .slide.right .post-title {
			margin-right: -15%;
			margin-right: -9vw;
		}

	}


/**
 * 'services' sub-pages
 */
.page-id-2842 .full-width-section .row-bg:after,
.page-id-2759 .full-width-section .row-bg:after,
.page-id-898 .full-width-section .row-bg:after,
.parent-pageid-880 .centered-headings .row-bg.using-image:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
}

.centered-headings h4,
.centered-headings h1,
.centered-headings h2 {
  text-align: center;
  /* text-shadow: 0 0 2em rgba( 0, 0, 0, .5 ); */
}

.centered-headings h4 {
  margin-bottom: 40px !important;
}

.centered-headings h1 {
  margin-bottom: 30px !important;
}

.centered-headings h4 {
  padding-bottom: 4px;
  border-bottom: 2px solid;

  font-family: "Interstate Reg";
  font-style: normal;
  font-weight: normal;

  font-size: 18px;
  text-transform: uppercase;
}

ul.services-list li {
  list-style: none;
  text-align: center;
}

  ul.services-list li:before {
    content: '＿';
    display: block;
    color: #51a121;
  }

@media screen and (max-width: 1000px) {

	.vc_row.vertically-align-columns .vc_col-sm-1 {
		min-height: 0 !important;
	}

}


/**
 * 'locations' page
 */
.wpb_tabs_nav {
  font-size: 12px;
}

.bgmp_list-item {
  padding: 10px 5px 0;
}

  .bgmp_list-placemark-title {
    padding-bottom: 0;
    color: #56453c;
    font-family: "Interstate Reg Cond";
    letter-spacing: 0;
    text-transform: none;
  }

  .bgmp_list-description img {
	  width: 100% !important;
  }

@media screen and (max-width: 479px) {

  .bgmp_list-item {
	  float: none;
    width: 100%;
  }

    .bgmp_list-placemark-title {
      font-size: 16px;
    }

}

@media screen and (min-width: 480px) and (max-width: 690px) {

  .bgmp_list-item {
    width: 50%;
  }

  .bgmp_list-item:nth-child(2n+1) {
    clear: left;
  }

    .bgmp_list-placemark-title {
      font-size: 16px;
    }

}

@media screen and (min-width: 691px) and (max-width: 1000px) {

  .bgmp_list-item {
    width: 33.333%;
  }

  .bgmp_list-item:nth-child(3n+1) {
    clear: left;
  }

    .bgmp_list-placemark-title {
      font-size: 18px;
    }

}

@media screen and (min-width: 1001px) {

  .bgmp_list-item {
    width: 25%;
  }

  .bgmp_list-item:nth-child(4n+1) {
    clear: left;
  }

    .bgmp_list-placemark-title {
      font-size: 20px;
    }

}

@supports (display: flex) {

  #bgmp_list {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
  }

  .bgmp_list-item {
    float: none !important;
  }

  @media screen and (max-width: 479px) {

    .bgmp_list-item {
      flex: 0 1 100%;
    }

  }

  @media screen and (min-width: 480px) and (max-width: 690px) {

    .bgmp_list-item {
      flex: 0 1 50%;
    }

  }

  @media screen and (min-width: 691px) and (max-width: 1000px) {

    .bgmp_list-item {
      flex: 0 1 33.333%;
    }

  }

  @media screen and (min-width: 1001px) {

    .bgmp_list-item {
      flex: 0 1 25%;
    }

  }

}


/**
 * 'locations' individual pages
 */
.parent-pageid-882 .subheading h4 {
  margin-bottom: 1em !important;
  color: #56453c;
  font-family: "Interstate Reg Cond";
  font-weight: normal;
}

@media print {

	.parent-pageid-882 #header-space,
	.parent-pageid-882 #header-outer,
	.parent-pageid-882 .main-content .row:first-child .wpb_row:first-child {
		display: none;
	}

}



/**
 * 'history' page
 */
#timeline-embed .vco-skinny .vco-feature .content .text {
	margin-bottom: 2em;
}

#timeline-embed .vco-storyjs .vco-feature h2.start,
#timeline-embed .vco-storyjs .vco-feature h3 {
  font-family: "Interstate Bd";
  font-style: normal;
  font-weight: normal;

  color: #56453c;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36px;
}

#timeline-embed .vco-storyjs .vco-feature h2.date {
  font-family: "Interstate Bd" !important;
  font-style: normal;
  font-weight: normal;

  color: #51a121;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#timeline-embed .vco-storyjs .vco-feature p {
  font-family: "Interstate Lt" !important;
  font-style: normal;
  font-weight: normal;

  color: #56453c;
  font-size: 20px;
  line-height: 26px;
  -webkit-hyphens: initial;
      -ms-hyphens: initial;
          hyphens: initial;
}

#timeline-embed .vco-slider .slider-item .content .content-container.layout-text .text .container {
  max-width: 960px;
}

#timeline-embed .vco-timeline .vco-navigation .timenav-background .timenav-line,
#timeline-embed .vco-timeline .vco-navigation .timenav .content .marker .line .event-line,
#timeline-embed .vco-timeline .vco-navigation .timenav .content .marker.active .dot {
  background: #51a121;
}

#timeline-embed .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content {
  height: auto;
}

  #timeline-embed .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail:empty {
    display: none;
  }

  #timeline-embed .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3 {
    font-family: "Interstate Lt" !important;
    font-weight: normal;
    letter-spacing: 0;
  }

  #timeline-embed .vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content h3 {
    color: #51a121;
  }

#timeline-embed .vco-slider .nav-container {
	width: 110px;
}

	#timeline-embed .vco-slider .nav-prev .nav-container {
		margin-right: -10px;
	}

	#timeline-embed .vco-slider .nav-next .nav-container {
		margin-left: -10px;
	}


		#timeline-embed .vco-slider .nav-prev .date,
		#timeline-embed .vco-slider .nav-prev .title {
			padding-left: 25px;
		}

		#timeline-embed .vco-slider .nav-next .date,
		#timeline-embed .vco-slider .nav-next .title {
			padding-right: 25px;
		}

	#timeline-embed .vco-slider .nav-previous .nav-container {
		-webkit-animation: hoverprevious 1s ease-in-out alternate infinite;
		        animation: hoverprevious 1s ease-in-out alternate infinite;
	}

		@-webkit-keyframes hoverprevious {
			to {
				-webkit-transform: translateX( 1em );
				        transform: translateX( 1em );
			}
		}

		@keyframes hoverprevious {
			to {
				-webkit-transform: translateX( 1em );
				        transform: translateX( 1em );
			}
		}

	#timeline-embed .vco-slider .nav-next .nav-container {
		-webkit-animation: hovernext 1s ease-in-out alternate infinite;
		        animation: hovernext 1s ease-in-out alternate infinite;
	}

		@-webkit-keyframes hovernext {
			to {
				-webkit-transform: translateX( -1em );
				        transform: translateX( -1em );
			}
		}

		@keyframes hovernext {
			to {
				-webkit-transform: translateX( -1em );
				        transform: translateX( -1em );
			}
		}

#timeline-embed .vco-slider .nav-container:hover {
	-webkit-animation: none;
	        animation: none;
}


/**
 * 'executives' / 'board of directors' pages
 */
.team-member h4.light {
  font-family: "Interstate Bd";
  font-weight: normal;
}

  .team-member h4 a {
    color: #56453c;
  }


/**
 * 'executives' / 'board of directors' individual pages
 */
.parent-pageid-704 .main-content h3,
.parent-pageid-1138 .main-content h3 {
  color: #56453c;
}