/*!
Theme Name: Integrative Minds (2021)
Theme URI:
Author: CMJ Range Design
Author URI: http://Range.Design
Description: custom theme based on _
Version: 1.0.10
Text Domain: im_
*/

/*--------------------------------------------------------------
# *** Import the base styles ***
--------------------------------------------------------------*/
@import url("css/style_core.css");
@import url('//fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Roboto+Slab:wght@300;400;700&');

/*--------------------------------------------------------------
# *** Generic Stuff ***
--------------------------------------------------------------*/
html {-webkit-font-smoothing: antialiased;}

body {background: #e7e7dd; color: #333; font: 100%/1.5em 'Open Sans', Arial, Helvetica, sans-serif;}
a {border: none; color: #6d2c91; text-decoration: none;}
a:hover {color: #02a2e1; text-decoration: underline;}
a:focus {outline: none;}
img, a, a img {border: none;}
img {max-width: 100%; vertical-align: top;}/*  does not exceed the width of its container  */

.hide {display:none;}
.devNote, .devnote {border-left: 5px solid red; background:lightyellow; color:red; padding: 5px;}
.devnote::before {content: "Developer Note: "}
.clear, .clearMe {clear:both;}
.centerthis, .centerme {text-align:center;}
.rightme {text-align:right;}
.leftme {text-align:left;}
.justifyme {text-align:justify;}
.rule {height: 1px; background: #eee; margin: 20px 0;}
.rule hr {display: none;}

/* Base OVERRIDES */
h1,h2,h3 {margin:1em 0;/* top & bottom margin based on font size */}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;/*bringing boldness back to headers and the strong element*/}
abbr,acronym {border-bottom:1px dotted #000; cursor:help;/*indicating to users that more info is available */}
em {font-style:italic;/*bringing italics back to the em element*/}
blockquote,ul,ol,dl {margin:1em;/*giving blockquotes and lists room to breath*/}
ol,ul,dl {margin-left:2em;/*bringing lists on to the page with breathing room */}
ol li {list-style: decimal outside;/*giving OL's LIs generated numbers*/}
ul li {list-style: disc outside;/*giving UL's LIs generated disc markers*/}
dl dd {margin-left:1em;/*providing spacing for definition terms*/}
table {font-size:inherit; font:100%;}
th,td {/*  border:1px solid #000;  */ padding:.5em;/*borders and padding to make the table readable*/}
th {font-weight:bold; text-align:center;/*distinguishing table headers from data cells*/}
caption {margin-bottom:.5em; text-align:center;/*coordinated margin to match cell's padding*/}
p,fieldset,table,pre {margin-bottom:1em;/*so things don't run into each other*/}
select, input, button, textarea {/*  font:99% arial,helvetica,clean,sans-serif;  */}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
/* +++++++++++++++++++++ */

/*--------------------------------------------------------------
# *** Fonts, etc ***
--------------------------------------------------------------*/
.opensans {font-family: 'Open Sans', sans-serif;}
.robotoslab {font-family: 'Roboto Slab', serif;}

h1 {color: blue; font-family: 'Open Sans', sans-serif;}
h2 {font-family: 'Roboto Slab', serif; font-size: 1.6em;}
h3 {font-size: 1.2em;}
h4 {}

.colorGreen {color: #92b73e;}
.colorGreenHover {color: #A7D500;}

/*
Header/Footer Color .. basically the page background: e7e7dd

Body Headings Color: 414141
Text Color: 333
*/


/*--------------------------------------------------------------
# *** Action Buttons ***
--------------------------------------------------------------*/
input.actionBtn,
button.actionBtn,
a.actionBtn {background: #92b73e; color:#fff; border-radius: 3px; font-family: 'Roboto Slab', serif;}
input.actionBtn:hover,
button.actionBtn:hover,
a.actionBtn:hover {background: #A7D500;}

a.actionBtn {display: inline-block; padding: 12px 36px; text-decoration: none;}
input.actionBtn {padding: 14px 22px; cursor: pointer; border: none; font-size: 100% !important;}
button.actionBtn {padding: 14px 22px; cursor: pointer; border: none; font-size: 105% !important;}



/*--------------------------------------------------------------
# *** Global Layout ***
--------------------------------------------------------------*/
.wrapper {width: 100%; max-width: 1300px; margin: 0 auto;}
.outer { padding: 20px 20px; background: #fff;}/* background: #eee; */
.inner { padding: 20px 20px; background: #fff;}/* background: #fafafa; */
.sFullwidth {margin-bottom: 20px;}

.wrapper.content .outer { background: #fff;}
.wrapper.content .inner { background: #fff;}

.entry-header h1.entry-title {margin: 0;}
.entry-content {}

/*--------------------------------------------------------------
# *** HEADER & Navigation ***
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# *** Hero Banners ***
--------------------------------------------------------------*/
.hero {position: relative;}
.hero img {width: 100%;}
.hero .overlay {position: absolute;top: 50px;left: 5%;border: 0px solid blue; padding: 10px 0;}
.hero .overlay h1 {color: #fff; font-size: 150%; font-weight: 700; margin: 0; margin-bottom: 26px; text-shadow: 0px 0px 8px #eee;}
.hero .overlay .getintouch {}
.hero .overlay .getintouch a.actionBtn {display: inline-block; padding: 6px 12px; text-decoration: none; font-size: 90%;}

#pHome .hero .overlay h1 {color: #fff;}
#pAbout .hero .overlay h1 {color: #666;}
#pServices .hero .overlay h1 {color: #fff;}
#pPolicies .hero .overlay h1 {color: #fff;}
#pGetintouch .hero .overlay h1 {color: #fff;}

header.entry-header {display:none;}
.entry-content {margin-top: 0;}

/* respond */
@media screen and (min-width: 960px) {
	.hero .overlay {top: 100px;left: 5%;border: 0px solid yellow;}
	.hero .overlay h1 {font-size: 300%; margin-bottom: 56px;}
	.hero .overlay .getintouch a.actionBtn {padding: 12px 36px; font-size: 100%;}
}

/*--------------------------------------------------------------
# *** HOME ***
--------------------------------------------------------------*/
.homeBlocks {}
.homeBlocks {background: #e7e7dd;}

.homeBlocks .widget_custom_html .blocksCopy,
.homeBlocks .blocksCopy .so-widget-sow-editor {padding: 20px 30px;}

.homeBlocks h3.widget-title {font-weight: 700; font-size: 160%;}
.homeBlocks p {line-height: 1.7em;}

.homeBlocks .address {margin-bottom: 20px;}
.homeBlocks .phones {margin-bottom: 20px;}
.homeBlocks .social {}
.homeBlocks .social i {font-size: 250%;}
.homeBlocks .social ul {margin: 0; padding: 0;}
.homeBlocks .social ul li {list-style-type: none; display: inline-block; margin-right: 10px;}
.homeBlocks .social ul li a {display: block;}
.homeBlocks .social ul li a:hover {}
/* respond */
@media screen and (min-width: 768px) {
.homeBlocks .widget_custom_html .blocksCopy,
.homeBlocks .blocksCopy .so-widget-sow-editor {background: #e7e7dd; padding: 20px 30px;}
.homeBlocks h3.widget-title {font-size: 160%;}
}
@media screen and (min-width: 960px) {
.homeBlocks .widget_custom_html .blocksCopy,
.homeBlocks .blocksCopy .so-widget-sow-editor {background: #e7e7dd; padding: 20px 40px;}
.homeBlocks h3.widget-title {font-size: 160%;}
}
@media screen and (min-width: 1024px) {
.homeBlocks .widget_custom_html .blocksCopy,
.homeBlocks .blocksCopy .so-widget-sow-editor {background: #e7e7dd; padding: 40px;}
.homeBlocks h3.widget-title {font-size: 160%;}
}
@media screen and (min-width: 1200px) {
.homeBlocks .widget_custom_html .blocksCopy,
.homeBlocks .blocksCopy .so-widget-sow-editor {background: #e7e7dd; padding: 50px;}
.homeBlocks h3.widget-title {font-size: 160%;}
}

#pHome .hero.bottom .overlay {top: 10%;left: 42%; border: 0px solid blue; padding: 10px 0; width: 58%;}
#pHome .hero.bottom .overlay h1 {color:#666; line-height: 1.2em; font-size: 100%; margin-bottom: 0px; text-align:right;}
#pHome .hero.bottom .overlay h1 span.break {padding-left: 4px;}
@media screen and (min-width: 960px) {
	#pHome .hero.bottom .overlay {top: 18%;left: 50%; border: 0px solid blue; padding: 10px 0; width: 45%;}
	#pHome .hero.bottom .overlay h1 {color:#666; line-height: 1.4em; font-size: 200%; margin-bottom: 0px; text-align:left;}
	#pHome .hero.bottom .overlay h1 span.break {display: inline-block; padding-left: 0px;}
}

/*--------------------------------------------------------------
# *** ABOUT US ***
--------------------------------------------------------------*/
.sTeam {}
.sTeam .block {padding-bottom: 40px; margin-bottom: 40px;}
.sTeam .block .photo { text-align:center;}
.sTeam .block .photo img {width: 100%;}
.sTeam .block .copy {}

.sTeam .block .copy h2 {margin: 0; margin-top: 10px; line-height: 1.3em;}
.sTeam .block .copy h3 {}

.sTeam .block .copy .social {}
.sTeam .block .copy .social a {display: inline-block; margin-right: 5px;}
.sTeam .block .copy .social a:hover {}
.sTeam .block .copy .social a i {font-size: 250%;}
/* respond */
@media screen and (min-width: 600px) {
	.sTeam .block .photo {float: left; width: 30%; text-align:center;}
	.sTeam .block .photo img {max-width: 285px;}
	.sTeam .block .copy {float: right; width: 68%; padding-right: 40px;}
	.sTeam .block .copy h2 {margin: 0; line-height: 1.3em;}
}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 960px) {

}

/*--------------------------------------------------------------
# *** SERVICES ***
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# *** POLICIES ***
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# *** GET IN TOUCH ***
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# *** Sub FOOTER ***
--------------------------------------------------------------*/
.subFooter {background: #eee; padding: 30px 0; margin-top: 30px;}
.subFooter .outside {padding: 20px 20px;}
.subFooter .inside {padding: 20px 20px;background: #eee; text-align:center;}
.subFooter .inside a {}
.subFooter .inside a:hover {}

.subFooter h3 {}
.subFooter ul.social {margin: 20px 0; padding: 0;}
.subFooter ul.social li {list-style-type: none; display: inline-block; padding: 0 20px;}
.subFooter ul.social li a {display: block; color: #6d2c91;}
.subFooter ul.social li a:hover {color: #8d7ebb;}
.subFooter ul.social li a i {font-size: 60px;}

/*--------------------------------------------------------------
# *** Footer: Widget Area ***
--------------------------------------------------------------*/
#sWidgets {background: #78a0bc;}
#sWidgets .outerP {}
#sWidgets .innerP {padding: 30px 20px;}

#sWidgets .cols {}
#sWidgets .cols .col {padding: 20px 20px;}
#sWidgets .cols .widget {margin: 0;}

#sWidgets .cols #c1 {}
#sWidgets .cols #c2 {}
#sWidgets .cols #c3 {}

#sWidgets h3.widget-title {margin: 0; padding: 10px 0; text-align:center; border-top: 1px solid #fff; border-bottom: 2px solid #fff; color: #fff;}
#sWidgets div.menu-patient-forms-container,
#sWidgets div.menu-main-menu-container,
#sWidgets div.wContact {margin: 10px 30px; color: #fff;}

#sWidgets ul {margin: 0; padding: 0;}
#sWidgets ul li {list-style-type: none; text-align:center;}
#sWidgets ul li a {color: #fff; text-transform: capitalize; display: block; padding: 6px 0; text-decoration: none;}
#sWidgets ul li a:hover {background: #eee; color: #78a0bc;}

/*
div.menu-patient-forms-container {border: 1px solid blue; padding: 10px 30px;}
ul#menu-patient-forms {}

div.menu-main-menu-container {border: 1px solid red;}
ul#menu-main-menu {}
*/

#sWidgets .wContact {text-align:center;}
#sWidgets .wContact a {color: #fff; text-decoration: none;}
#sWidgets .wContact a:hover {color: #eee;}
#sWidgets .wContact .name {}
#sWidgets .wContact .address {}
#sWidgets .wContact .citystzip {}
#sWidgets .wContact .phones {margin: 10px 0;}
	#sWidgets .wContact .phone {}
	#sWidgets .wContact .phone .label {font-weight: 600; display: inline-block; width: 60px;}
#sWidgets .wContact .getintouch {margin: 10px 0;}
#sWidgets .wContact .getintouch a {}
#sWidgets .wContact .getintouch a:hover {}
#sWidgets .wContact .getintouch a i {font-size: 150%; position: relative; top: 3px; padding-right: 3px;}

/*  response  */
@media screen and (min-width: 960px) {
	#sWidgets .innerP {padding: 30px 0px;}
	#sWidgets .cols .col {float: left;}

	#sWidgets .cols #c1 {width: 33%;}
	#sWidgets .cols #c2 {width: 34%;}
	#sWidgets .cols #c3 {width: 33%;}

	#sWidgets div.menu-patient-forms-container,
	#sWidgets div.menu-main-menu-container,
	#sWidgets div.wContact {min-height: 220px;}

	#sWidgets .cols .col ul {}
	#sWidgets .cols .col ul li {}
	#sWidgets .cols .col ul li a {}
	#sWidgets .cols .col ul li a:hover {}

	#sWidgets .wContact {text-align:left;}
}

/*--------------------------------------------------------------
# *** Footer: Copyright Area ***
--------------------------------------------------------------*/
.siteFooter {background: #000; color: #fff; padding: 30px 0; margin-top: 0px;}
.siteFooter .outside {padding: 20px 20px;}
.siteFooter .inside { text-align:center;}
.siteFooter .inside a {color: #fff;}
.siteFooter .inside a:hover {color: #fff;}

/*--------------------------------------------------------------
# *** Brain Bottom ***
--------------------------------------------------------------*/
.brainBtm {text-align:center; background: #fff;}
.brainBtm img {width: 100%; max-width: 300px;}


/*--------------------------------------------------------------
# *** Wordpress Overrides ***
--------------------------------------------------------------*/
.entry-footer, .edit-link {display:none;}
.post, .page {margin: 0;}