/*
Theme name: Insmed
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

.section-intro-new .section__content h1 {
	color: #E48341;
}

.btn {
    font-size: 0;
    line-height: 0;
    color: #fff;
    background-color: #153B41;
    border-radius: 6px;
    padding: 11px 20px;
    border:2px solid #153B41;
}

.section-projects .section__head-title {
	width: 90%;
}

.post .post__entry h1, .post .post__entry h2, .post .post__entry h3, .post .post__entry h5, .post .post__entry h6 {
	color: #E48341;
}

.post .post__entry h4 {
	color: #3db8a1;
}

.nav ul ul {
	background-color: #3db8a1;
}

.main .main__holder > *:first-child {
	margin-bottom: 40px;
}

.footer {
	background-color: #E48341;
}

.section-content-new .section__body-content h3 strong {
	color: #E48341;
}

p {  }


@media (-ms-high-contrast: none),(hover: hover) {
    .nav li:hover > ul {
        opacity: 1;
        visibility:visible
    }

    .nav li:hover > a {
        color:#153B41;
    }

    .nav li:hover > a:before {
        left: 0;
        right: 0;
        opacity:1
    }

    .nav li:hover > a:after {
        display:block
    }
}

.list-brands-new {
	color:#153B41;
}

.section-list-about-new .section__head h2 {
	color: #E48341;

}

.list-about-new h6{
	color:#153B41;
}

.section-contact-new .section__body-content h1{
	color: #E48341;
}

.gform_wrapper .gfield > label, .gform_wrapper .ginput_complex > span label{
	color: #E48341;
}

.form-section h2{
	font-size: 18px;
}

.nav ul ul li.current-menu-ancestor > a, .nav ul ul li.current-menu-item > a, .nav ul ul li.current-page-ancestor > a, .nav ul ul li.current-page-item > a {
	color: #ffffff;
}

.list-brands-new .list__body img {
	max-width: 80%;
}

ul {
    margin-left: 1.5em;
}

ol {
    margin-left: 1.5em;
}

.col-33 {
	width: 33%;
	float: left;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .col-33 {
    width: 100%;
  }
}