/*
  Theme Name: CA Coatings
  Description: Custom theme designed and developed by Sage Island.
  Author: Sage Island
  Author URI: http://www.sageisland.com
  Version: 1.0.0
*/

@font-face {
  font-family:'Brandon';
  src:url('../font/brandontext-bold-webfont.eot');
  src:url('../font/brandontext-bold-webfont.eot') format('embedded-opentype'),
      url('../font/brandontext-bold-webfont.woff2') format('woff2'),
      url('../font/brandontext-bold-webfont.woff') format('woff'),
      url('../font/brandontext-bold-webfont.ttf') format('truetype'),
      url('../font/brandontext-bold-webfont.svg') format('svg');
  font-weight:700;
  font-style:normal;
}
@font-face {
  font-family:'Brandon';
  src:url('../font/brandontext-medium-webfont.eot');
  src:url('../font/brandontext-medium-webfont.eot') format('embedded-opentype'),
      url('../font/brandontext-medium-webfont.woff2') format('woff2'),
      url('../font/brandontext-medium-webfont.woff') format('woff'),
      url('../font/brandontext-medium-webfont.ttf') format('truetype'),
      url('../font/brandontext-medium-webfont.svg') format('svg');
  font-weight:400;
  font-style:normal;
}
@font-face {
  font-family:'Sentinel';
  src:url('../font/Sentinel-Medium.eot') format('embedded-opentype'),
      url('/wp-content/themes/CACoating/fonts/Sentinel-Medium.otf')  format('opentype'),
      url('../font/Sentinel-Medium.woff') format('woff'),
      url('../font/Sentinel-Medium.ttf')  format('truetype'),
      url('../font/Sentinel-Medium.svg') format('svg');
  font-weight:400;
  font-style:normal;
}
@font-face {
  font-family:'Sentinel';
  src:url('../font/Sentinel-Bold.eot');
  src:url('../font/Sentinel-Bold.eot') format('embedded-opentype'),
      url('../font/Sentinel-Bold.woff2') format('woff2'),
      url('../font/Sentinel-Bold.woff') format('woff'),
      url('../font/Sentinel-Bold.ttf') format('truetype'),
      url('../font/Sentinel-Bold.svg') format('svg');
  font-weight:700;
  font-style:normal;
}

/* EXAMPLE FONT USAGE
  --- BRANDON ---
  NORMAL --- font:400 12px/1 'Brandon';
  BOLD ----- font:700 12px/1 'Brandon';

  --- SENTINEL ---
  NORMAL --- font:400 12px/1 'Sentinel';
  BOLD ----- font:700 12px/1 'Sentinel';
*/

#cac-header {
  position:relative;
  z-index:100;
}
.cac-headerTop {
  color:#999999;
  font:400 14px/40px 'Sentinel';
  padding-top:20px;
}
.brand-logo > img {
  max-width:352px;
  width:100%;
}
.cac-headerTop .btn {
  margin-left:10px;
}
.cac-headerBtm {
  background:#174F78;
}
.cac-headerBtm nav {
  background:none;
  box-shadow:none;
}
nav {
  height:50px;
  line-height:50px;
}
#cac-mainNav > li {
  display:inline-block;
  float:none;
  height:35px;
  padding:0 15px;
  position:relative;
  margin:0 10px;
}
#cac-mainNav > li:hover,
#cac-mainNav > li.active {
  background:none;
}
#cac-mainNav > li.current-menu-item {
  border-bottom:5px solid #688CA7;
}
#cac-mainNav > li > a {
  color:#FFFFFF;
  font:700 14px 'Brandon';
	padding:0;
  text-transform:uppercase;
}
#cac-mainNav:hover > li > a {
  opacity:0.35;
}
#cac-mainNav:hover > li:hover > a {
  opacity:1.0;
}
#cac-mainNav > li > ul {
  background:#174F78;
  display:none;
  left:0;
  position:absolute;
  top:100%;
}
#cac-mainNav > li:hover > ul {
  display:block;
}
#cac-mainNav ul > li {
  float:none;
  text-align:left;
}
#cac-mainNav ul > li > a {
  border-bottom:1px solid #999999;
  color:#FFFFFF;
  font:700 14px/1 'Brandon';
  padding:20px;
  text-transform:uppercase;
  white-space:nowrap;
}
#cac-mainNav ul > li:last-child > a {
  border-bottom:none;
}
#cac-mainNav ul > li:hover > a {
  background:#FFFFFF;
  color:#7D7D7D;
}

#cac-rotator {
  margin-bottom:-95px;
}
.slider,
.slider .slides {
  height:700px;
}
.slider .slides li .caption {
  color:#FFFFFF;
  font:400 60px/52px 'Sentinel';
  width:42%;
  z-index:5;
}
.slider .slides li .caption p {
  color:#FFFFFF;
}
.slider .slides li .caption strong {
  font-weight:700;
}
.slider .slides li:after {
  background:-moz-linear-gradient(left,  rgba(111,44,62,0.85) 0%, rgba(111,44,62,0) 100%);
  background:-ms-linear-gradient(left,  rgba(111,44,62,0.85) 0%,rgba(111,44,62,0) 100%);
  background:-o-linear-gradient(left,  rgba(111,44,62,0.85) 0%,rgba(111,44,62,0) 100%);
  background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(111,44,62,0.85)), color-stop(100%,rgba(111,44,62,0)));
  background:-webkit-linear-gradient(left,  rgba(111,44,62,0.85) 0%,rgba(111,44,62,0) 100%);
  background:linear-gradient(to right,  rgba(111,44,62,0.85) 0%,rgba(111,44,62,0) 100%);
  bottom:0;
  content:'';
  display:block;
  left:0;
  position:absolute;
  right:0;
  top:0;
}

#emg-rectangles {
  position:relative;
  z-index:10;
}
#emg-rectangles .matchMe {
  margin:0.5%;
  padding:40px;
  position:relative;
}
#emg-rectangles .smallBox {
  width:24%;
}
#emg-rectangles .bigBox {
  width:49%;
}
.matchMe > div {
  height:100%;
  position:relative;
  z-index:5;
}
.matchMe {
  color:#FFFFFF;
  font:400 18px/20px 'Sentinel';
}
article.matchMe {
  color:#7D7D7D;
}
.matchMe h2 {
  color:#FFFFFF;
  font:700 36px/1 'Brandon';
  margin:0 0 20px;
  text-transform:uppercase;
}
article.matchMe h1 {
  color:#174F78;
  font:700 36px/1 'Brandon';
  margin:0 0 20px;
  text-transform:uppercase;
}
.matchMe p {
  margin:0 0 20px;
}
.matchMe .btn {
  bottom:0;
  left:0;
  position:absolute;
}
#emg-rectangles .matchMe:nth-child(9) .btn {
  background-color:#6F2C3E;
}
#emg-rectangles .matchMe:nth-child(9) .btn:hover {
  background-color:#FFFFFF;
  color:#174F78;
}

#emg-rectangles .matchMe:nth-child(1) {
  background:#0072C6;
}
#emg-rectangles .matchMe:nth-child(1):before {
  background:url('../image/bg-water-based-coating.png') no-repeat top/cover;
}
#emg-rectangles .matchMe:nth-child(2) {
  background:#FF6900;
}
#emg-rectangles .matchMe:nth-child(2):before {
  background:url('../image/bg-uv-eb-coatings.png') no-repeat top/cover;
}
#emg-rectangles .matchMe:nth-child(3) {
  background:#702082;
}
#emg-rectangles .matchMe:nth-child(3):before {
  background:url('../image/bg-adhesive-products.png') no-repeat top/cover;
}
#emg-rectangles .matchMe:nth-child(4) {
  background:#A6192E;
}
#emg-rectangles .matchMe:nth-child(4):before {
  background:url('../image/bg-polymer-products.png') no-repeat top/cover;
}
#emg-rectangles .matchMe:nth-child(5) {
  background:#509E2F;
}
#emg-rectangles .matchMe:nth-child(5):before {
  background:url('../image/bg-digital-printing-services.png') no-repeat top/cover;
}
#emg-rectangles .matchMe:nth-child(8) {
  background:#FFBD08;
}
#emg-rectangles .matchMe:nth-child(8):before {
  background:url('../image/bg-coating-calculators.png') no-repeat top/cover;
}
#emg-rectangles .matchMe:nth-child(9) {
  background:#174F78;
}
#emg-rectangles .matchMe:nth-child(9):before {
  background:url('../image/bg-nationwide-sales-support.png') no-repeat top/cover;
}
#emg-rectangles .matchMe:before {
  bottom:0;
  display:block;
  content:'';
  left:0;
  opacity:0.2;
  position:absolute;
  right:0;
  top:0;
}
#emg-rectangles article.matchMe:before {
  display:none;
}

#cac-content {
  color:#7D7D7D;
  font:400 18px/20px 'Sentinel';
  padding:40px 0 10px;
}
#cac-content a {
	color:#174F78;
}
#cac-content a:hover {
	color:#6F2C3E;
}
#cac-content h1 {
  color:#174F78;
  font:700 36px/1 'Brandon';
  margin:0 0 25px;
  text-transform:uppercase;
}
#cac-content h2 {
  color:#174F78;
  font:700 26px/1 'Brandon';
  margin:0 0 20px;
  text-transform:uppercase;
}
#cac-content h3 {
  color:#7D7D7D;
  font:700 18px/1 'Brandon';
  margin:0 0 15px;
  text-transform:uppercase;
}
#cac-content h4 {
  color:#7D7D7D;
  font:700 14px/26px 'Brandon';
  margin:0 0 10px;
  text-transform:uppercase;
}
#cac-content h5 {
  color:#7D7D7D;
  font:400 14px/18px 'Brandon';
  margin:0 0 15px;
}
#cac-content p {
  margin:0 0 25px;
  padding:0;
}
#cac-content strong {
  font-weight:700;
}
#cac-content ol {
  margin:0 0 25px;
}
#cac-content ul {
  margin:0 0 25px 25px;
}
#cac-content ol > li {
  list-style:decimal;
}
#cac-content ul > li {
  list-style:disc;
}

#cac-content .collapsible {
  border:none;
  box-shadow:none;
  margin-left:0;
}
#cac-content .collapsible > li {
  margin-bottom:20px;
  list-style:none;
}
#cac-content .collapsible-header,
#cac-content .accordionHeader {
  background:#174F78;
  border:none;
  color:#FFFFFF;
  font:700 14px/1 'Brandon';
  height:auto;
  padding:20px 15px;
  position:relative;
  text-transform:uppercase;
}
#cac-content .collapsible-header.active,
#cac-content .accordionHeader.active {
  background:#7D7D7D;
}
#cac-content .collapsible-header:after,
#cac-content .accordionHeader:after {
  content:'\f055';
  font:20px/1 'FontAwesome';
  position:absolute;
  right:20px;
  top:16px;
}
#cac-content .collapsible-header.active:after,
#cac-content .accordionHeader.active:after {
  content:'\f056';
}
#cac-content .collapsible-body,
#cac-content .accordionContent {
  border:none;
  padding:40px 0;
}

#cac-content .accordionHeader {
  cursor:pointer;
}

#cac-content .accordionContent {
  display:none;
}

#cac-content .accordionContent.active {
  display:block;
}

form .valign-wrapper {
  margin-bottom:20px;
}
#cac-content label {
  color:#7D7D7D;
  font:700 14px/1 'Brandon';
  text-transform:uppercase;
}
#cac-content label > span {
  color:#CCCCCC;
}
#cac-content input,
#cac-content select,
#cac-content textarea {
  border:2px solid #CCCCCC;
  color:#CCCCCC;
	display:block;
  font:700 18px/1 'Brandon';
  height:auto;
  margin:0;
  padding:15px 20px;
  text-align:right;
  display:inline-block;
  box-sizing:border-box;
}
#cac-content .with_frm_style input,
#cac-content .with_frm_style select,
#cac-content .with_frm_style textarea {
  text-align:left;
}
#cac-content select {
  height:59px;
}
#cac-content input:focus,
#cac-content select:focus,
#cac-content textarea:focus {
  border-color:#999999;
  box-shadow:none;
  color:#999999;
}
#cac-content input.answer {
  background:#174F78;
  border:2px solid #174F78;
  color:#FFFFFF;
}
fieldset p:nth-child(2) {
  display:none;
}
#cac-content input[type="checkbox"] {
  display:inline-block;
}

#cac-content .frm_submit input[type="submit"] {
  background-color:#174F78;
  border:none;
  box-shadow:none;
  color:#FFFFFF;
  font:700 14px/40px 'Brandon';
  height:40px;
  letter-spacing:normal;
	margin-bottom:20px;
  padding:0 2rem;
  text-transform:uppercase;
}
#cac-content .frm_submit input[type="submit"]:hover {
  background-color:#6F2C3E;
  box-shadow:none;
}

#cac-banner {
  color:#FFFFFF;
  font:400 18px/20px 'Sentinel';
  padding:145px 20px 125px;
  position:relative;
}
#cac-banner .container {
  position:relative;
  z-index:5;
}
#cac-banner h2 {
  font:700 60px/52px 'Sentinel';
  margin:0 0 10px;
}
#cac-banner p {
  margin:0 0 10px;
}

#cac-content .card-title {
  color:#FFFFFF;
  margin-bottom:0;
}
#cac-content .meta {
  margin-right:10px;
}

#cac-footer {
  color:#999999;
  font:400 14px/22px 'Sentinel';
  padding:20px 0;
}
#cac-footer a {
  color:#999999;
}
#cac-footer a:hover {
  color:#174F78;
}
#cac-footer h5 {
  color:#174F78;
  font:700 14px/1 'Brandon';
  margin-bottom:25px;
  text-transform:uppercase;
}
#cac-footer p {
  margin:0 0 25px;
}
#cac-footer strong {
  font-weight:700;
}
#cac-copyright {
  color:#999999;
  font:11px/1.5 Helvetica,sans-serif;
  padding:25px 0;
}
#cac-copyright a {
  color:#999999;
  font-weight:700;
}
#sageisland {
  text-align:right;
}

body { -webkit-font-smoothing:antialiased; margin:0 auto; padding:0; width:100%; }
img { height:auto; max-width:100%; }
p:empty { display:none; }
.CACoatings { overflow:hidden; width:100%; }
p.editLink { font-size:80%; margin:0; }
p.editLink > a { text-decoration:none !important; }
.aligncenter { display:block; margin:5px auto 5px; }
.alignright { float:right; margin:5px 0 5px 10px; }
.alignleft { float:left; margin:5px 10px 5px 0; }

.btn, #cac-content input.button-primary,
#bbpress-forums button[type="submit"],
#bbpress-forums input[type="submit"] { background-color:#174F78; border:none; box-shadow:none; color:#FFFFFF; font:700 14px/40px 'Brandon'; height:40px; letter-spacing:normal; padding:0 1em; border-radius:1; text-transform:uppercase;}
.btn:focus, #cac-content input.button-primary:focus { background-color:#174F78; border:none; box-shadow:none; color:#FFFFFF; font:700 14px/40px 'Brandon'; height:40px; letter-spacing:normal; padding:0 1em; }
.btn:hover, #cac-content input.button-primary:hover { background-color:#6F2C3E; box-shadow:none; }
.row { margin-bottom:0; }

label.frm_primary_label > br { display:none; }

#cac-rectangles {
  position:relative;
  z-index:10;
}
#cac-rectangles .matchMe {
  padding:30px;
  position:relative;
}
#cac-rectangles .smallBox {
  width:24%;
}
#cac-rectangles .bigBox {
  width:49%;
}
#cac-rectangles > div {
  height:100%;
  position:relative;
  z-index:5;
}
#cac-rectangles {
  color:#FFFFFF;
  font:400 18px/20px 'Sentinel';
}
#cac-rectangles h2 {
  color:#FFFFFF;
  font:700 36px/1 'Brandon';
  margin:0 0 20px;
  text-transform:uppercase;
}
#cac-rectangles p {
  margin:0;
}
#cac-rectangles .matchMe a {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
#cac-rectangles .matchMe:nth-child(1) {
  background:#0072C6;
}
#cac-rectangles .matchMe:nth-child(1):before {
  background:url('../image/bg-water-based-coating.png') no-repeat top/cover;
}
#cac-rectangles .matchMe:nth-child(2) {
  background:#FF6900;
}
#cac-rectangles .matchMe:nth-child(2):before {
  background:url('../image/bg-uv-eb-coatings.png') no-repeat top/cover;
}
#cac-rectangles .matchMe:nth-child(3) {
  background:#702082;
}
#cac-rectangles .matchMe:nth-child(3):before {
  background:url('../image/bg-adhesive-products.png') no-repeat top/cover;
}
#cac-rectangles .matchMe:nth-child(4) {
  background:#A6192E;
}
#cac-rectangles .matchMe:nth-child(4):before {
  background:url('../image/bg-polymer-products.png') no-repeat top/cover;
}
#cac-rectangles .matchMe:nth-child(5) {
  background:#509E2F;
}
#cac-rectangles .matchMe:nth-child(5):before {
  background:url('../image/bg-digital-printing-services.png') no-repeat top/cover;
}
#cac-rectangles .matchMe:nth-child(6) {
  background:#FFBD08;
}
#cac-rectangles .matchMe:nth-child(6):before {
  background:url('../image/bg-coating-calculators.png') no-repeat top/cover;
}
#cac-rectangles .matchMe:before {
  bottom:0;
  display:block;
  content:'';
  left:0;
  opacity:0.2;
  position:absolute;
  right:0;
  top:0;
}
#cac-rectangles .matchMe:nth-child(1):hover { background:#004171; }
#cac-rectangles .matchMe:nth-child(2):hover { background:#AA4600; }
#cac-rectangles .matchMe:nth-child(3):hover { background:#350F3E; }
#cac-rectangles .matchMe:nth-child(4):hover { background:#5C0E1A; }
#cac-rectangles .matchMe:nth-child(5):hover { background:#2F5D1C; }
#cac-rectangles .matchMe:nth-child(6):hover { background:#B28200; }

#cac-content [type="checkbox"]:not(:checked),
#cac-content [type="checkbox"]:checked {
	position:static;
}

.frm_form_field.frm_half {
	float:left;
	margin-right:3%;
	width:47%;
}
.frm_form_field.frm_half.frm_last {
	margin-right:0;
}
.frm_form_field.frm_left_fourth,
.frm_form_field.frm_fourth,
.frm_form_field.frm_first_fourth {
	margin-right:3%;
}
.with_frm_style .frm_form_field {
	clear:none;
	text-align:left;
}

/* FIXES */
#cac-member .collapsible-body,
#cac-member .accordionContent {
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
  -webkit-column-gap:15px;
  -moz-column-gap:15px;
  column-gap:15px;
}

#bbpress-forums #bbp-search-form {
  margin:40px 0;
}

body #bbpress-forums ul {
  margin:0;
}

#bbpress-forums input,
#bbpress-forums textarea {
  text-align:left;
}

#bbpress-forums input[type="checkbox"],
#bbpress-forums .bbp-topic-description .bbp-author-avatar,
#bbpress-forums div.bbp-reply-author span.bbp-author-ip,
#bbpress-forums div.bbp-reply-author .bbp-author-role,
.bbp-topic-started-by .bbp-author-avatar,
.bbp-topic-freshness-author .bbp-author-avatar {
  display:none;
}

#bbpress-forums fieldset.bbp-form {
  border:none;
}

#bbpress-forums li.bbp-header {
  background:#7D7D7D;
  color:#FFF;
  padding:15px 8px;
  list-style:none;
}

#bbpress-forums li.bbp-header li ,
#bbpress-forums li.bbp-header > div {
  text-transform:uppercase;
  font:700 14px/1 'Brandon';
}

#bbpress-forums li.bbp-header ul {
  position:relative;
}

#bbpress-forums li.bbp-header ul:after {
  clear:both;
  content:'';
  display:table;
  width:100%;
  height:0px;
}

#bbpress-forums ul li.bbp-header ul li,
#bbpress-forums ul li.bbp-forum-info {
  list-style:none !important;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content, 
#bbpress-forums,
#bbpress-forums div.bbp-forum-content, 
#bbpress-forums div.bbp-topic-content, 
#bbpress-forums div.bbp-reply-content {
  color: #7D7D7D;
  font: 400 14px/18px 'Brandon';
}

#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic {
  color: #7D7D7D;
  font: 700 14px/1 'Brandon';
  text-transform: uppercase;
  list-style:none;
}

#bbpress-forums li.bbp-body ul.forum li,
#bbpress-forums li.bbp-body ul.topic li {
  list-style:none;
}

#bbpress-forums div.bbp-reply-header {
  background:#174F78;
  color:#FFF;
}

#bbpress-forums div.bbp-reply-header a {
  color:#FFF;
}

#bbpress-forums div.bbp-search-form {
  float:none;

}

#bbpress-forums #bbp-search-form > div {
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
}

#bbpress-forums #bbp-search-form #bbp_search {
  position:relative;
  top:-1px;
  padding:6px;
  vertical-align:middle;
  width:100%;
}

#bbpress-forums input[type="submit"] {
  margin-left:20px;
}

@media only screen and (max-width : 992px) {
  nav { height:auto; }
  nav .drop-text { background:none; box-shadow:none; display:none; padding-top:60px; max-height:none; position:static !important; width:100%; }
  .drop-text li { float:none; text-align:center; }
  .drop-text li:hover, .drop-text li.active { background:none; }
  .drop-text li > a { border-bottom:1px solid #999999; color:#FFFFFF; font:700 18px/1 'Brandon'; padding:20px; text-transform:uppercase; white-space:nowrap; }
  .drop-text > li:last-child > a { border-bottom:none; }
  .drop-text li li > a { font-size:15px; }
  .drop-text li > a:hover { background:#FFFFFF; color:#7D7D7D; }
  #cac-rotator { margin-bottom:0; }
  .slider, .slider .slides { height:500px; }
  .slider .slides li .caption { font:400 50px/47px 'Sentinel'; width:70%; }
  #emg-rectangles .matchMe { margin:0; }
  #emg-rectangles .smallBox { width:50%; }
  #emg-rectangles .bigBox { width:50%; }
  #emg-rectangles .bigBox.feature { width:100%; }
  #cac-rectangles h2 { font:700 20px/1 'Brandon'; }
}

@media only screen and (max-width : 600px) {
  .slider, .slider .slides { height:300px; }
  .slider .slides li .caption { font:400 24px/20px 'Sentinel'; width:70%; }

  #emg-rectangles .smallBox, #emg-rectangles .bigBox { width:100%; }
  #emg-rectangles .bigBox.feature { width:100%; }
  #cac-rectangles h2 { font:700 28px/1 'Brandon'; }

  #cac-member .collapsible-body,
  #cac-member .accordionContent { -webkit-column-count:2; -moz-column-count:2; column-count:2; }

  #cac-copyright, #sageisland { text-align:center; }
  #sageisland { margin-top:10px; }
}