/*
Theme Name: FoamSearch.com
Theme URI: http: http://thememotive.com/
Description: Child theme is the recommended way to modify an existing theme if you want to make changes in the theme.
Author: ThemeMotive
Author URI: http://thememotive.com/
Template: multipurpose
Version: 1.0.0
*/



/*Add your custom styles below:*/

/*1. Universal*/
a {color:#195fdb; font-weight: 800;}
a:hover {color:#1d407d;}
.standardBtn {padding: 20px 25px; background: #195fdb; color: #fff; font-weight: 800; font-size: 1.25rem;display: inline-block; text-transform: uppercase;}
.standardBtn:hover {color:#195fdb;}
.flex {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -webkit-box-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}
.home .content .page.notitle p {padding-top: 0px;}
.inner-img {    border: 5px solid #fff; box-shadow: 5px 5px 0px #101010;}
.affil {display: none;}
.button-center {text-align: center;margin: 0px;}

h1, h2, h3, h3, h4, h5 {font-weight: 800;}

 /*2. Header/Nav*/
.top {background:#195fdb;padding: 10px 0;}
.top .searchform { margin: 0px; }
header.h6 nav.mainmenu>ul>li>a {padding: 0 15px;}

.searchform button {top:1px; width: 32px;}

.root header.h6 { border-bottom: 3px solid #ddd; }
.root header.h6 nav.mainmenu { margin-top: 40px; }
.root header.h6 nav.mainmenu>ul>li>a {font: 600 1.231em/42px "Quicksand",sans-serif;color: #808080; border-radius: 0;}
.root header.h6 nav.mainmenu>ul>li.menu-item-273>a {color: #fff;background: #103b86; text-transform: uppercase;}
.root header.h6 nav.mainmenu>ul>li.menu-item-273:hover>a {background: #232323;}
.root header.h6 nav.mainmenu>ul>li:hover>a { background: #195fdb; color: #fff; }
.root header.h6 nav.mainmenu>ul>li.current-menu-item>a, .root header.h6 nav.mainmenu>ul>li.current-menu-ancestor>a { background: none; color: #195fdb; }

@media only screen and (max-width: 1160px) {
  header p.title { margin: -12px 0 0; width: 248px; }
  .root header.h6 nav.mainmenu { margin-top: 0px; }
  .main-header-wrapper { padding: 35px 0; }
}
@media only screen and (max-width: 1000px) {
header p.title img { width: 100%; height: auto; }
header p.title { margin: 0px 0 0; width: 248px; }
.menu-toggle {margin-top: 4px}
}
@media only screen and (max-width: 600px) {
header p.title img { width: 100%; height: auto; }
header p.title { margin: -5px 0 0; width: 248px; }
}
@media only screen and (max-width: 400px) {
header p.title {width: 208px; }
}

/*3. Slider*/
div.flexslider .slides .hero-title,
div.flexslider .slides h2 { font-size: 3.5rem; color: #fff; margin: 0; line-height: 1.2; }
div.flexslider .slides .hero-title>span,
div.flexslider .slides h2>span { display: block; font-size: 30px; color: #005cff; margin: 20px 0; text-transform: uppercase; }
div.flexslider .slides p {color:#fff;}
div.flexslider .slides p a.standardBtn { background: #ffffff; color: #195fdb; }
div.flexslider .slides p a.standardBtn:hover{background: #ffffff; color: #1d407d;}
div.flexslider .slides > li {min-height: 0px;background-size: cover; filter: hue-rotate(20%);}
div.flexslider .slides img { width: auto; display: block; margin: 0 auto; }
ul.slides li div.basic { padding: 20px 70px 40px 70px; margin: 100px auto; border: 3px solid #383838; width: 714px; background-image: linear-gradient(to right, #151515 0%, #151515 100%); box-shadow: 0px 0px 10px #252525; }
ul.slides li div.basic p:nth-last-child(2) { margin-top: 20px; margin-bottom: 0; }
ul.slides li div.basic p:nth-last-child(1) { color:#848484; margin-bottom: 0; text-transform: uppercase; font-weight: 800;}
div.flexslider:not(.carousel) .slides {min-height: 0px;}
div.flexslider .flex-control-paging li a.flex-active { background: #000; background: rgba(228, 228, 228, 0.9); cursor: default; }
ul.slides li div.basic {max-height: 350px !important;}

@media only screen and (max-width: 1000px) {
ul.slides li div.basic { padding: 10px 0px; margin: 120px auto; width: 95%; background-color: #195fdb; }
div.flexslider .slides .hero-title,
div.flexslider .slides h2 {font-size: 3rem; color:#fff;padding: 0px 60px}
div.flexslider .slides p {color:#fff;padding: 0px 70px}
}
@media only screen and (max-width: 600px) {
ul.slides li div.basic { padding: 10px 0px; margin: 120px auto; width: 95%; background-color: #195fdb; }
div.flexslider .slides .hero-title,
div.flexslider .slides h2 {font-size: 1.7rem; color:#fff;padding: 0px 20px}
div.flexslider .slides p {color:#fff;padding: 0px 20px}
}
/*4. Featured Products*/
section#fullwidth-container-1 { background: #f5f5f5; padding-top: 80px; padding-bottom: 80px; }
.serviceSection {color:#3f3f3f;}
.serviceSection article a {color:#232323;}
.serviceSection article a:hover {color:#1d407d;}
.serviceSection article a:nth-child(3){color: #195fdb;}
.serviceSection article a:hover:nth-child(3){color: #1d407d;}
.serviceSection article a span {margin:15px 0px;}
.serviceSection article a span:nth-child(2) { text-align: left; }
.serviceSection p { font-weight: 400;text-align: left;}

/*5. Home -3 Col Section*/
.home-section  {justify-content: space-between;padding-top:60px;padding-bottom:60px; }
.home-section div {width: 30%;}
.home-section div h3 {text-align: center;}
.home-section div hr {text-align: center;}
.home-section div p {margin: 20px 0;}
.home-section div>p:first-of-type i {display: inline-block; color: #103b86; font-size: 70px; }
.home-section div p {text-align: center;}
.home-section div a {text-align: center;font-weight: 800;}
.home-section div a:hover {color:#1d407d;}

.home .main {margin-bottom: 0px;}

@media only screen and (max-width: 700px) {
  .home-section div {width: 100%; margin: 20px 0px;}
}

.about-home { padding-top: 40px;padding-bottom: 40px; background-color: #195fdb;}
.about-home div p {width: 75%; text-align: center; color: #fff; line-height: 2rem; font-size: 1.5rem; font-weight: 600;margin: 10px 0;}
.about-home div p i{font-size: 110px;}

@media (max-width: 800px){
header .top .searchform {display:none}
}

/*6. CTA*/
.root > section .cta { padding: 100px 0px;background: linear-gradient(to left, #4276d2, #1348a5);}
.root > section .cta a{ color:#103b86; text-transform: uppercase; }
.root > section .cta a:hover{ color:#232323;}
.root > section .cta h3 {color:#fff; margin: 0px 0px 20px;font-weight: 800;}
.ctabtn {padding: 20px 25px; background: #fff; color: #2c60bd; font-weight: 800; font-size: 1.25rem;margin: 0px;}

@media only screen and (max-width: 600px) {
  .root > section .cta h3 {font-size: 28px; padding: 0px 30px;}

}

/*7. Products*/

a.product-link {font-weight: 800;}


.page-id-255 .content .columns {padding: 80px 0px;}
.page-id-257 .content .columns {padding: 80px 0px;}

.page-id-255 article.page .col3 { width: 30%; border-bottom: 4px solid #2761c5; background: #f5f5f5; padding: 20px; margin: 15px;box-shadow: 0 0 55px #f3f3f3;height: 500px; position: relative;transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.page-id-255 article.page .col3:hover  { transform: translateY(-2px);}

/*Tech*/
.page-id-255 article.page .col3:nth-child(3),
.page-id-255 article.page .col3:nth-child(8),
.page-id-255 article.page .col3:nth-child(9),
.page-id-255 article.page .col3:nth-child(10),
.page-id-255 article.page .col3:nth-child(19)
{ border-bottom: 4px solid #1d407d; }

/*RFQ*/
.page-id-255 article.page .col3:nth-child(2),
.page-id-255 article.page .col3:nth-child(5),
.page-id-255 article.page .col3:nth-child(6),
.page-id-255 article.page .col3:nth-child(12),
.page-id-255 article.page .col3:nth-child(13),
.page-id-255 article.page .col3:nth-child(14),
.page-id-255 article.page .col3:nth-child(15),
.page-id-255 article.page .col3:nth-child(16),
.page-id-255 article.page .col3:nth-child(17),
.page-id-255 article.page .col3:nth-child(20),
.page-id-255 article.page .col3:nth-child(21),
.page-id-255 article.page .col3:nth-child(22),
.page-id-255 article.page .col3:nth-child(23),
.page-id-255 article.page .col3:nth-child(24),
.page-id-255 article.page .col3:nth-child(26),
.page-id-255 article.page .col3:nth-child(27),
.page-id-255 article.page .col3:nth-child(28),
.page-id-255 article.page .col3:nth-child(30),
.page-id-255 article.page .col3:nth-child(31)
{ border-bottom: 4px solid #6395ec; }

/*Learn More*/
/*.page-id-255 article.page .col3:nth-child(1)
{ border-bottom: 4px solid #2761c5; }*/

.page-id-255 .content .columns article:nth-child(13),
.page-id-255 .content .columns article:nth-child(14),
.page-id-255 .content .columns article:nth-child(15),
.page-id-255 .content .columns article:nth-child(19),
.page-id-255 .content .columns article:nth-child(20),
.page-id-255 .content .columns article:nth-child(21),
.page-id-255 .content .columns article:nth-child(22),
.page-id-255 .content .columns article:nth-child(23),
.page-id-255 .content .columns article:nth-child(24),
.page-id-255 .content .columns article:nth-child(25),
.page-id-255 .content .columns article:nth-child(26),
.page-id-255 .content .columns article:nth-child(27) {height: 500px;}

.page-id-255 article.page .col3 h2 {font-size: 1.2rem;font-weight: 800;margin:0px 0px 20px;color: #222;}
.page-id-255 article.page .col3 a.learn {color: #2761c5;bottom:10px; position:absolute;}
.page-id-255 article.page .col3 a.rfq {color: #6395ec;bottom:10px; position:absolute;}
.page-id-255 article.page .col3 a.tech {color: #1d407d;bottom:10px; position:absolute;}
.page-id-255 article.page .col3 h3 {font-size: 1.1rem;font-weight: 800;margin:0px 0px 10px;}
.page-id-255 article.page .col3 p {margin:0px 0px 20px;}
.page-id-255 article.page .col3 p:last-of-type {margin:0px; align-self: flex-end; position: absolute; bottom: 20px; left: 20px;}


@media (max-width: 1065px) {
  .page-id-255 article.page .col3 { width: 45%;}
}
@media (max-width: 800px) {
  .page-id-255 article.page .col3 { width: 100%; min-height:0px ; margin:15px 0;}
}


/*8. Inner Pages*/
.headertitle h1 { color: #2d2d2d; }
.page-template-default .page {margin: 60px 0px;}

@media (max-width: 800px) {
  .headertitle h1 { font-size: 2rem;}
  a.d-none-mobile{display: none;}
}


/*9. Resources*/
.resource-layout {margin:80px 0px;}
.resource-layout div {width: 43%;border-bottom: 4px solid #195fdb; background: #f5f5f5; padding: 20px; margin: 10px;box-shadow: 0px 0px 10px #bdbdbd;}
.resource-layout div .standardBtn {margin-top: 20px;}
.resource-layout div h2 {font-size: 1.5rem; font-weight: 800;}

/*10. Tablepress*/
.foam-table.tablepress tfoot th, .foam-table.tablepress thead th { background-color: #195fdb; font-weight: 700; color: #ffffff; vertical-align: middle; text-align: center; }

#tablepress-epe-foam td.column-4,
#tablepress-epe-foam td.column-5,
#tablepress-epe-foam td.column-6,
#tablepress-epe-foam td.column-7,
#tablepress-epe-foam td.column-8  {
    background-color: #f8ffe2 !important;
}

#tablepress-epe-foam td.column-10,
#tablepress-epe-foam td.column-11,
#tablepress-epe-foam td.column-12,
#tablepress-epe-foam td.column-9  {
    background-color: #eaefff !important;
}

#tablepress-epe-foam td.column-13  {
    background-color: #eafff1 !important;
}
#tablepress-epe-foam td.column-14  {
    background-color: #ffecea !important;
}

/*11. Bead Foam*/
.page-id-263 article.page .col3 { width: 30%; border-bottom: 4px solid #195fdb; background: #f5f5f5; padding: 20px; margin: 15px;box-shadow: 0 0 55px #f3f3f3; min-height: 380px;}
.page-id-263 article.page .col3 h2 {font-size: 1.5rem;font-weight: 800;margin:0px 0px 0px;}
.page-id-263 article.page .col3 h3 {font-size: 1.1rem;font-weight: 800;margin:20px 0px 10px;}
.page-id-263 article.page .col3 h4 {font-size: 1.1rem;font-weight: 800;margin:20px 0px 10px;border-bottom: 1px solid #ddd;}
.page-id-263 article.page .col3 p {margin:0px 0px 0px;}
.page-id-263 article.page .col3 span {font-style: italic;color:#195fdb; }

@media (max-width: 1065px) {
  .page-id-263 article.page .col3 { width: 45%;}
 }
@media (max-width: 800px) {
  .page-id-263 article.page .col3 { width: 100%; min-height:0px ; margin:15px 0;}
 }

/*12.EPE Foam*/

.page-id-267 article.page .col3 { width: 47%; border-bottom: 4px solid #195fdb; background: #fff; padding: 20px; margin: 15px;box-shadow: 0 0 55px #f3f3f3; min-height: 485px;}
.page-id-267 article.page .col3:nth-child(3) { width: 47%; min-height: 350px;}
.page-id-267 article.page .col3:nth-child(4) { width: 47%; min-height: 350px;}
.page-id-267 article.page .col3 h2 {font-size: 1rem;font-weight: 800;margin:0px 0px 20px; text-align: center;}
.page-id-267 article.page .col3 h3 {font-size: 1.1rem;font-weight: 800;margin:20px 0px 10px;}
.page-id-267 article.page .col3 h4 {font-size: 1.1rem;font-weight: 800;margin:20px 0px 10px;border-bottom: 1px solid #ddd;}
.page-id-267 article.page .col3 img {margin:0 auto; display: block;}
.page-id-267 article.page .col3 p {margin:0px 0px 0px;}
.page-id-267 article.page .col3 span {font-style: italic;color:#195fdb; }


@media (max-width: 1250px) {
  .page-id-267 article.page .col3 { width: 46%;}
  .page-id-267 article.page .col3:nth-child(3) { width: 46%; }
  .page-id-267 article.page .col3:nth-child(4) { width: 46%; }

}
@media (max-width: 1000px) {
  .page-id-267 article.page .col3 { width: 100%; min-height: 0px; margin: 15px 0px;}
  .page-id-267 article.page .col3:nth-child(3) { width: 100%; }
  .page-id-267 article.page .col3:nth-child(4) { width: 100%; }

}

/*13. Contact Page */

/*14. Forms*/

.contact-form {background: #dfdfdf; width: 60%; padding: 40px; box-shadow: 0 0 55px #f3f3f3; border-bottom: 8px solid #195fdb;}
label:first-of-type { margin: 0px 0 4px; }
label { display: block; margin: 20px 0 4px; }

form p {margin: 0; }

.wpcf7 input, .wpcf7 .select { width: 100%; }
.wpcf7 input[type="submit"] {background-color: #195fdb!important;}
.main input[type="submit"] {width:100%;}
textarea { width: 100%; }

form#gform_2 {background: #dfdfdf;width: 90%;padding: 40px; box-shadow: 0 0 55px #f3f3f3; border-bottom: 8px solid #195fdb;}
legend.gfield_label.gfield_label_before_complex {color: #3f3f3f;}
input[type=submit] {background-color: #195fdb;color: #fff;font-weight: 600;width: auto;max-width: 125px;}
span.required {color:#f00;}

/*15. Sidebar*/

aside {margin-bottom: 3em;}
.sidebar { float: right; width: 24%; max-width: 250px; }
.sidebar a:hover { color: #195fdb; }

.sidebar a.standardBtn {color:#fff; width: 100%; padding: 20px 0px; text-align: center;box-shadow: 0 0 55px #f3f3f3; background-color:#db1919;}
.sidebar a.standardBtn:hover {background-color: #232323;}
aside.sidebar section.widget:nth-child(2) {border-bottom: 4px solid #195fdb; background: #f5f5f5; padding: 20px; margin: 0px;box-shadow: 0 0 55px #f3f3f3;}
.t01 aside .widget h3 { border-bottom: 0px solid #dfdfdf; color: #3f3f3f; font-weight: 600; margin: 0px 0px 20px; }
.t01 aside .widget h3 span { margin-bottom: -1px; padding-bottom: 10px; border-bottom-width: 0px; }

p.foam-direct {padding: 20px; background-color: #103b86; text-align: center; color: #fff; margin-top: 30px; font-size: 13px; box-shadow: 0 0 55px #f3f3f3;}
p.foam-direct span {display: block; text-transform: uppercase; text-align: center; font-weight: 800; font-size: 25px; margin: 10px 0;}

@media (max-width: 1000px) {
  .raq-form {width: 95%;}
.page-id-271 .sidebar {width: 100%;float: left; max-width: none;margin: 20px 0;}
.sidebar {width: 100%;float: left; max-width: none;margin: 20px 0;}
.page-id-271 .main {width: 100%;float: left; margin: 60px 0 0;}
.page-id-271.page-template-default .page {margin: 0px;}
.page-id-271.page-template-default aside {margin: 20px 0;}
}
@media (max-width: 720px) {
  .contact-form {width: 88%; padding: 20px;}
}
/*16. FAQ*/
ul.accordion {margin: 60px 0px;}
ul.accordion li a {font-weight: 600;}
ul.accordion li p {margin: 30px 0px;}
ul.accordion li>a:before { color: #195fdb; }

/*17. go-to top*/
@media (min-width: 1100px) {
  a.go-top { background-color: #232323;}
}

/*18. About*/

blockquote { margin: 1.5em 0 1.5em 1em; padding: 10px 20px 10px 1.5em; border-left: 5px solid #195fdb; font-style: italic; display: inline-block; background-image: linear-gradient(to right, #e0e0e0 0%, #f9f9f9 100%); }
.page-id-420 h3 {margin:40px 0 20px;}

/*Search*/
.top.with-social p {line-height: 30px; float: right; margin-left: 20px; }
.top p a {font-size: 17px; font-weight: 600; }
.top p a:hover {color:#ddd;}
.search p.more {display: inline-block;padding: 20px 10px; background:#103b86;}

/*Last Footer*/
footer article h3 span {border-bottom: 1px solid #195fdb;}
.page-id-255 article.page .col3 .img-border{margin-bottom:10px;}
.tag_line {
    position: absolute;
    font-size: 20px;
}

.team a {
    left: 20px;
}
.team.bullets {
    display: flex;
}
.home .infoBox.width100 {
    margin: 0;
}



.page-id-269 input[type=submit] {
  background-color:  #195fdb;
  color: #fff;
  font-weight: 600;
  width: auto;
}

#gform_wrapper_1 {
  background: #dfdfdf;
  padding: 2em;
}