/*



Theme Name:   Twenty Seventeen Child Combi



Theme URI:    https://naomi.design



Description:  Twenty Seventeen Child Theme for Combi Cleaning Products



Author:       Naomi Takeuchi



Author URI:   https://naomi.design



Template:     twentyseventeen



Version:      1.3



License:      GNU General Public License v2 or later



License URI:  http://www.gnu.org/licenses/gpl-2.0.html



Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready



Text Domain:  twenty-seventeen-child



*/



html {



	min-width: 320px;



}



body * {



	font-family: 'Montserrat', sans-serif;



}



.siteheader {



	position: fixed;



    top: 0;



    z-index: 100;



    background: #fff;



    width: 100%;

    border-bottom: solid 2px #00b8ea;



}



.siteheader h1 {



	font-size: 36px;

	margin-bottom: 0;



}

#headerwrap {

	display: flex;

	flex-wrap: wrap;

	padding: 10px 0;

}

#headerleft, #headerright {

	width: 20%;

}

#headerleft i.fa, #headerright i.fa {

	width: 15%;

	text-align: center;

}

#headerleft .btntxt, #headerright .btntxt {

	width: 85%;

	text-align: center;

}

#headermiddle {

	width: 60%;

}

#headercallusbtn, #headeremailusbtn {



	padding: 10px;

    width: 100%;

    height: 50px;

    box-shadow: none!important;

	display: flex;

	align-items: center;

	background: #00b7ed;

	color: #fff;

	border-radius: 5px;

}



#headercallusbtn span:hover, #headeremailusbtn span:hover {



	color: #000;



}



#headercallusbtn > span, #headeremailusbtn > span {



	/*display: flex;*/



	align-items: center;



    text-align: left;



    line-height: 1.2em;



    font-weight: 700;



    font-size: 18px;



}



.so-widget-sow-button-flat-bf0040de26b5 .ow-button-base a .sow-icon-image, 



.so-widget-sow-button-flat-bf0040de26b5 .ow-button-base a [class^="sow-icon-"] {



	margin: -0.1em 0.75em -0.2em -1.5em!important;



}



.siteheader .widget {



	padding: 15px 0!important;



}



.site-branding {



	background: #00b6ed;



	text-align: center;



	padding: 0.5em 0;



}



.site-branding-text .site-description {



	color: #fff!important;



	font-weight: 700;



	font-size: 24px;



	text-transform: uppercase;



}



h2.entry-title, a.menu-scroll-down {



	display: none!important;



}



#post-2 .panel-content {
	background: url('/wp-content/uploads/2017/11/combi-slide-image2-1.jpg') center center no-repeat;
	background-size: cover;
	height: auto;
	display: flex;
	align-items: center;
	padding-top:10px;
	padding-bottom:10px;
}



.wrap, .page-one-column .panel-content .wrap {



    max-width: 1140px;



    width: 1140px;



    padding: 0;



}



#pgc-2-0-1 {



	background: #fff;



	padding: 35px;



	border-radius: 3px;



}



.twentyseventeen-panel .edit-link {



	margin: 0;



}



.page.page-one-column .entry-header, 



.twentyseventeen-front-page.page-one-column .entry-header, 



.archive.page-one-column:not(.has-sidebar) .page-header {



	margin-bottom: 0!important;



}



.widget ul li, .widget ol li {



	border-bottom: 0;



	border-top: 0;



	font-size: 24px;



    font-weight: 500;



    padding: 0;



}



#pl-2 .so-panel.widget:last-child {



	padding-bottom: 0!important;



}



#pg-2-0.panel-no-style {



	align-items: 



}



.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {



	border-top: 0!important;



}



article[id*='panel'] {



	padding: 40px 0;



}



article#panel1 {



	padding: 30px 0;



	background: #00b7ea;



}



article p {



	margin-bottom: 0;



}



article#panel1 p {



	color: #000;



	font-size: 30px;



	font-weight: 700;



	line-height: 60px;



}



.widget {



	padding-bottom: 0;



}



article#panel1 p a {



	background: #fff;



    padding: 5px 15px;



    border-radius: 5px;



    text-decoration: none;



    color: #00b8e7;



    box-shadow: none;



    margin-left: 10px;



    white-space: nowrap;

    display: inline-block;



}



article#panel1 p a:hover {



	color: #000;



}





article#panel2, article#panel4 {



	background: #efefef;



}



article#panel2 p {



	line-height: 1.5em;



	font-size: 24px;



	font-weight: 500;



	color: #000;



}



article#panel2 p i {



	font-size: 12px;



	color: #00b8e7;



}



article#panel3 p {



	color: #00b8e7;



	font-size: 30px;



	font-weight: 700;



	line-height: 70px;



	font-style: uppercase;



}



article#panel3 p a {



	background: #00b8e7;



    padding: 0;



    border-radius: 5px;



    text-decoration: none;



    color: #fff;



    box-shadow: none;



    margin-left: 10px;



    width: 65%;



    display: inline-block;



}



article#panel3 p a:hover {



	color: #000;



}



article#panel4 .entry-content {



	width: 50%;



	margin: 0 auto;



}



article#panel4 h2 {



	color: #000;



	font-size: 30px;



	font-weight: 700;



	margin-bottom: 40px;



}



input[type="text"], input[type="email"], textarea {



	border:  solid 2px #00b8e7!important;



	margin: 20px 0;



}







::-webkit-input-placeholder {



  color: #999999;



}



::-moz-placeholder {



  color: #999999;



}



:-ms-input-placeholder {



  color: #999999;



}



input:focus:placeholder-shown, textarea:focus:placeholder-shown {



  color: transparent;



}



input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {



  color: transparent;



}



input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {



  color: transparent;



}



input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {



  color: transparent;



}



input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {



  color: transparent;



}  



input[type="submit"] {



	background: #00b8e7;



	width: 100%;



    font-size: 24px;



    border-radius: 5px;



}



input[type="submit"]:hover {



	color: #000;



	background: #00b8e7!important;



}



.site-footer {



	margin-top: 0!important;



	border-top: 0!important;



}



.site-footer .wrap {



	padding: 0!important;



	text-align: center;



}



.site-footer .wrap .site-info {



	float: none;



	width: 100%!important;



	padding: 0!important;



	margin: 0!important;



}



.site-footer .wrap .site-info p {



	font-size: 12px;



	color: #999999;



	margin: 0!important;



	line-height: 30px;



}







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



	.wrap, .page-one-column .panel-content .wrap {



		width: 980px;



	}



	.siteheader h1, article#panel1 p, article#panel3 p, article#panel4 h2 {



		font-size: 28px;



	}



	#headercallusbtn > span, #headeremailusbtn > span {



		font-size: 16px;



		font-weight: 500;

		text-align: center;



	}



	#post-2 .panel-content {



		height: auto/*400px*/;



	}



	.widget ul li, .widget ol li {



		font-size: 18px;



	}



	#pgc-2-0-1 {



		padding: 20px;



	}



}



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



	.wrap, .page-one-column .panel-content .wrap {



		width: 760px;



	}



	#pg-w5a9ffdab615f4-0 /*#pg-w59ee065b9612f-0*/ {/*header flex box */



		flex-wrap: wrap;



	}



	#pgc-w5a9ffdab615f4-0-0 /*#pgc-w59ee065b9612f-0-0*/ {/* call us box */



		order: 2;



	}



	#pgc-w5a9ffdab615f4-0-1 /*#pgc-w59ee065b9612f-0-1*/ {/* title box */



		order: 1;



		width: 100%!important;



	}



	#pgc-w5a9ffdab615f4-0-2 /*#pgc-w59ee065b9612f-0-2*/ {/* call us box */



		order: 3;



	}



	#pgc-w5a9ffdab615f4-0-0 /*#pgc-w59ee065b9612f-0-0*/, #pgc-w5a9ffdab615f4-0-2 /*#pgc-w59ee065b9612f-0-2*/ {



		width: calc(30% - ( 0.79950124688279 * 30px ) )!important;



	}



	#pgc-w5a9ffdab615f4-0-0 /*#pgc-w59ee065b9612f-0-0*/ .widget, #pgc-w5a9ffdab615f4-0-1 /*#pgc-w59ee065b9612f-0-1*/ .widget, #pgc-w5a9ffdab615f4-0-2 /*#pgc-w59ee065b9612f-0-2*/ .widget {



		padding: 0!important;



	} 



	.siteheader h1, article#panel1 p, article#panel2 p, article#panel3 p, article#panel4 h2, .site-branding-text .site-description {



		font-size: 22px;



	}



	article#panel4 .entry-content {



		width: 80%;



	}



}



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



	.wrap, .page-one-column .panel-content .wrap {



		width: 560px;



	}



	article#panel1 p, article#panel2 p, article#panel3 p, article#panel4 h2, .site-branding-text .site-description {



		font-size: 18px;



	}



	article#panel4 .entry-content {



		width: 100%;



	}



	#pgc-w5a9ffdab615f4-0-0 /*#pgc-w59ee065b9612f-0-0*/, #pgc-w5a9ffdab615f4-0-1 /*#pgc-w59ee065b9612f-0-1*/ {



		margin-bottom: 0!important;



	}



	#headerleft, #headerright, #pgc-w5a9ffdab615f4-0-0 /*#pgc-w59ee065b9612f-0-0*/, #pgc-w5a9ffdab615f4-0-2 /*#pgc-w59ee065b9612f-0-2*/ {



		width: calc(40% - ( 0.79950124688279 * 30px ) )!important;



	}

	#headerleft {

		order: 2

	}

	#headermiddle {

		order: 1;

		width: 100%;

	}

	#headerright {

		order: 3;

	}



	#pg-w5a9ffdab615f4-0/*#pg-w59ee065b9612f-0*/.panel-no-style,#pg-w5a9ff1e3d1174-0.panel-no-style, #pg-w59ee065b9612f-0.panel-has-style > .panel-row-style,
	#pg-w5b4625937b2c2-0.panel-no-style, #pg-w5b4625937b2c2-0.panel-has-style > .panel-row-style {



		flex-direction: row!important;



	}



	#pg-w59e9c2a11ddc6-0 .panel-grid-cell {



		width: calc(50% - ( 0.5 * 30px ) )!important;



	}



	#pg-w59e9c2a11ddc6-0.panel-no-style, #pg-w59e9c2a11ddc6-0.panel-has-style > .panel-row-style {



		flex-direction: row!important;



	}



	#pgc-2-0-1 {



		background: rgba(255,255,255,.8);



		padding: 15px!important;



	}



	#pgc-w59e9c2a11ddc6-0-0 {



		margin-bottom: 0!important;



	}



}



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



	.wrap, .page-one-column .panel-content .wrap {



		width: 400px;



	}



	#pg-w59ee065b9612f-0.panel-no-style, #pg-w59ee065b9612f-0.panel-has-style > .panel-row-style {



		flex-direction: column!important;



	}



	#pgc-w5a9ffdab615f4-0-0 /*#pgc-w59ee065b9612f-0-0*/ {



		margin-bottom: 10px!important;



	}



	#pgc-w5a9ffdab615f4-0-0 /*#pgc-w59ee065b9612f-0-0*/, #pgc-w5a9ffdab615f4-0-2 /*#pgc-w59ee065b9612f-0-2*/ {



		width: 50%!important;



	}



	#pg-w59ee065b9612f-0.panel-no-style, #pg-w59ee065b9612f-0.panel-has-style > .panel-row-style {



		align-items: center!important;



	}



	article#panel1 p {



		line-height: 40px;



	}



	article#panel3 p a {



		width: 100%;



	}

	#headerleft, #headerright {

		width: calc(50% - ( 0.79950124688279 * 30px ) )!important;

	}



}



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



	.wrap, .page-one-column .panel-content .wrap {



		width: 300px;



	}



	#panel1 .wrap, #panel3 .wrap, #panel4 .wrap {



		width: 100%;



	}



	#pgc-w5a9ffdab615f4-0-0 /*#pgc-w59ee065b9612f-0-0*/, #pgc-w5a9ffdab615f4-0-2 /*#pgc-w59ee065b9612f-0-2*/ {



		width: 70%!important;



	}



	article#panel1 p, article#panel2 p, article#panel3 p, article#panel4 h2, .site-branding-text .site-description {



		font-size: 16px;



	}



	.widget ul li, .widget ol li {



		font-size: 14px!important;



	}



	article#panel1 {



		padding: 15px 50px;



	}



	article#panel3, article#panel4 {



		padding: 15px 10px;



	}



	article#panel3 p a {



		margin-left: 0!important;



	}



	.siteheader h1 {



		font-size: 18px;



	}



	#pg-w59ee065b9612f-0.panel-no-style {



		flex-direction: row!important;



	}



	#pgc-w5a9ffdab615f4-0-0 /*#pgc-w59ee065b9612f-0-0*/, #pgc-w5a9ffdab615f4-0-2 /*#pgc-w59ee065b9612f-0-2*/ {



		width: 48%!important;



		margin-bottom: 0!important;



	}



	.so-widget-sow-button-flat-bf0040de26b5 .ow-button-base a .sow-icon-image, .so-widget-sow-button-flat-bf0040de26b5 .ow-button-base a [class^="sow-icon-"] {



		display: none;



	}



	#headercallusbtn, #headeremailusbtn {



		padding: 10px;



	}

	#headerleft, #headerright {

		width: calc(50% - ( 0.79950124688279 * 10px ) )!important;

	}

	#headerleft .btntxt, #headerright .btntxt {

		width: 100%;

	}

	#headerleft i.fa, #headerright i.fa {

		display: none;

	}



}