/*

Theme Name: therapy + psychology
Description: therapy + psychology
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.0

*/

@charset "UTF-8";

html, body { background:#fff;  color:#526778; font-family: 'Poppins', sans-serif; font-size:24px; font-weight:300; margin:0; padding:0; }

img { border:none; display:block; height:auto; max-width:100%;}


a:link, a:visited { color:#0890a2; text-decoration:none;}
a:active, a:hover { color:#182b3d; transition:0.2s;}


h1 { background:url(../images/bg-h1.png); border-bottom:2px solid #fff; border-top:2px solid #fff; color:#fff; font-size:48px; font-weight:300;; margin:0; padding:30px; text-align:center; }
h2 { font-size:24px; font-weight:300; line-height:36px; }

p { font-size:20px; line-height:36px; font-weight:300; margin:0 0 30px 0;}
p strong { font-weight:500;}



#header{ margin:0 0 110px 0; padding:0;}
#footer { border-top:1px solid #dce1e4; font-size:12px; margin:60px 0 0 0; padding:30px; text-align:center; }


section { padding:0;}
.weave { background:url(../images/bg-weave.png); padding:120px 0; }
.weave-end { background:url(../images/bg-weave-end.png); height:45px;}



strong { font-weight:500; }
small { font-size:16px; }

a.btn { background:#0890a2; border-radius:4px; color:#fff; display:inline-block; font-weight:400; padding:18px 28px; text-decoration:none; text-transform:uppercase; }
a.btn:active, a.btn:hover { background:#182b3d; transition:0.2s;}

.cw { margin:auto; max-width:1340px;  }
.cw2 { margin:auto; max-width:800px; padding:80px 0 110px; text-align:center; }

.tp-hr { margin:40px 0; position:relative; text-align:center; }
.tp-hr img { margin:auto; position:relative; z-index:5; }
.tp-hr:after { background:url(../images/dot.png); content:""; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; width:100%; z-index:3;}

ul.contacts { display:flex; align-items:center; align-content:center; gap:40px; list-style:none; margin:0 auto; padding:0; width:fit-content; }
ul.contacts li { font-size:16px; }

ul.contacts li a { }

.icon-location:before, .icon-phone:before, .icon-email:before { content:""; display:block; float:left; height:25px; margin:0 8px 0 0; width:25px; }

.icon-location:before { background:url(../images/icons.png) 0 0; width:21px; }
.icon-phone:before { background:url(../images/icons.png) -28px 0; }
.icon-email:before { background:url(../images/icons.png) -62px 0; }


.spacer { padding:120px 120px 0 120px;}


.col-50p-rap { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; gap:120px; position:relative; }
.col-50p-rap div { width:50%; }
.col-50p-rap div div {width:100%;}

.col-4-rap {  display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; align-content:flex-start; gap:10px; position:relative;}
.col-4-rap div { background:#fff; border-radius:4px; padding:40px; width:calc(100% - 90px);}


.col-1-3 { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; align-content:flex-start; gap:90px; position:relative;}
.col-1-3 div:first-of-type { min-width:221px; text-align:center; }

form { font-size:16px;}



.inputgroup-01 { margin:10px 0;}
.inputgroup-01 strong { display:block; }



input[type="text"], input[type="email"], input[type="number"], textarea { border:1px solid #d2d2d2; border-radius:4px; color:#526778; font-family: 'Poppins', sans-serif; font-size:16px;  margin:0 0 8px 0; padding:16px 20px; width:calc(100% - 40px); }


input[type="number"] { max-width:200px;}



input[type="checkbox"], input[type="radio"] { display:none;}

label { display:inline-block; margin:0;}

label > input[type="radio"] + span { background: url(../images/checkbox.png) 0 0 no-repeat; cursor:pointer; display:inline-block; font-size:16px; font-weight:500;  height:32px;  margin:0 0 20px 0; padding:0 20px 0 40px;}

label > input[type="radio"]:checked + span { background: url(../images/checkbox-checked.png) 0 0 no-repeat;}



::-webkit-input-placeholder { /* Edge */
  color:#9d9d9d;
}
:-ms-input-placeholder { /* Internet Explorer */
  color:#9d9d9d;
}
::placeholder {
  color:#9d9d9d;
}



input[type="submit"], a.btn { background:#008c9f; border:0; border-radius:5px; color:#fff; cursor:pointer; font-size:20px; font-weight:500; padding:25px 32px;}
input[type="submit"]:active, input[type="submit"]:hover, a.btn:active, a.btn:hover { background:#006f7e; transition:0.2s; }






.wpcf7-not-valid-tip { font-size:0.8em!important; line-height:24px!important; }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color:#ffb900; }

.wpcf7 form .wpcf7-response-output { margin:2em 0.5em 1em; padding:0.2em 1em; border:2px solid #00a0d2;}





/*---------------------Media queries---------------------------*/
@media only screen and (max-width: 1480px) {
	#header .cw { padding:0; } 
	.cw { padding:0 5%;}
}


@media only screen and (max-width: 1200px) {
	.col-50p-rap { gap:60px;}
	.spacer { padding:120px 0;}
	.col-1-3 { gap:60px;}
}


@media only screen and (max-width: 960px) {
	.weave, .spacer { padding:60px 0;}
	.col-50p-rap { display:block;}
	.col-50p-rap div { width:100%;}
	.cw2 { padding:60px 0;}
	#header { margin-bottom:60px;}
	h1 { font-size:40px; }
}


@media only screen and (max-width: 860px) {
	ul.contacts { display:block;}
	ul.contacts li { padding:8px 0; text-align:left; }
	
	.col-1-3 { gap:40px;}
	.col-1-3 div:first-of-type { min-width:180px;}
	h1 { font-size:36px; }

}

@media only screen and (max-width: 700px) {
	.col-1-3 { display:block;}
	.col-1-3 div:first-of-type { margin:0 0 30px 0; text-align:left; }
	h1 { font-size:30px; }
}

@media only screen and (max-width: 600px) {
	h1 { font-size:24px; }
	.spacer { padding-bottom:0;}
	#footer {margin:0;}
}