/*
Theme Name: Bee Removal Specialist
Description: Child theme of Income, built specifically for Bee Safe Bee Removal
Template: income-wp
Author: BigDCreative
Author URI: http://bigdcreative.com/
Version: 1.0.1

License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Begin Customization Outside Admin Parameters */
/* Orange - #cb9100 / Light Blue - #dcf5f8 / Yellow - #ffff00 */

body {font: 14px "Open Sans", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;}
.text-highlight-3 {color:#ffff00;}
a:hover {
  -webkit-transition-duration: .5s; /* Safari */
  transition-duration: .5s;
}
.fullwidth {width:100%;}
.align-right {float:right;}
.headline {margin-bottom:30px;}

/* ---------------------- FONTS  ---------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
.fontRoboto {
  font-family: 'Roboto';
}
.fontOpenSans {
  font-family: 'Open Sans';
}


/*------------------- Header Behavior -------------------*/
#header-wrap {height:124px;}
#logo {padding:5px 0 10px;}
.sf-menu li.dropdown ul {top:80%;}
ul#mobile-menu.fixed {position:relative;z-index:9999;}
ul#mobile-menu li a {color:#ffff00;}
ul#mobile-menu li ul li a {color:#dcf5f8;}
#mobile-menu .mobile-menu-submenu-arrow {color:#ffff00;}
#page-header {margin-top:20px;}
#page-header h3 {border-radius:50px;}
#page-header h1 {color:#cb9100;}
h3.page-header-title {font-size:40px;}
#mobile-menu-trigger {margin-top:40px;}
div#header.stuck #logo {padding:1px;width:70%;}
div#header.stuck .sf-menu > li > a, div#header.stuck .sf-menu > li.dropdown > a {padding: 32px 25px 35px;}
div#header.stuck #custom-search-button {top:31px;right:35px;margin-top:32px;}
div#header.stuck .hphone.mainp {padding-top:0;}
div#header.stuck .sf-menu li.dropdown ul {top:100%;}
/* .header-phone {position:absolute;top:0;right:0;z-index:99999;} */
.header-phone {text-align:center;margin-top:10px;}
div#header.stuck .header-phone {margin-top:0;}
.hphone {padding:5px 10px;font-size:32px;font-weight:700;}
.hphone a {color:#000;}
.hphone a:hover {text-decoration:none;color:#cb9100;}
.sf-menu > li > a, .sf-menu > li.dropdown > a {padding:75px 25px 60px;}
#custom-search-button {position:static;float:right;margin-top:75px;}
a#mobile-menu-trigger:visited {color:#cb9100;}
/* div.boxed {padding:20px;background-color:rgba(0,0,0,0.5);} */

/*------------------- Page Behavior -------------------*/
.wpb_wrapper ul {list-style-type:none;}
.wpb_wrapper ul li {margin-bottom:20px;margin-left:30px;}
.wpb_wrapper ul li:before {
  color: #cb9100;
  content: "•";
  font-size: 32px;
  font-weight: bold;
  margin: 0px 10px 0px -22px;
  position: relative;
  top:-2px;
  vertical-align: middle;
}
.wpb_wrapper ol {list-style-position:outside;margin-left:20px;}
.wpb_wrapper ol li {margin-bottom:20px;}
.wpb_wrapper img {margin-bottom:15px;margin-top:20px;}

/*------------------- Home Page Behavior -------------------*/
.slider-headline {font-size:50px;line-height:56px;color:#fff;}
.slider-content {font-size:20px;line-height:28px;color:#fff;padding:20px;background:rgba(97,182,205,0.5);}
h3.slider-headline span {font-size:inherit !important;}
a.service-box {text-decoration:none;margin-bottom:20px;}
a.service-box .wpb_wrapper {border:2px solid #cb9100;}
a.service-box h3 {text-align:center;padding:20px;color:#fff;background-color:#cb9100;margin:0;}
a.service-box .wpb_wrapper {width:100%;overflow:hidden;border-radius:30px;}
a.service-box .wpb_wrapper img.attachment-home-service-size {margin-top:0;margin-bottom:0;width:100%;height:auto;}
a.service-box:hover .wpb_wrapper {
  border-color:#000;
  -webkit-transition: border-color 0.7s;
  transition: border-color 0.7s;
}
a.service-box:hover h3 {
  color:#ffff00;
  background-color:#000;
  -webkit-transition: color 0.7s;
  transition: color 0.7s;
  -webkit-transition: background-color 0.7s;
  transition: background-color 0.7s;
}
.home-quality {background-color:rgba(0,0,0,0.7);color:#fff;padding:20px;}
#home-services .vc_column_container {border:3px solid #fff;}
#home-services div.headline {border-radius:15px;}
#home-services div.headline h2 {color:#ffff00;}
#home-services h4 {color:#fff;}
.testimonial-slider .bx-wrapper {margin:0 auto;}
.testimonial-slider .testimonial h3 {padding-top:0;}
span.posted-on, span.byline {color:#cb9100;}

/*------------------- Home Page (Bee Types) Behavior -------------------*/

#bees {width:100%;display:block;overflow:hidden;margin-bottom:20px;}
#hex-cont {width:49%;float:left;display:inline-block;}
#hex-tab-cont {width:49%;float:right;display:inline-block;padding:20px 0;}
#hex-tab-cont h3, #hex-tab-cont h4 {color:#cb9100;margin-bottom:15px;}
/* .hex-tab{position:absolute;} */
#bee-types li>div{cursor:pointer;}
.hex-tab {
  /* visibility: hidden;
  opacity: 0; */
  display:none;
  -webkit-transition: visibility 0s 1s, opacity 1s linear;
    -moz-transition:transition: visibility 0s 1s, opacity 1s linear;
    -o-transition:transition: visibility 0s 1s, opacity 1s linear;
  transition: visibility 0s 1s, opacity 1s linear;
}
.visible {
  /* visibility: visible;
  opacity: 1; */
  display:block;
  -webkit-transition: opacity 1s linear;
    -moz-transition:opacity 1s linear;
    -o-transition:opacity 1s linear;
  transition: opacity 1s linear;
}
#hex-tab-cont img {width:50%;}
#bee-types{overflow:hidden;width:90%;/* margin:0 auto; */}
.clr:after {content:"";display:block;clear:both;}
#bee-types li {
  position:relative;
  list-style-type:none;
  width:27.85714285714286%; /* = (100-2.5) / 3.5 */
  padding-bottom: 32.16760145166612%; /* =  width /0.866 */
  float:left;
  overflow:hidden;
  visibility:hidden;
  margin: 0;
  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
}
#bee-types li::before {content:none;}
#bee-types li:nth-child(3n+2) {margin:0 1%;}
#bee-types li:nth-child(6n+4) {margin-left:0.5%;}
#bee-types li:nth-child(6n+4), #bee-types li:nth-child(6n+5), #bee-types li:nth-child(6n+6) {
  margin-top: -6.9285714285%;
  margin-bottom: -6.9285714285%;
  -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
#bee-types li:nth-child(6n+4):last-child, #bee-types li:nth-child(6n+5):last-child, #bee-types li:nth-child(6n+6):last-child{
  margin-bottom:0%;
}
#bee-types li * {position:absolute;visibility:visible;}
#bee-types li > div{
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  overflow:hidden;
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility:hidden;
  
}

/* HEX CONTENT */
#bee-types li img {left:-100%; right:-100%;width: auto; max-width:none;height:100%;margin:0 auto;   }

#bee-types div h4, #bee-types div p {
  width:90%;
  padding:0 5%;
  background-color:#cb9100; background-color: rgba(203, 145, 0, 0.8);
  font-family: 'Raleway', sans-serif;
  
  -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  -ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}
#bee-types li h4 {
  bottom:110%;
  font-style:italic;
  font-weight:normal;
  font-size:1.2em;
  padding-top:100%;
  padding-bottom:100%;
}
#bee-types li h4:after {
    content:'';
  display:block;
  position:absolute;
  bottom:-1px; left:45%;
  width:10%;
  text-align:center;
  z-index:1;
  border-bottom:2px solid #fff;
}
#bee-types li p {padding-top:50%;top:110%;padding-bottom:50%;}

/* HOVER EFFECT  */

#bee-types li div:hover h4 {bottom:47.5%;padding-bottom:10%;width:100%;}
#bee-types li div:hover p {top:49%;padding-top:10%;width:100%;}
#fork{
  position:fixed;
  top:0;
  left:0;
  color:#000;
  text-decoration:none;
  border:1px solid #000;
  padding:.5em .7em;
  margin:1%;
  transition: color .5s;
  overflow:hidden;
}
#fork:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 130%; height: 100%;
  background: #000;
  z-index: -1;
  transform-origin:0 0 ;
  transform:translateX(-100%) skewX(-45deg);
  transition: transform .5s;
}
#fork:hover {color: #fff;}
#fork:hover:before {transform: translateX(0) skewX(-45deg);}

/*------------------- Blog Page Behavior -------------------*/
div.container-inner.blog-2-cols{overflow:auto;}
div#income-sidebar.span4 .widget.widget_search,
div#income-sidebar.span4 .widget.widget_recent_entries,
div#income-sidebar.span4 .widget.widget_archive {
  padding:0 20px;
}
#income-sidebar.span4 #recent-posts-2.widget.widget_recent_entries,
#income-sidebar.span4 #archives-2.widget.widget_archive {
  text-align:left;
}
#income-sidebar.span4 form.searchform input[type="text"] {
  border: 2px solid #d7d7d7;
  border-radius: 10px;
}
.container-inner.blog-2-cols .row .span6 .post.type-post:nth-child(odd) {
  padding-left:15px;
}
.container-inner.blog-2-cols .row .span6 .post.type-post:nth-child(even) {
  padding-right:15px;
}
/*------------------- Contact Page Behavior -------------------*/
#contact-area ul li::before {content:none;}
.contact-form input {border-radius:5px;border:2px solid #d7d7d7;}
.contact-headline .headline {margin-bottom:0px;}

/*------------------- Service/Area (specific) Page Behavior -------------------*/
.serv-feat {margin-top:-60px;margin-bottom:30px;padding:0 10px;}

/*------------------- Testimonials Page (specific) Page Behavior -------------------*/
.review {width:100%;overflow:hidden;padding:20px;}
h4.rev-title {float:left;margin-right:15px;}
.rev-rate i.fa {color:#cb9100;}
.rev-location {width:100%;float:left;margin-bottom:15px;}
.rev-content {margin-right:40px;}
.rev-rate img {margin-left:20px;}

/*------------------- Sitemap Page Page Behavior -------------------*/
h2.wsp-pages-title,
h2.wsp-servicess-title,
h2.wsp-service-areass-title,
h2.wsp-posts-title {margin-bottom:20px !important;}
ul.wsp-pages-list,
ul.wsp-servicess-list,
ul.wsp-service-areass-list {list-style:none;line-height:12px;margin-bottom:30px !important;}
.wsp-container ul li:before {content:none;}
.wsp-container ul li a:visited {color:#cb9100;}

/*------------------- Blog Behavior -------------------*/
div#income-sidebar.span4 .widget.widget_search,
div#income-sidebar.span4 .widget.widget_recent_entries,
div#income-sidebar.span4 .widget.widget_archive{padding:0 20px;}
div#income-sidebar.span4 .widget.widget_recent_entries,
div#income-sidebar.span4 .widget.widget_archive{text-align:left;}

/*------------------- Footer Behavior -------------------*/
#footer {padding: 45px 0}
#footer-head {text-align:center;}
#footer-head img { 
  display:inline-block;
  -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#footer-head h3 {display:inline-block;font-weight:700;font-size:34px;}
#footer-head span {color:#ffff00;text-transform:uppercase;}

#footer-form input[type="text"], textarea {border-radius:5px;border: 2px solid #d7d7d7;}
#footer-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  font-size:18px !important;
}
#footer-form .gform_wrapper .gfield_required {color:#ffff00 !important;}
#footer-form .gform_wrapper textarea#input_1_6.textarea.medium {height:40px;}
#footer-form .gform_wrapper label#label_1_7_1 {font-size:16px;}
#footer-form .gform_wrapper label#label_1_7_1 a {color:#ffff00;}
.footer-location {text-align:center;font-size:16px;}
.footer-location strong {color:#cb9100;}
.footer-location i.fa {margin:20px 10px 10px;}
.footer-location a:hover {text-decoration:none;}
#angies {width:200px;margin:auto;}

/*------------------- Video Behavior -------------------*/
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------- Responsive Behavior -------------------*/
@media (max-width:1689px) {
  .header-phone {margin-top:20px;}
  .hphone {font-size:24px;}
}
@media (max-width:1339px) {
  .header-phone {margin-top:25px;}
  .hphone {font-size:20px;}
}
@media screen and (max-width:1199px) {
  #bee-types li h4 {font-size:0.9em;line-height:0.9em;}
  #bee-types li div:hover h4 {bottom: 45%;}
  #bee-types li p {font-size:0.7em;line-height:0.8em;}
  #logo {padding:15px 0 10px;}
}
@media (max-width:1169px) {
  .header-phone {width:100%;margin-top:0;}
  .header-phone.align-right {float:none;}
  .hphone {display:inline-block;float:right;}
  .hpnone.mainp {padding-top:5px;}
  .row.headrow .span8 {float:right;width:83.33333%;}
  .sf-menu > li > a, .sf-menu > li.dropdown > a {padding: 45px 25px 25px;}
  #custom-search-button {margin-top:45px;}
}
@media screen and (max-width:991px) {
  .row.headrow .span2.logotype {width:300px;}
  .row.headrow .span8 {width:300px;}
  .hphone {float:right;}
  .hphone.localp {padding-top:5px;}
  img.size-half-page-size {width:300px;height:auto;}
  #custom-search-button {margin-right:30px;}
  #mobile-menu-trigger {margin-top:32px;}
  #logo {padding:0 0 10px;}
  .header-phone {width:50%;}
}
@media screen and (max-width:767px) {
  #logo {width:200px;padding-bottom:0;}
  .header-phone {width:100%;}
  #mobile-menu-trigger {top:55px;margin-top:0;}
  a.service-box{   
    width:250px;
    display: inline-block;
    vertical-align: top;}
  #service-list{text-align:center;}
}
@media screen and (max-width:699px) {
  #page-header {margin-bottom:40px;}
  #page-header h1 {font-size:20px;}
  #bee-types li h4 {font-size:0.7em;line-height:0.8em;}
  #bee-types li p {font-size:0.5em;line-height:0.6em;}
  .hphone {font-size:14px;}
  #mobile-menu-trigger {top:40px;}
}
@media screen and (max-width:665px) {
  a.service-box h3 {font-size:18px;
  }
}
@media screen and (max-width:550px) {
  img.size-half-page-size {width:100%;height:auto;float:none;margin-left:0;}
  a.service-box{width: 47%;}
  #bee-types li div:hover h4 {bottom:41%;}
}
@media screen and (max-width: 499px) {
  #hex-cont {width:100%;float:none;}
  #hex-tab-cont {width:100%;float:none;}
  #hex-tab-cont p {margin-bottom:0;}
  .headrow {margin-top:5px;}
  /* .header-phone {width:100%;text-align:center;} */
  .hphone {
    width:43%;
    text-align:center;
    float:none;
    display:inline-block;
    background-color:#cb9100;
    /* border: 1px solid #fff; */
  }
  .hphone a:hover {color:#fff;}
  /* .mainp {border-bottom-left-radius:15px;} */
  /* .localp {border-bottom-right-radius:15px;} */
  #logo {padding:40px 0 10px;}
  #logo img {max-width:60%;}
  #header-wrap {height:110px;}
}
@media screen and (max-width:470px){
   a.service-box{width: 100%;}
}
@media screen and (max-width:420px) {
  #content p img.alignleft{margin:20px 0 !important;width:100%;}
}
@media screen and (max-width:400px) {
  .hphone {width:41%;}
}

 

  
/* The Modal (background) */
.service-popup {
   /* display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    left: -100%;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content/Box */
.service-popup-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    max-width: 600px;
}

/* The Close Button */
.close-appointment {
    color: #8a8989;
    float: right;
    font-size: 34px;
    font-weight: bold;
    top: -19px;
    position: relative;
}

.close-appointment:hover,
.close-appointment:focus {
    color: darkred;
    text-decoration: none;
    cursor: pointer;
}

.book-appointment{
    padding: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #e9c81d;
    width: 300px;
    height: 100px;
    margin-bottom: 20px;
    cursor: pointer;
	text-align: center;
}

.book-appointment-header{
    font-size:25px;
    font-family: 'Oswald', sans-serif;
}

.book-appointment-button{
     background-color: rgb(255, 215, 0);
     font-family: Roboto;
     font-weight: 700;
     border-radius: 100px;
     font-size: 25px;
     padding-right: 35px;
     padding-left: 35px;
     padding-bottom: 10px;
     padding-top: 10px;
 }

.book-appointment-button:hover{
    background-color: #ffa200;
}

#select-area {
    color: #42464e;
    font-size: 22px;
}