/*
Theme Name: Conners Clinic
Description: A custom made theme by Ben Coyour Design.
Version: 1.7
Author: Ben Coyour Design
Author URI: http://www.bencoyourdesign.com
*/


/* BASE STYLES
------------------------------*/
body, html {background:#f7f5ed; font:400 14px/20px Helvetica, Arial, sans-serif; color:#444;}
body {min-width:300px;}
.primary, #hwrap, #cwrap, #fwrap {position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
div.fl-lightbox-content-wrap, div.fl-lightbox-content {position:static;}
#hwrap {z-index:9; background:#fff; -webkit-box-shadow:0px 4px 1px 0px rgba(0, 0, 0, .1); box-shadow:0px 4px 1px 0px rgba(0, 0, 0, .1);}
#banner {z-index:6;}
#cwrap {z-index:7;}
#fwrap {z-index:3;}
#main {margin:20px 7%;}
.fl-builder #main {width:auto !important; margin:0 auto !important; max-width:none !important;}
.fl-builder-edit #hwrap {z-index:2;}

.visible {display:block !important;}
hr {border:0; height:1px; margin:4.5em 0; background-color:rgba(0, 0, 0, .1); clear:both; display:block;}
img {max-width:100%; height:auto; image-rendering:-webkit-optimize-contrast;}
.fl-builder-bar-title img {display:none;}
a {color:#6fa00e; outline:none; text-decoration:underline; transition:all 0.3s ease;}
a:hover {text-decoration:none;}

@media (min-width:768px){
  html {min-height:100%;}
  body {font-size:16px; line-height:30px;}
  .main {width:960px; margin:50px auto;}
  .hasside section.primary {float:left; width:85%;}
}
@media (min-width:1024px){
  .page-template-default #main {max-width:1024px; margin:50px auto;}
}
@media (min-width:1280px){
  .single-post .main {width:1200px; margin:50px auto;}
  .single-post .hasside section.primary {float:left; width:65%;}
}



/* HEADER
------------------------------*/
header.primary a {text-decoration:none; color:#777;}
header.primary h2 {font-size:1.3em; margin:0; padding:1em 0 1em 8%; position:relative; float:left;}
header.primary h2 a {
  display:block;
  text-indent:-999em;
  width:190px; height:60px;
  background:url('img/conners-clinic-logo.png') no-repeat top left;
  -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;
}

@media (min-width:768px){
  header.primary {margin:0 auto; max-width:1100px;}
  header.primary h2 {padding:1em 0 1em 30px;}
  header.primary h2 a {width:190px; height:60px;}
}
@media (min-width:1024px){
  header.primary h2 {padding:20px 0 20px 30px;}
  header.primary h2 a {width:250px; height:70px;}
}



/* NAVIGATION
------------------------------*/
.quick-nav {margin:0; padding:2.2em 8% 1em 0; float:right; display:block;}
.quick-nav li {margin:0; padding:0; list-style:none;}
.quick-nav li a {display:block; color:#999; border:1px solid #eee; font-size:1.2em; padding:.7em 1em; border-radius:3px;}

nav.primary {clear:both; display:none;}
.nav {margin:0; padding:0; border-top:1px solid #eee; font-size:1.2em; line-height:1.4em;}
.nav li { list-style:none;}
.nav li a {display:block; padding:.7em 8%; border-bottom:1px solid #eee;}
.nav li ul {position:absolute; left:-9999em;}
.nav li.parent i {color:#ccc; padding-left:5px;}
.nav > li.hover > ul, .nav li li.hover ul {position:static;}
.nav li ul {margin:0; padding:0; background:#efefef;}

.swrap {background:#95c655;}
#secondarynav {position:relative; max-width:1100px; margin:0 auto;}
.secondarynav {margin:0; padding:5px 0;text-align:center; background:#d3eaa7;}
.secondarynav li {display:inline-block; padding:0 3px;}
.phone {clear:both; font:400 13px/2.4em 'Roboto Slab', Arial, sans-serif; color:#fff; text-align:center;}
.phone a {color:#fbff83; text-decoration:none;}

@media (min-width:768px){
  .quick-nav {display:none;}
  nav.primary {display:block; position:absolute; bottom:0; right:30px; padding:0;}
  .nav {*zoom:1; border-top:0; white-space:nowrap;}
  .nav li {float:left; display:inline; position:relative;}
  .nav li a {display:block; padding:25px 12px; border-bottom:0; font:400 14px/40px 'Open Sans', Arial, sans-serif;}
  .nav li:last-of-type a {padding-right:0;}
  .nav i.fa-caret-down {display:none;}
  .nav > li:hover > a {color:#6fa00e;}
  .nav li ul {
    width:210px;
    margin:0; padding:0;
    background:#efefef;
    -webkit-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, .2); box-shadow:0px 2px 4px 0px rgba(0, 0, 0, .2);
  }
  .nav ul li {float:none; display:block;}
  .nav ul a {
    line-height:16px; font-size:13px;
    padding:17px 20px;
    display:block;
    width:100%;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
  }
  .nav ul a:hover {background:#ddd;}
  .nav > li.hover > ul, .nav li li.hover ul {position:absolute; left:0;}
  .nav li li.hover ul {left:100%; top:0;}

  .phone {font-size:17px; padding:8px 0;}
  .phone a {font-weight:700;}
  .secondarynav {margin:0; padding:5px 0;text-align:center;}
  .secondarynav li {display:inline-block; padding:0 3px;}
}
@media (min-width:1024px){
  .nav li a {padding:32px 20px; font-size:14px;}
  .nav ul a {padding:17px 20px; font-size:13px;}
  .swrap {
    -webkit-box-shadow:inset 0px -5px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow:inset 0px -5px 5px 0px rgba(0,0,0,0.15);
    box-shadow:inset 0px -5px 5px 0px rgba(0,0,0,0.15);
  }
  .secondary {position:absolute; z-index:10; top:0; right:30px;}
  .secondarynav {background:none; padding:0; font-size:0; border-left:1px solid #79a540;}
  .secondarynav li {display:inline-block; padding:0; border-right:1px solid #79a540;}
  .secondarynav a {
    color:#fff;
    text-decoration:none; font-size:14px;
    display:block;
    padding:13px 15px 0;
    height:56px;
    -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  }
  .secondarynav a:hover {background:#79a540;}
  .phone {font-size:17px; padding:8px 0; position:relative; z-index:5; text-align:left;}
  .nav li.bluenavbtn a {background:#3A8FCB; color:#fff; padding:10px 20px; font-weight:700; font-family:'Montserrat', sans-serif; text-transform:uppercase; margin-left:20px; margin-top:20px; border-radius:4px;}
  .nav li.bluenavbtn a:hover {background:#2570a3;}
}



/* CUSTOM FORMATS
------------------------------*/
.white, .white a, .white i, .white span.fl-button-text {color:#fff !important; border-color:#fff !important;}
.align-center {text-align:center;}
.notopmargin {margin-top:0 !important;}
.nobottommargin {margin-bottom:0 !important;}
.nomargin {margin:0 !important;}
.smallerfont {font-size:.9em !important;}
.lighttext {opacity:.6;}
.textshadow {text-shadow:rgba(0,0,0,.2) 0 2px 2px;}

a.outline, .outline a, .fctawrap input.button, #diviwrap #divilayout input.button {
  display:inline-block;
  margin:0; padding:.7em 1.5em;
  background:none !important; color:#3A8FCB;
  border:2px solid #3A8FCB !important;
  cursor:pointer;
  text-decoration:none;
  font-family:'Roboto Slab';
  transition:all 0.3s ease;
}
a.outline:hover, .outline a:hover, input.button:hover, #diviwrap #divilayout input.button:hover {padding:.7em 2.2em;}

.cf:before, .cf:after {content:" "; display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}



/* CONTENT
------------------------------*/
.box {padding:2em 8%; transition:all 0.3s ease;}
.box, aside.primary, .pagetitle h1 {margin-left:auto; margin-right:auto; position:relative;}
.ds-vertical-align {display:flex; flex-direction:column; justify-content:center;}

h1 {font-size:36px; font-family:'Montserrat', sans-serif; font-weight:700; line-height:1.2em;}
h2 {font-size:26px; font-family:'Merriweather', serif; font-weight:400; line-height:1.2em;}
h3 {font-size:20px; font-family:'Montserrat', sans-serif; font-weight:700; line-height:1.2em; color:#000;}
.pagetitle {
  background:url(/wp-content/uploads/2018/01/home-calming-field.jpg) no-repeat top center;
  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
  text-align:center;
  border-bottom:5px solid #e8c8b8;
}
.pagetitle h1 {
  color:#fff;
  text-shadow:rgba(0,0,0,.2) 0 2px 2px;
  margin:0;
  padding:30px 8%;
}

@media only screen and (min-width:768px){
  .pagetitle h1 {font-size:40px; padding:40px 8% 40px;}
  .box {padding:4em 0; max-width:none;}
  h1 {font-size:50px;}
  h2 {font-size:34px;}
  h3 {font-size:28px;}

  .home h1 {font-size:80px;}
  .home h2 {font-size:50px;}

  .floatleft {float:left;}
  .floatright {float:right;}
  .alignright, .alignleft {display:inline;}
  .aligncenter {margin:0 auto;}
  .alignright {float:right; margin:0 0 1.5em 5%;}
  .alignleft {float:left; margin:0 5% 1.5em 0;}
}

ul, ol, #diviwrap #divilayout .et_pb_text ul, #diviwrap #divilayout .et_pb_text ol {margin:1.4em 0 1.4em 1.3em; padding:0;}
ul li, #diviwrap #divilayout .et_pb_text ul li {list-style:square;}
ul ul li, #diviwrap #divilayout .et_pb_text ul ul li {list-style:circle;}
ul ul, ol ol, #diviwrap #divilayout .et_pb_text ul ul, #diviwrap #divilayout .et_pb_text ol ol {margin:.2em 0 .4em 1.5em;}
p, table, address, form {margin:1em 0;}
blockquote {
  margin:0;
  background:rgba(0,0,0,.2);
  padding:1em 1.7em;
  border:5px solid rgba(0,0,0,.1);
  font:400 1.3em/1.6em 'Merriweather', serif;
  opacity:.8; text-shadow:rgba(0,0,0,.3) 2px 2px 0;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.single-post blockquote {text-shadow:none;}
blockquote em {display:block; text-shadow:none; font:400 .7em/1.2em Helvetica, Arial, sans-serif; font-style:normal; opacity:1; padding-top:1em;}
strong {font-weight:700;}

.wp-caption {
  padding:1em;
  background:#fff;
  -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .1); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .1);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
p.wp-caption-text {margin:.3em 0 0; text-align:center; color:#777;}

.gallery-item {margin-bottom:0;}
.gallery-item img {border:none !important;}
.gallery-item dt {padding:1em 1em 0 0;}
.gallery-item dt a {display:block; padding:.3em; background:rgba(0, 0, 0, .1); line-height:0;}
.gallery-item dt a:hover {background:#6fa00e;}
.gallery-item dd {font-size:.9em; padding-top:.3em;}

.notfound {text-align:center; padding-bottom:3em;}
.notfound h1 span {display:block; font-size:4em; line-height:1em; opacity:.4;}
.notfound h1 {margin-bottom:1em;}



/* COLUMN LAYOUTS
------------------------------*/
.none {padding:0 8%;}
.large {padding:4em 8%;}
.huge {padding:7em 8%;}

@media only screen and (max-width:767px){
  .boxwidth {width:auto !important;}
  .columns2 .vcenter:not(:first-child) .content, .columns3 .content:not(:first-child) {padding-top:2em;}
  .col1, .col2 {width:auto !important; height:auto !important;}
  .alignleft, .alignright, .aligncenter, .alignnone {display:block; margin:1.4em 0;}
  .wp-caption {width:100% !important;}
}



/* SIDE
------------------------------*/
aside.primary {
  padding:3em 8% 2.5em;
  -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .1); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, .1);
  background:#fff;
}
.blogfilters {margin:0; padding:0; list-style:none;}
.blogfilters h2 {margin-top:0;}
.blogfilters li {margin:0; padding:0; list-style:none;}
.blogfilters li.cat-item {padding:.5em 0; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.blogfilters li.cat-item a {color:#777; text-decoration:none;}
.blogfilters li.cat-item a:hover {color:#6fa00e;}
.blogfilters li.cat-item span {float:right; color:#777;}
.blogfilters ul {margin:0; padding:1em 0 3em;}
.blogfilters ul ul {margin:0; padding:1em 0 1em;}



/* FORMS
------------------------------*/
#cwrap .gform_wrapper, #fwrap .gform_wrapper {margin:0;}
#cwrap .gform_wrapper ul li.gfield, #fwrap .gform_wrapper ul li.gfield {margin-top:0;}



/* BLOG
------------------------------*/
.blog {padding:3.2em 0 2.2em; border-bottom:1px dotted rgba(0, 0, 0, 0.1); border-top:1px dotted rgba(0, 0, 0, 0.1); margin-top:1px;}
.box > .blog:first-child, .box > .blog:last-child {border:none;}
.box > .blog:first-child {padding-top:0;}
.blog h2 a {text-decoration:none; color:#555; font-weight:400;}
.blog h2 a:hover {color:#6fa00e;}
.postdate time {
  color:rgba(0, 0, 0, 0.4);
  display:block;
  float:left;
  padding:0;
  width:40%;
  line-height:1.9em;
  font-size:12px;
}
.social {white-space:nowrap; padding:0; text-align:right; height:30px;}
.social a {
  float:none !important;
  display:inline-block;
  color:rgba(0, 0, 0, 0.2);
  border-radius:45px;
  font-size:16px;
  width:28px !important;
  padding:4px 0 !important;
  margin:0;
  text-align:center;
}
a.addthis_button_facebook:hover {background:#305891; color:#fff;}
a.addthis_button_twitter:hover {background:#2ca8d2; color:#fff;}
a.addthis_button_email:hover {background:#e04a3f; color:#fff;}
a.addthis_button_compact:hover {background:#f8694d; color:#fff;}

.postmedia {
  font-size:0;
  border:3px solid rgba(0, 0, 0, 0.1);
  line-height:0;
  overflow:hidden;
  transition:all 0.3s ease;
  position:relative;
  max-height:250px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.single .postmedia, .videomedia {max-height:none;}
.postmedia img {width:100%; transition:all 0.3s ease; position:relative; z-index:10;}
.page-template-blog-php .postmedia:hover, .archive .postmedia:hover {border:3px solid #6fa00e; background:#6fa00e;}
.page-template-blog-php .postmedia:hover, .archive .postmedia:hover {opacity:0.8;}
.gal {
  position:absolute; top:30px; left:-50px; z-index:10;
  background:rgba(0, 0, 0, .5);
  color:#fff;
  display:block;
  font-size:13px; text-transform:uppercase; letter-spacing:2px; text-align:center; line-height:30px;
  width:200px; height:30px;
  -webkit-transform:rotate(315deg);
  -moz-transform:rotate(315deg);
  -o-transform:rotate(315deg);
  writing-mode:lr-tb;
}
.gal-small {
  float:left;
  width:33.33%; height:130px;
  overflow:hidden;
  position:relative; z-index:9;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.gal-small img {height:100%; max-width:none; min-width:100%; width:auto;}

.postinfo {padding:0;}
.postinfo h2 {margin:0;}
.postinfo h2 a {color:#000; text-decoration:none;}
.postinfo h2 a:hover {color:#6fa00e;}
.postinfo p {margin:1em 0 1.4em;}
.postexcerpt {color:rgba(0, 0, 0, .7);}
a.backbutton {margin-bottom:3em;}
.backbutton i {padding-right:.3em;}

.pagination {clear:both; margin:2em 0; position:relative; font-size:.8em; text-align:center;}
.pagination span, .pagination a {
  display:inline-block;
  margin:2px 2px 2px 0;
  padding:6px 9px 5px 9px;
  color:#fff;
  background:rgba(0, 0, 0, 0.6);
}
.pagination a {text-decoration:none;}
.pagination a:hover {color:#fff; background:rgba(0, 0, 0, 0.8);}
.pagination .current {background:#6fa00e;}

#searchform {position:relative; vertical-align:bottom; text-align:center; max-width:250px; margin:0 auto;}
#searchform label {display:none;}
#searchform input[type="text"] {
  display:inline-block;
  padding:0 10px; margin:0;
  font-size:13px; line-height:34px;
  width:70%;
}
#searchform button {
  display:inline-block;
  padding:0 3px;
  width:16%;
  line-height:34px !important; font-size:13px !important;
  position:relative;
  cursor:pointer;
}
#categories .widgettitle {display:none;}
#categories .widget form {font-size:13px; text-align:center;}
#categories label {padding-right:5px;}
#categories select {padding:10px;}

@media (min-width:768px){
  #categories .widget form {text-align:right;}
  #searchform {text-align:left;}
}


/* FOOTER
------------------------------*/
.flinks ul {margin:3em 0 1em; padding:0; text-align:center;}
.flinks li {list-style:none; display:inline-block; width:45%; margin-bottom:2em;}
.flinks a {text-decoration:none; color:#3a3430; font:400 1.2em/2.8em 'Roboto Slab', Arial, sans-serif;}
.flinks i {display:block; background:#d3eaa7; color:#fff; font-size:40px; width:80px; line-height:80px; border-radius:300px; margin:0 auto;}

footer.primary {background:#8f7d71; padding:2em 8%; color:#fff; text-align:center;}
footer.primary ul {margin:0; padding:0;}
footer.primary li {margin:0; padding:0 5px; list-style:none; display:inline-block;}
footer.primary a i {background:#c6b9b0; color:#8f7d71; font-size:20px; border-radius:4px; width:32px; line-height:32px;}
#credits {margin:1em 0 0;}

.finfowrap {position:relative; padding:60px 20px;}
.finfo {max-width:400px; margin:0 auto;}
.box-social img {max-width:200px; margin:0 auto; display:block;}
.box-social ul {margin:0; padding:10px 0 0; text-align:center;}
.box-social li {margin:0; padding:0 5px; list-style:none; display:inline-block;}
.box-social a i {background:#c6b9b0; color:#8f7d71; font-size:20px; border-radius:4px; width:32px; line-height:32px;}
.box-contact strong {display:block; font-size:20px;}
.box-contact a {display:block;}


@media (max-width:767px){
  .box-contact, .box-social, .box-reviews {display:block; text-align:center; margin:40px 0;}
  .box-social {margin-top:0;}
  .box-social li {list-style:none;}
}
@media (min-width:768px){
  .finfowrap {position:relative; padding:60px 0; text-align:center;}
  .finfo {max-width:none; margin:0 auto;}
  .box-contact, .box-social, .box-reviews {display:inline-block; text-align:center; vertical-align:top; padding:0 15px;}
  .box-social {padding-top:15px;}
  .box-contact {padding-top:25px;}
}
@media (min-width:1024px){
  .box-contact, .box-social, .box-reviews {padding-left:40px; padding-right:40px;}
}
@media (min-width:1100px){
  .finfo {max-width:none; margin:0 auto; font-size:14px; line-height:24px;}
}



/* DIVI
------------------------------*/
div#diviwrap ul, div#diviwrap ol {margin:1.4em 0 1.4em 1.3em; padding:0;}
div#diviwrap ul li {list-style:square;}
div#diviwrap ul ul li {list-style:circle;}
div#diviwrap ul ul, div#diviwrap ol ol {margin:.2em 0 .4em 1.5em;}


/*
-----------------------------------------------------------------LARGE DISPLAY-----------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px){
  /*-----COLUMN LAYOUT-----*/
  .boxwidth {margin:0 auto; position:relative;}
  .col1, .col2, .col3 {float:left; position:relative;}
  .col2, .col3 {float:right;}
  .columns2 .col1, .columns2 .col2 {width:46%;}
  .columns3 .col1, .columns3 .col2, .columns3 .col3 {width:28%;}
  .columns3 .col2 {float:left; padding-left:8%;}
  .vcenter {display:table; table-layout:fixed;}
  .vcont {display:table-cell; vertical-align:middle;}

  /*-----SIDE-----*/
  aside.primary {padding:3em 4% 2.5em; margin:4em 0 0; float:right; width:30%; font-size:13px; line-height:24px;}
  aside.primary h2 {font-size:1.3em;}
  aside.primary h3 {font-size:1em; color:#444;}

  /*-----BLOG-----*/
  .blogcontent {float:left; width:70%;}
  .blogheader {text-align:left; padding:4em 0 2em;}
  .blog article {max-width:none;}
  .blog h2 {margin-top:0;}
  .postdate time {line-height:40px;}
  .social {height:35px;}
  .social a {line-height:20px;}
  .gal-small {height:250px;}

  .pagination {padding:0 0 2em; text-align:left;}
  .pagination span, .pagination a {padding:6px 1em 5px 1em;}
  .single h1 {margin-top:0;}

  /*-----FOOTER-----*/
  #fwrap {clear:both;}
  .flinks ul {margin:3.8em 0 1em;}
  .flinks li {width:180px; margin-bottom:2em;}
  .flinks i {font-size:50px; width:100px; line-height:100px;}
  #credits {font-size:.9em;}
}


/*
-----------------------------------------------------------------MEDIUM DISPLAY----------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1100px){
  body {font-size:13px; line-height:24px;}
  .main {width:84%; margin:90px auto;}
}