/* 
	Theme Name: purechiro

	Theme URL: http://www.wellplanet.com/

	Description: purechiro is a child theme of Divi.

	Author: WellPlanet.com

	Author URI: http://www.wellplanet.com

	Version: 1.0
	
	Template: Divi

	Tags: chiropractic website, chiropractor website, WordPress Theme, Responsive Design

*/

/* WellPlanet.com Blog Theme. */

@import url("../Divi/style.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

li.cat-item.cat-item-9125033, li a.cat-item.cat-item-9125033, #top-menu li.cat-item.cat-item-9125033 {display: none;}

/* Azmir please add your custom css styles here.  */

#top-header {z-index: 99999;}
header#main-header {transition: all .4s ease;}
header#main-header.et-fixed-header {top: 0!important;transition: all .4s ease;}
.et-fixed-header#top-header {background:#fff!important;margin-top: -42px;transition: all .6s ease;}
.et-fixed-header#top-header, #top-header, .et_secondary_nav_enabled div#page-container div#top-header {background:#fff;}
.et-fixed-header#top-header a, #top-header a {color: #5b5b5b !important;}
.et_pb_blurb_container {background: #F39D0A;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.et_pb_blurb h4, .et_pb_blurb h4 a {padding: 1em;font-weight: bold;color:#fff;font-size: 16px;text-align: center;}
.et_pb_main_blurb_image, .et_pb_main_blurb_image .et_pb_animation_top.et-animated {margin-bottom: -7px;}
h1, h2, h3, h4, h5, h6 {color: #F39D0A;}
div#et-info {color: #000;width:100%}
#et-info-phone, #et-info-phone a{color: #F39D0A !important;font-size: 14px;margin-right: 0;}
#et-info #left {float:left;}
#et-info #right {float:right;}

p#footer-info {min-width: 51%;}

.et_pb_slider .et_pb_slide_3, .et_pb_slider .et_pb_slide_2 {background-position:center center!important}


li.btn-appointment{margin: 0; position: absolute; top: -38px; right: 0; width: 127px; height: 127px; text-align: center; border: none; padding: 0;z-index:100000;}
li.btn-appointment a{padding:60px 0 0 0; background: #ed1c24; border-radius: 0; color: #fff!important; position: relative;
display: block; width:127px; height: 127px; text-transform:uppercase; font-size:14px; font-weight:700; text-align:center; line-height:normal;}
.et-fixed-header li.btn-appointment{top:-37px;}
.et-fixed-header li.btn-appointment a{padding-top:80px;}
.et-fixed-header li.btn-appointment a:before{top:45px;}
/*li.btn-appointment a:before{position:absolute; top:15px; left:50%; content:''; background:url(../images/icon-nav-cal.png) no-repeat 0 0; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all .5s ease; width:32px; height:32px;}*/
li.btn-appointment a::before {  content: "\f073"; font-family: 'FontAwesome';  height: 32px;  left: 50%;  position: absolute;  top: 15px;  transform: translateX(-50%);  transition: all 0.5s ease 0s;  width: 32px;font-size: 30px;}
li.btn-appointment a:hover{background:#005d8a; color:#fff;}
#top-menu.nav li#menu-item-16746 a{color:#fff!important;}
li.btn-appointment a {background: #F39D0A !important;}

#main-footer .footer-widget h4 {font-size: 1.5em;}
div#footer-widgets h2, div#footer-widgets h4.title, div#footer-widgets a {color: #fff;}

/* End Azmir custom css styles here.  */

/* Existing custom css styles here.  */
ul#menu-footer li {margin-bottom:0}
#main-content .container:before {width:0px}
p#footer-info {font-size:0.8em;line-height: 1.5em}
div#localschema span {white-space:nowrap}
div#art-side-sprite {margin-left: -25px}
div.textwidget div#art-side-sprite {margin-left: -12px}
.et_pb_widget_area_left,div.textwidget, div#art-side-sprite table {border:none}


div#FSContact1, div#FSContact1 div, div#FSContact2, div#FSContact2 div, div#FSContact3, div#FSContact3 div, div#FSContact4, div#FSContact4 div {width: 100%!important;padding-left: 0px!important;text-align: left!important;}
div#FSContact1 div input, div#FSContact2 div input, div#FSContact3 div input, div#FSContact4 div input {background-color: #ddd;border: none!important;width: 100% !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;font-size: 16px;color: #999 !important;padding: 10px !important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 44px;}
div#FSContact1 div textarea, div#FSContact2 div textarea, div#FSContact3 div textarea, div#FSContact4 div textarea {background-color: #ddd;border: none!important;width: 100% !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;font-size: 16px;color: #999 !important;padding: 10px !important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100px;}
div#FSContact1 div span input[type=radio], div#FSContact2 div span input[type=radio], div#FSContact3 div span input[type=radio], div#FSContact4 div span input[type=radio] {height:auto;width:13px!important}
div#FSContact1 div input[type=submit], div#FSContact2 div input[type=submit], div#FSContact3 div input[type=submit], div#FSContact4 div input[type=submit] {margin-bottom:25px!important;background-color:#000;color:#fff!important;background-image:none;}
div#FSContact1 div input[type=submit]:hover, div#FSContact2 div input[type=submit]:hover, div#FSContact3 div input[type=submit]:hover, div#FSContact4 div input[type=submit]:hover {color:#fff!important;background: #777!important;border-color: #777!important;}
body.home div#sidebar, body.et_pb_pagebuilder_layout div#sidebar {display:none}
tr.even, tr#even {background-color: #f1f1f1}

#contactform .et_pb_contact {width: 100%;}
.et_pb_contact p input, .et_pb_contact p textarea, .et_pb_contact select {background-color:#ddd;margin-bottom:10px;}
.et_pb_contact select {background-color: #ddd;border: none!important;width: 100% !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;font-size: 16px;color: #999 !important;padding: 10px !important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 44px;}

div#contactform .et_pb_contact_submit {color:#fff;font-size:1.2em;margin: 0 auto 0;width: 100%;background: #F39D0A;border-color: #F39D0A;}
div#contactform .et_pb_contact_submit:hover {color:#fff!important;background: #777!important;border-color: #777!important;}
div#contactform .et_pb_contact_left p {width:100%}

input.wpcf7-form-control.wpcf7-submit.et_pb_contact_submit {margin: 0 auto 0; width: 100%; background: #252525;border-color: #252525;height:47px;}
input.wpcf7-form-control.wpcf7-submit.et_pb_contact_submit:hover {color:#fff!important;border-color: rgba( 0, 0, 0, 0.05 )!important;background: rgba( 0, 0, 0, 0.05 )!important;}
input.wpcf7-form-control {padding-left: 5px;}
.et_pb_contact .last {margin-right:0}
.et_pb_contact_form {margin-left:0}


div#ourlocation iframe {max-height: 200px;}

/* sidebar widget */

#sidebar #text-14  h4.widgettitle::before {content: "\f073";font-family: 'FontAwesome';height: 23px;right: 8%;position: absolute;top: 20px;transform: translateX(-50%);width: 23px;font-size: 23px;}
#sidebar h4.widgettitle {text-align: center;font-size: 1.7em;}
#sidebar .et_pb_contact_submit {color:#fff;font-size:1.2em;margin: 0 auto 0;width: 100%;background: #F39D0A;border-color: #F39D0A;}
#sidebar .et_pb_contact_submit:hover {color:#fff!important;background: #777!important;border-color: #777!important;}
#sidebar p.tag-line {text-align:center;line-height: 1em;padding-bottom: 15px;}


/*#sidebar #text-14 .widgettitle, #sidebar #text-14 .textwidget p.tag-line, #sidebar #text-14 form.wpcf7-form {background: #F39D0A !important;}*/

@media only screen and (min-width: 981px) {
div#pagetitle h2 {font-size: 50px;}
#et-secondary-menu {margin-right:0!important;width:100%;}
#et-secondary-nav {width:100%;}
li.welcome, li.book {width: 30%!important;}
li.welcome{float: left;}
li.book {float: right;}
#sidebar {padding-left:5px!important;}
#et-top-navigation {margin-right: 130px;}
#et-info #right {margin-right:150px;}
}

@media only screen and (max-width: 480px){
p#footer-info {font-size:0.4em}
footer#main-footer div.container {width: 90%}
#footer-widgets .footer-widget li {padding:0;margin-bottom: 6px;}
#footer-widgets .footer-widget li:before {display:none}
#footer-widgets .footer-widget li a {padding: 12px 5%;width: 100%;background-color:#333;display:block}
table#chiroconditions, table#chiroconditions td {width:100%}
table#chiroconditions td {float:left}
div#localschema a {padding: 15px 5%;width: 90%;background-color: #333;display: block;color: #fff;margin-top: 10px}
ul#services {list-style:none;padding:0}
ul#services li a {padding: 12px 5%;width: 90%;background-color:#f7f7f7;border-bottom: 2px solid rgba(0,0,0,0.03);display:block}
#left-area .post-meta {font-size: 10px}
div#fpsocial div {font-size: 0.75em!important}
div#fblike {float: right;width: 75%}

.chiro_bhours h2 {font-size:14px}
.chiro_bhours h3 {font-size:11px}
div#FSContact1, div#FSContact1 div {width: 100%!important;padding-left: 0px!important;text-align: left!important;}
div#FSContact1 div input {background-color: #ddd;border: none!important;width: 100% !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;font-size: 16px;color: #999 !important;padding: 10px !important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 44px;}
div#FSContact1 div textarea {background-color: #ddd;border: none!important;width: 100% !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;font-size: 16px;color: #999 !important;padding: 10px !important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100px;}
div#FSContact1 div span input[type=radio] {height:auto;width:13px!important}
div#FSContact1 div input[type=submit] {margin-bottom:25px!important;background-color:#000;color:#fff!important}
div#text-6, div#text-7 {width: 100%;}
#et-info #right {float: none;margin-right: 0;font-size: 1.4em;line-height: 1.2em;}
#et-info #left {float: none;line-height: 1.4em;}

}
@media (max-width: 400px){

  /* ------------------------------------------
     1) Classic editor + general aligned images
     ------------------------------------------ */
  .entry-content img.alignleft,
  .entry-content img.alignright,
  .et_pb_post_content img.alignleft,
  .et_pb_post_content img.alignright,
  .single-post .post-content img.alignleft,
  .single-post .post-content img.alignright{
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 16px !important;
  }

  /* ------------------------------------------
     2) Gutenberg image blocks (figure wrappers)
     ------------------------------------------ */
  .entry-content figure.wp-block-image.alignleft,
  .entry-content figure.wp-block-image.alignright,
  .entry-content .wp-block-image.alignleft,
  .entry-content .wp-block-image.alignright{
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 16px !important;
  }

  .entry-content figure.wp-block-image.alignleft img,
  .entry-content figure.wp-block-image.alignright img,
  .entry-content .wp-block-image.alignleft img,
  .entry-content .wp-block-image.alignright img{
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .entry-content figure.wp-block-image.alignleft figcaption,
  .entry-content figure.wp-block-image.alignright figcaption,
  .entry-content .wp-block-image.alignleft figcaption,
  .entry-content .wp-block-image.alignright figcaption{
    width: 100% !important;
    text-align: center;
  }

  /* ------------------------------------------
     3) Optional: also stop classic aligned captions
     ------------------------------------------ */
  .entry-content .wp-caption.alignleft,
  .entry-content .wp-caption.alignright{
    float: none !important;
    display: block !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 16px !important;
  }

  .entry-content .wp-caption.alignleft img,
  .entry-content .wp-caption.alignright img{
    width: 100% !important;
    height: auto !important;
  }
}