/*
	Theme Name: Wasp Guys
	Theme URI: http://mnervais.com/wasp-guys
	Author: MNervais
	Author URI: http://mnervais.com
	Description: 
	Version: 0.1 alpha
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: blue
	Text Domain: Wasp Guys
*/






/*=============
	WIDGET
=============*/

#tab-widget-1-titles {
	padding: 0;
	-webkit-transition: background-color 0.3s;
}

#tab-widget-1-titles:hover {
	background-color: #f9f9f9;
	-webkit-transition: background-color 0.3s;
}

#tab-widget-1-titles-inner {
	padding: 20px;
}

.widget_tab_widget_1 {
	margin-top: 100px;
}

#tab-widget-img-primary {
	height: auto;
	max-width: 70px;
	margin-bottom: 20px;
}

#tab-widget-title-primary h2 {
	font-size: 14px;
	letter-spacing: 1pt;
}


#tab-widget-1-content {
	padding: 0;
	-webkit-box-shadow: 0 2px 30px 0 #e0e5f0;
	box-shadow: 0 2px 30px 0 #e0e5f0;
}

#tab-widget-selector {
	width: 50%;
	height: 3px;
	-webkit-transition: -webkit-transform 0.5s, transform 0.5s;
}

#tab-widget-selector.active {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.5s, transform 0.5s;
}

#tab-widget-1-content-container {
	padding: 70px; /*Accomodates for selector*/

}

#tab-widget-img-secondary {
	height: auto;
	max-width: 90px;
}

#tab-widget-1-col-2 {
	text-align: left;
}

#tab-widget-title-secondary h2 {
	font-size: 18px;
	letter-spacing: 2pt;
}

#tab-widget-section-2 {
	display: none;
}

#tab-widget-section-1.hide {
	display: none;
}

#tab-widget-section-2.show {
	display: block;
}


/*TIMELINE*/
.timeline,
.timeline-horizontal {
  list-style: none;
  padding: 20px;
  position: relative;
}
.timeline:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline .timeline-item {
  margin-bottom: 50px;
  position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
  content: "";
  display: table;
}
.timeline .timeline-item:after {
  clear: both;
}
.timeline .timeline-item .timeline-badge {
  color: #fff;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  z-index: 100;
}
.timeline-badge img {
	height: auto;
	max-width: 70px;
}
.timeline .timeline-item .timeline-badge img {
  top: 2px;
  left: 0px;
}
.timeline .timeline-item .timeline-badge.primary {
  background-color: #1f9eba;
}
.timeline .timeline-item .timeline-badge.info {
  background-color: #5bc0de;
}
.timeline .timeline-item .timeline-badge.success {
  background-color: #59ba1f;
}
.timeline .timeline-item .timeline-badge.warning {
  background-color: #d1bd10;
}
.timeline .timeline-item .timeline-badge.danger {
  background-color: #ba1f1f;
}
.timeline .timeline-item .timeline-panel {
  position: relative;
  width: 46%;
  float: left;
  right: 16px;
  background: #ffffff;
  border-radius: 2px;
  padding: 20px;
  -webkit-box-shadow: 0 2px 30px 0 #e0e5f0;
  box-shadow: 0 2px 30px 0 #e0e5f0;
}
.timeline .timeline-item .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -16px;
  display: inline-block;
  border-top: 16px solid transparent;
  border-left: 16px solid #c0c0c0;
  border-right: 0 solid #c0c0c0;
  border-bottom: 16px solid transparent;
  content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
  margin-top: 5px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
  float: right;
  left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}




/*Accordion widget*/

.accordion {
	float: left;
    background-color: #FFF;
    cursor: pointer;
    padding: 35px 25px 25px 25px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    -webkit-box-shadow: 0 2px 30px 0 #e0e5f0;
    box-shadow: 0 2px 30px 0 #e0e5f0;
    transition: 0.4s;
}

#accordion-glyph {
	max-width: 50px;
	width: auto;
}

#accordion-widget-title h2 {
	font-size: 14px;
	letter-spacing: 1pt;
}

.active, .accordion:hover {
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0px 6px 10px 0 #e0e5f0;
    box-shadow: 0px 6px 10px 0 #e0e5f0;
    border-radius: 0;
    text-align: left;
    transition: max-height 0.2s ease-out;
}

#accordion-panel-col {
	padding: 20px;
}

.accordion-li {
	display: inline-block;
}

#accordion-widget-title h2:after {
    content: '\02795'; 
    font-size: 13px;
    float: right;
    margin-left: 5px;
}



/*OTHER SERVICES*/

#services-main {
	text-align: center;
}

.other-services-col {
	padding: 30px;
	margin: 20px 0 20px 0;
	background: #fff;
	-webkit-box-shadow: 0 2px 30px 0 #e0e5f0;
	box-shadow: 0 2px 30px 0 #e0e5f0;
}

#ants-border-top  	 { border-top: 4px solid #f40e1e; }
#bees-border-top  	 { border-top: 4px solid #0e3ff4; }
#wasps-border-top 	 { border-top: 4px solid #f4c10e; }
#hornetss-border-top { border-top: 4px solid #f4750e; }

.services-btn {
	padding: 8px;
	margin: 20px 0 20px 0;
	color: #fff;
	-webkit-box-shadow: 0 2px 30px 0 #e0e5f0;
	box-shadow: 0 2px 30px 0 #e0e5f0;
}

#ants-border  { background: #f40e1e; border: solid 2px #f40e1e; }
#bees-border  { background: #0e3ff4; border: solid 2px #0e3ff4; }
#wasps-border { background: #f4c10e; border: solid 2px #f4c10e; }





/*TEAM*/
#team-main {
	text-align: center;
	background: #F9F9F9
}
#xx-border-top { border-top: 4px solid #fc1863; }





/*PRICING*/

#pricing-main {
	text-align: center;
}

.pricing-col {
	margin: 20px 0 20px 0;
	background: #fff;
	-webkit-box-shadow: 0 2px 30px 0 #e0e5f0;
	box-shadow: 0 2px 30px 0 #e0e5f0;
}

.pricing-table {
	padding-bottom: 10px;
}
	
	.pricing-header {
		padding: 5px;
	}

	.pricing-body {
		padding: 15px;
	}


	#ants-price-head 	{ background: #f40e1e; }
	#ants-price-head h4 { color: #fff; }

	#bees-price-head 	{ background: #0e3ff4; }
	#bees-price-head h4 { color: #fff; }

	#wasps-price-head 	 { background: #f4c10e; }
	#wasps-price-head h4 { color: #fff; }


	/*BADGES*/
	.pricing-amount-badge {
		position: absolute;
		right: 1%;
		top: 2%;
		padding: 15px;
		border-radius: 100%;
		font-size: 16px;

		color: #fff;
		-webkit-box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.1);
	}

	#ants-quantity { background: #f40e1e; }
	#bees-quantity { background: #0e3ff4; }
	#wasps-quantity { background: #f4c10e; }

	.pricing-btn {
		border: none;
		background: transparent;
		color: #fff;
		font-size: 20px;
	}

	.discount {
		position: absolute;
		left: 1%;
		top: 2%;
		padding: 8px;
		font-size: 10px;
		display: none;
	}

	#wasps-discount {
		background: orange;
		color: #fff;
		display: block;
	}



/*CONTACT SIDEBAR*/
#contact-main {
	background: #f4c10e;
	text-align: center;
}

#contact-form-col {
	background: #f4c10e;
}

.contact-btn {
	padding: 12px;
    margin-top: 40px;
    font-size: 16px;
	background: #fff;
	color: #f4c10e;
	border: none;
	transition: 0.4s;
}

.services-btn:hover, .contact-btn:hover {
	opacity: 0.8;
	transition: 0.4s;
}

.contact-btn.ant {
	color: #f40e1e;
}
.contact-btn.bee {
	color: #0e3ff4;
}


/*COUNTER*/
#counter-widget-number {
	font-size: 40px; 
	color: #fff; 
	letter-spacing: 0pt;
}

#counter-widget-title h2 {
	font-size: 18px; 
	font-weight: lighter; 
	color: #fff; 
	margin: 0;
	text-transform: uppercase;
}

#counter-glyph {
	max-width: 60px;
	height: auto;
	opacity: 0.5;
	margin-bottom: 10px;
}


/*TESTIMONIALS*/
.wpmslider-viewport {
	padding-top: 20px;
	padding-bottom: 20px;
	height: unset !important;
}

.testimonial-inner {
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 0 15px 0 15px
}

.strong-view.controls-style-buttons .wpmslider-next, .strong-view.controls-type-sides .wpmslider-prev {
	color: #f4c10e !important;
}

.testimonial-client {
	padding: 100px;
	-webkit-box-shadow: 0 2px 30px 0 #e0e5f0;
	box-shadow: 0 2px 30px 0 #e0e5f0;
	border-top: 4px solid #f4c10e; 
	background: #fff;
}

.testimonial-img {
	background: url('https://waspguys.com/wp-content/uploads/2018/07/iconmonstr-quote-1-24-1.png');
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
	padding-top: 20px;
}

.testimonial-name {
	text-transform: uppercase;
}

.testimonial-loc {
	font-size: 12px;
	letter-spacing: 0pt;
	color: #cecece;
	margin-bottom: 5px;
}

.testimonial-q {
	font-size: 18px; 
	font-weight: 
	lighter; 
	font-family: 'opensansregular'; 
	color: #626c84; 
	margin: 0;
}

.testimonial-rating {
    margin-bottom: 20px;
}

.strong-rating span.star:before {
    color: #f4c10e !important;
}

/*CONTACT FORM*/
/*CONTACT FORM*/
#form-container {
	margin-top: 10px;
	margin-bottom: 10px;
}


form.wpcf7-form label{
	display: unset;
	font-size: 18px;
	font-family: 'Futura Book';
	color: #757575;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    background-color: transparent;
    color: #757575;
    width: 100%;
}

.wpcf7-form-control {
	border: none;
	border-bottom: 3px solid #e4e4e4;
	border-radius: 0px;
	padding-left: 8px;
	padding-right: 8px;
}

input.wpcf7-form-control.wpcf7-submit {
	margin-top: 20px;
	background-color: #f4c10e;
	border: 2px solid #f4c10e;
	color: #fff;
	-webkit-transition: color 1s, background-color 1s;
	padding: 4px 15px 4px 15px;
	width: 100%;
	font-family: 'Futura Book';
}

input.wpcf7-form-control.wpcf7-submit:hover {
	opacity: 0.8;
	transition: 0.3s;
}

div.wpcf7-response-output {
	color: #757575;
	margin: 0;
	margin-top: 10px;
}

span.wpcf7-not-valid-tip {
	padding: 8px 0 0 8px;
	font-size: 10px;
}

form br{ display: none;}

#cf7-recaptcha {
    border-bottom: none !important;
    padding-left: 0px;
}





/*OPT IN*/
.opt-in-img {
	max-width: 100%;
}

    /*OPT IN PAGE*/
    .opt-in-box {
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	-webkit-transform: translate(-50%, -50%);
    	transform: translate(-50%, -50%);
    
    	padding: 40px;
    	height: 600px;
    	width: 500px;
    	background: #fff;
    	background-image: url('https://waspguys.com/wp-content/uploads/2018/05/Untitled-2-min.png');
    	background-repeat: no-repeat;
    	background-position: 10% -250%;
    
    	-webkit-box-shadow: 0px 0px 31px -12px rgba(0,0,0,0.75);
    	-moz-box-shadow: 0px 0px 31px -12px rgba(0,0,0,0.75);
    	box-shadow: 0px 0px 31px -12px rgba(0,0,0,0.75);
    }
    
    .mc-logo {
    	max-width: 60%;
    	height: auto;
    	margin-bottom: 10px;
    }
    
    .mc-title {
    	font-style: italic;
    	font-size: 20px;
    	margin-bottom: 20px;
    	margin-left: 4px;
    }
    
    input#mce-EMAIL {
    	border: none;
    	border-bottom: 3px solid #e4e4e4;
        padding: 10px;
        margin-bottom: 20px;
    }
    
    input#mc-embedded-subscribe {
    	border: none;
    	background: #f4c10e;
    	color: #fff;
    	padding: 4px 15px 4px 15px;
    }
    
    div.mc4wp-response {
    	margin-top: 20px;
    }




/*google MAP*/
	.overlay {
		position: relative;
		background: rgba(0,0,0,0.4);
	}

	.overlay-text {
		position: absolute;
		padding-top: 140px;
	}

	.overlay-text h2, .overlay-text p {
		color: #fff;
	}

	.google-maps-1 {
		height: 700px;
		width: 100VW;
		z-index: -1;
	}

	.google-maps-2 {
		height: 500px;
		width: 100%;
	}

	a[href^="http://maps.google.com/maps"]{display:none !important}
	a[href^="https://maps.google.com/maps"]{display:none !important}

	.gmnoprint a, .gmnoprint span, .gm-style-cc {
	    display:none;
	}
	.gmnoprint div {
	    background:none !important;
	}

	.default-btn {
		padding: 12px;
		margin-top: 40px;
		font-size: 16px;
		background: #f4c10e;
		color: #fff;
		border: none;
		transition: 0.4s;
	}

	.default-btn:hover {
		opacity: 0.8	
	}

	.default-btn.ant {
		background: #f40e1e;
	}

	.default-btn.bee {
		background: #0e3ff4;
	}



/*WWO*/
	#wwo-main {
		margin: 100px 0 100px 0;
	}

	#wwo-main {
		font-size: 21px;
	}

	#wwo-main div.row{
		margin-bottom: 30px;
	}

	.tab {
		margin-top: 60px;
	}

	/* Style the buttons that are used to open the tab content */
	.tab button {
	   padding: 15px;
		background-color: #f9f9f9; 
		border: 1px solid #fff; 
		text-align: center;
		-webkit-transition: background-color 0.2s;
	    outline: none;
	}

	/* Change background color of buttons on hover */
	.tab button:hover {
	    background: #f4c10e;
		color: #fff;
		-webkit-transition: background-color 0.2s;
	}

	/* Create an active/current tablink class */
	.tab button.active {
		background-color: #f4c10e;
		color: #fff;
		-webkit-transition: background-color 0.2s;
	}

	.tab button.active:after {
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
		border-top: 20px solid #f4c10e;
		bottom: -20px;
		content: "";
		left: 50%;
		margin-left: -16px;
		position: absolute;
		z-index: 99;
	}

	/* Style the tab content */
	.tabcontent {
	    display: none;
	}

	#Herts {
		display: block;
	}

	.table>tbody>tr>td {
		width: 100vw;
	}

	/*SIDEBAR*/
	.locations-sidebar, .locations-col {
		padding: 20px;
		border: 1px solid #eee;
		margin-top: 20px;
	}




/*WORK POST TYPE*/
.work-tags {
	padding: 10px 0 10px 0;
}

.attachment-work-img {
	height: auto;
	max-width: 100%;
	margin-bottom: 10px;
}

#ants-tags  { color: #f40e1e; }
#bees-tags  { color: #0e3ff4; }
#wasps-tags { color: #f4c10e; }

.work-casestudy-fields {
	padding: 0 0 15px 0;
}

#recent-work-img {
	padding: 0;
	width: 40px;
    height: 40px;
    position: relative;
    overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.attachment-recent-work-img {
	display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

	.team-imgs-casestudy {
		height: auto;
		max-width: 100%;
		margin-bottom: 10px;
	}

	.work-casestudy-fields p img {
		max-width: 100%;
		height: auto;
	}

	.casestudy-hr {
		opacity: 0;
}


/*SITEORIGIN*/
div#pg-1251-0, div#pg-1698-0,div#pg-1283-1, div#pg-1279-1, div#pg-1281-1, div#pg-1281-4, div#pg-1251-1 {
	margin-bottom: 0;
}

.from-text{
	font-size: 10px;
}

.drop-shadow {
    -webkit-box-shadow: 0 2px 30px 0 #e0e5f0;
    box-shadow: 0 2px 30px 0 #e0e5f0;
}

.WCYD {
    padding: 30px; 
    background: #fff;
}

@media only screen and (max-width : 992px) {

	/*TESTIMONIALS*/
	.wpmslider-controls {
		display: none;
	}

	.opt-in-img {
		max-width: 80%;
	}
}



@media only screen and (max-width : 767px) {
	#tab-widget-1-titles-inner {
		padding: 30px;
	}

	#tab-widget-img-primary {
		height: auto;
		max-width: 50px;
		margin-bottom: 0;
	}

	#tab-widget-title-primary h2 {
		display: none;
	}

	#tab-widget-1-content-container {
		padding: 40px; /*Accomodates for selector*/

	}

	#tab-widget-1-col-1 {
		margin-bottom: 20px;
	}
	#tab-widget-1-col-2 {
		text-align: center;
	}

	#tab-widget-img-secondary {
		height: auto;
		max-width: 70px;
	}

	#wpcf7-f1493-o1 {
		padding: 40px;
	}

	#pgc-1251-0-1 {
		margin-top: 75px;
	}

	/*TESTIMONIALS*/

	.testimonial-client {
		padding: 30px;
	}

	/*CASESTUDY*/
	.team-imgs-casestudy {
		height: auto;
		max-width: 60px;
	}
	.casestudy-hr {
		opacity: 1;
	}

	/*TIMELINE*/
		.timeline .timeline-item .timeline-panel {
			width: unset;
			float: unset;
			right: unset;
			margin-top: 100px;
		}

		.timeline .timeline-item .timeline-panel:before {
			display: none;
		}

		.timeline .timeline-item:nth-child(even) .timeline-panel {
			left: unset;
		}

}

@media only screen and (max-width : 576px) {


	.widget_tab_widget_1 h2{
		font-size: 12px;
	}

	#tab-widget-title-secondary h2 {
		font-size: 14px;
	}

	/*TIMELINE*/
		.timeline .timeline-item .timeline-badge {
			top: 19px;
			margin-left: -20px;
		}
		.timeline-badge img {
			height: auto;
			max-width: 40px;
		}

		.timeline .timeline-item .timeline-panel {
			padding: 10px;
		}

		#accordion-glyph {
			max-width: 20px;
			width: auto;
		}

		#accordion-widget-title h2 {
			font-size: 12px;
			letter-spacing: 0pt;
		}

	#pp-nav.right {
		right: 0;
	}

	/*TESTIMONIALS*/
	.testimonial-client {
		padding: 20px;
	}
	
	/*OPT-IN*/
	.mc-logo {
		width: 160PX;
		height: auto;
		margin-bottom: 10px;
	}

	.opt-in-box {
		height: 100%;
		width: 100%;
		background-image: none;
	}
	

}