/*
Theme Name: Webfor99.com Theme
Theme URI: https://webfor99.com
Description: Webfor99 Theme.
Author: WebFor99.com
Author https://webfor99.com
Template: Total
Version: 1.1
*/





/* default theme button border color: 2c87f0 */
/* search "2c87f0" and replace with your desired border color */

/* Parent stylesheet should be loaded from functions.php not using @import */

/* main menu becomes mobile menu at 959 pixels */

/* other useful breaking points */


#header-aside a.theme-button {
	background: #0a1440 !important;
	float: right;
	padding: 5px 20px;
}

/*
#services-section .vc_col-sm-3 .vc_column-inner {
	background: #fff;
	min-height: 275px;
	box-shadow: 0 5px 5px #ececec;
	margin:0px;
}
*/


#services-section ul li {
	padding: 5px 0;
}


#header-aside .wpex-inline.vc_col-sm-4.left-bdr {
	
}

#header-aside .wpex-inline.vc_col-sm-4 {
	padding: 5px 15px;
}

#site-navigation-wrap {border: 0px !important;}

#header-aside img {
        float: left;
        margin: 0 15px 0 0;
}

#header-aside .header-aside-content.clr {
        text-align: left;
        font-family: Arial;
}



#header-aside .ticon {
	font-size: 25px;
	float: left;
	margin: -8px 10px 0 0;
	color: #47c9af;
	line-height: 45px;
}


#header-aside .wpex-inline {
        font-size: 20px !important;
        line-height: 16px;
        font-weight: bold;
        font-family: open sans !important;
        color: #152644 ;
        text-align:left;
}


#header-aside .wpex-inline .small-text {
        color: #47c9af;
        font-family: arial;
        font-size: 15px;
        font-weight: 400;
}

#header-aside .wpex-inline .tb-info-desktop {
        color: #0a1440;
        font-size: 18px;
	   font-family: arial;
}

#header-aside a{text-decoration:none;}

#cta_setion .wpb_wrapper.vc_figure {
	position: absolute;
	right: 30px;
	top: -25px;
	width: 20%;
	z-index: 999999999999 !important;
}

#cta_setion .vcex-button.theme-button {
	margin: 0 5px;
	padding: 10px 28px !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
}



.wpex-heading, .vcex-heading {font-family: Poppins !important;}


#contact-us {
	margin-top: -160px;
}

#servicing-section .wpex-shadow-lg, .wpex-hover-shadow-lg:hover {
	box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
}











@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 920px) {
}
@media screen and (max-width: 768px) {
	#cta_setion h2.vcex-module.vcex-heading, #cta_setion .wpb_wrapper {	text-align: center;}
#cta_setion .vcex-button.theme-button {	float: none;}
#cta_setion .vcex-button.theme-button {margin: 0px;}

	.header-aside-content.wpex-clr {display: none !important;}

	
	
}

@media screen and (max-width: 480px) {
	#cta_setion h2.vcex-module.vcex-heading, #cta_setion .wpb_wrapper {	text-align: center;}
#cta_setion .vcex-button.theme-button {	float: none;}
#cta_setion .vcex-button.theme-button {margin: 0px;}
	.header-aside-content.wpex-clr {display: none !important;}


}

/* query to target only ie 8,9,10 */
@media screen\0 { 
}

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
}























/* ******************** */
/* custom design blocks */
/* ******************** */
.cust-block,
.cust-block-1-1,
.cust-block-2-2,
.cust-block-3-3,
.cust-block-4-4,
.cust-block-5-5,
.cust-block-6-6{
	width:100%;
}
.cust-block-1-2,
.cust-block-2-4,
.cust-block-3-6{
	width:50%;
}
.cust-block-1-3,
.cust-block-2-6{
	width:33.333%;
}
.cust-block-2-3,
.cust-block-4-6{
	width:66.666%;
}
.cust-block-1-4{
	width:25%;
}
.cust-block-3-4{
	width:75%;
}
.cust-block-1-5{
	width:20%;
}
.cust-block-2-5{
	width:40%;
}
.cust-block-3-5{
	width:60%;
}
.cust-block-4-5{
	width:80%;
}
.cust-block-1-6{
	width:16.666%;
}
.cust-block-5-6{
	width:83.333%;
}
.cust-block,
.cust-block-1-1,
.cust-block-1-2,
.cust-block-2-2,
.cust-block-1-3,
.cust-block-2-3,
.cust-block-3-3,
.cust-block-1-4,
.cust-block-2-4,
.cust-block-3-4,
.cust-block-4-4,
.cust-block-1-5,
.cust-block-2-5,
.cust-block-3-5,
.cust-block-4-5,
.cust-block-5-5,
.cust-block-1-6,
.cust-block-2-6,
.cust-block-3-6,
.cust-block-4-6,
.cust-block-5-6,
.cust-block-6-6{
	float:left;
	box-sizing: border-box;
}
@media screen and (max-width: 380px) {
.cust-block-1-2,
.cust-block-1-3,
.cust-block-2-3,
.cust-block-1-4,
.cust-block-2-4,
.cust-block-3-4,
.cust-block-1-5,
.cust-block-2-5,
.cust-block-3-5,
.cust-block-4-5,
.cust-block-1-6,
.cust-block-2-6,
.cust-block-3-6,
.cust-block-4-6,
.cust-block-5-6{
	width:100%;
}
}
@media screen and (min-width: 381px) and (max-width: 720px)  {
.cust-block-1-4,
.cust-block-3-4,
.cust-block-1-6,
.cust-block-2-6,
.cust-block-3-6,
.cust-block-4-6,
.cust-block-5-6{
	width:50%;
}
.cust-block-1-3,
.cust-block-2-3,
.cust-block-1-4,
.cust-block-3-4,
.cust-block-1-5,
.cust-block-2-5,
.cust-block-3-5,
.cust-block-4-5{
	width:100%;
}
}

.cust-block img{
	max-width:100%;
}
/* ******************** */
/* [end] custom design blocks */
/* ******************** */
/* ************************* */
/* custom other classes */
/* ************************* */
.cust-hide{
	display:none !important
}
.cust-txt-center{
	text-align:center !important
}
/* ************************* */
/* [end] custom other classes */
/* ************************* */
/* ********************************** */
/* convert header tags to normal text */
/* ********************************** */
.header-to-normal-text{
	line-height:inherit !important; 
	font-weight:inherit !important; 
	font-family:inherit !important;
	font-size:inherit !important;
	display: inline !important;
	padding:0 !important;
	margin:inherit !important; 
	margin:0 !important;
	color:inherit !important;
}
/* ********************************** */
/* [end] convert header tags to normal text */
/* ********************************** */
/* ********************************** */
/* shadow text */
/* ********************************** */
.cust-text-shadow{
	text-shadow:
		-1px -1px 0 black,  
		 1px -1px 0 black,
		-1px  1px 0 black,
		 1px  1px 0 black !important;
}
.cust-text-shadow.white{
	text-shadow:
		-1px -1px 0 white,  
		 1px -1px 0 white,
		-1px  1px 0 white,
		 1px  1px 0 white !important;
}
.cust-text-shadow.red{
	text-shadow:
		-1px -1px 0 red,  
		 1px -1px 0 red,
		-1px  1px 0 red,
		 1px  1px 0 red !important;
}
.theme-button{
	text-shadow:none
}
/* ********************************** */
/* [end] hadow text */
/* ********************************** */













































/* *************** */
/* header sections */
/* *************** */
#top-bar-content{
}
#top-bar-social{
}
#top-bar-social-alt{
}
#header-aside .header-aside-content.clr{
}
/* ********************* */
/* [END] header sections */
/* ********************* */






























/* ******************************************************************* */
/* make left top bar content float left and social content float right on big resolutions */
/* make them centered on small resolutions */
/* ******************************************************************* */
.top-bar-right{
	padding-top:0 !important
}
#top-bar-social-alt{
	float:none;
	text-align:right;
	font-size:14px !important /* default font-size for this section */
}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 920px) {
}
@media screen and (max-width: 768px) {
/* make social centered */
#top-bar-social{
	float:none !important;
	text-align:center;
	display:none
}
/* make social alt centered */
#top-bar-social-alt {
	float:none !important;
	text-align:center;
}
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 420px) {
}
/* ************************************************************************* */
/* [END] make left top bar content float left and social content float right */
/* ************************************************************************* */

/* ******************************************* */
/* top bar social different display for mobile */
/* on desktop displays actual phone and email and mobile short version "call" "email" */
/* works for content aside and top bar left content */
/* ******************************************* */
.tb-info-mobile{
	display:none;
}

#top-bar-content .wpex-inline{
	display:inline-block !important;
	margin-bottom:0 !important
}
#top-bar-content .wpex-inline{
	margin-right:20px !important;
}
#top-bar-content .wpex-inline:last-child{
	margin-right:0px !important;
}
#top-bar-content .wpex-inline .ticon{
    margin-right:2px !important
}

#top-bar-social-alt .wpex-inline{
	display:inline-block !important;
	margin-bottom:0 !important
}
#top-bar-social-alt .wpex-inline:not(:first-child){
	margin-left:20px !important;
}
#top-bar-social-alt .wpex-inline .ticon{
    margin-right:2px !important
}

@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 920px) {
}
@media screen and (max-width: 720px) {
.tb-info-desktop{
	display:none;
}
.tb-info-mobile{
	display:inline-block !important;
}
}
@media screen and (max-width: 420px) {
#top-bar-content{
	text-align:center
}
#top-bar-content .wpex-inline.tb-one-line,
#top-bar-social-alt .wpex-inline.tb-one-line{
	display:inline-block !important;
	width:100%;
	margin-right:0 !important;
	text-align:center;
}
}
/* ************************************************* */
/* [END] top bar social different display for mobile */
/* ************************************************* */

/* *************** */
/* top bar styling */
/* *************** */
#top-bar-content a:hover{
	text-decoration:none
}
#top-bar-social-alt {
	font-size:inherit;
}
/* ********************* */
/* [END] top bar styling */
/* ********************* */






























/* ******************************* */
/* aside search form for ecommerce */
/* ******************************* */
#header-aside{
	display:block !important;
	width:65% !important
}
#header-aside .header-aside-content.clr{
	width:75% !important;
	float:right !important
}
@media screen and (max-width: 959px) {
#header-aside{
	width:100% !important
}
#header-aside .header-aside-content.clr{
	width:100% !important;
}
}
/* ******************************* */
/* [END] aside search form for ecommerce */
/* ******************************* */






























/* ***************************************************************** */
/* logo margin bottom to overlay main content, useful for tall logos */
/* ***************************************************************** */
#site-header-sticky-wrapper{
	/*height:auto !important;*/ /* revise as it is conflicting with local scrolling links */
}
.not-sticky#site-header-sticky-wrapper #site-logo img.logo-img{
	/*margin-bottom:-40px;*/ /* adjust as needed */
}
.is-sticky#site-header-sticky-wrapper #site-logo img.logo-img{
	/* margin-bottom:0px; */
}
/* ***************************************************************** */
/* [END] logo margin bottom to overlay main content, useful for tall logos */
/* ***************************************************************** */





































/* ********************* */
/* nav menu social icons */
/* add menu item with class: nav-social nav-facebook (nav-"socialNetwork") */
/* ********************* */
.sidr-class-nav-social{
	display:none /*don't display on mobile menu */
}
.nav-social a,
.sidr-class-nav-social a{
	border-radius:50%;
	text-align:center !important;
	margin-top:7px !important;
	margin-left:6px !important;
	height:26px !important;
	width:26px !important;
	line-height:0px !important;
	padding:0 !important;
	top:4px;
	color:#ffffff
}
.sidr-class-nav-social a{
	margin-left:20px !important;
	margin-top:0 !important
}
.nav-social a span,
.sidr-class-nav-social a span{
	font:normal normal normal 14px/1 ticons !important; /* initial font size */
	padding:0  !important;
	color:#ffffff;
}
.nav-social a span:before,
.sidr-class-nav-social a span:before{
	padding-top:6px !important;
	margin-left:-6px;
}
@media screen\0 { /* target only ie 8,9,10 */
    .nav-social a span:before,
	.sidr-class-nav-social a span:before{
        margin-left:7px;
    }
}
.nav-social.nav-facebook a span,
.sidr-class-nav-social.nav-facebook a span{ /* a little more padding for facebook icon */
	padding-left:2px !important;
}
/* icon size */
/*
.nav-social a{
	height:30px !important;
	width:30px !important;
	line-height:32px !important;
}
.nav-social a span{
	font-size:18px !important;
	padding-left:4px !important;
}
*/


/* trick to hide element text but leave generated text visible */
.nav-social a span,
.sidr-class-nav-social a span{	
	text-indent: 4000px !important;
	display: inline-block;
	position:absolute;
}
.nav-social a span:before,
.sidr-class-nav-social a span:before{
	text-indent:0;
	float: left;
}

/* particular icon */
.nav-social.nav-facebook a,
.sidr-class-nav-social.sidr-class-nav-facebook a{
	background:#3b5998 !important;
}
.nav-social.nav-facebook a span:before,
.sidr-class-nav-social.sidr-class-nav-facebook a span:before{
	content:"\f09a";
}
/* particular icon */
.nav-social.nav-twitter a,
.sidr-class-nav-social.sidr-class-nav-twitter a{
	background:#00aced !important;
}
.nav-social.nav-twitter a span:before,
.sidr-class-nav-social.sidr-class-nav-twitter a span:before{
	content:"\f099";
}
/* particular icon */
.nav-social.nav-youtube a,
.sidr-class-nav-social.sidr-class-nav-youtube a{
	background:#C4302B !important;
}
.nav-social.nav-youtube a span:before,
.sidr-class-nav-social.sidr-class-nav-youtube a span:before{
	content:"\f167";
}
/* particular icon */
.nav-social.nav-instagram a,
.sidr-class-nav-social.sidr-class-nav-instagram a{
	background:#305777 !important;
}
.nav-social.nav-instagram a span:before,
.sidr-class-nav-social.sidr-class-nav-instagram a span:before{
	content:"\f16d";
}

/* *************************** */
/* [END] nav menu social icons */
/* *************************** */

/* ************************** */
/* ticon icons in navigations */
/* ************************** */
#site-navigation .link-inner .ticon{
	margin-right:0
}
/* ************************** */
/* [END] ticon icons in navigations */
/* ************************** */

/* ********************************************************** */
/* further style navigation menu tab with class "menu-button" */
/* ********************************************************** */
#site-navigation ul li.menu-button a span.link-inner{
	font-size:16px;
	background:#d60000 !important;
	border:1px solid #d60000 !important;
	color:#ffffff;
	text-shadow: 1px 1px #121212;
}
#site-navigation ul li.menu-button a span.link-inner:hover{
	background:#ffffff !important;
	color:#d60000 !important;
	text-shadow:none
}
/* **************************************************************** */
/* [END] further style navigation menu tab with class "menu-button" */
/* **************************************************************** */

/* ******************** */
/* main nav menu banner */
/* ******************** */
nav#site-navigation .cust-menu-tab-banner img{
	height:50px;
	margin-top:-3px
}
/* ************************** */
/* [END] main nav menu banner */
/* ************************** */






















/* *************************** */
/* box shadow bottom of header */
/* userfull when no nav menu   */
/* *************************** */
#site-header{ /* everywhere */
	/*box-shadow:0 4px 6px -6px #909090;*/
}
body:not(.home) #site-header{ /* everywhere except home */
	box-shadow:0 0px 9px #333;         /* strong */
	box-shadow:0 4px 6px -6px #909090; /* light */
}
/* ********************************* */
/* [END] box shadow bottom of header */
/* ********************************* */

/* *********************************** */
/* margin between nav menu and content */
/* *********************************** */
body header#site-header,
body.woocommerce-page header#site-header{ 
	margin-bottom:40px
}
body.page-with-background-title #main header.page-header{ 
	/*margin-bottom:40px*/
}
body.home header#site-header,
body.page-with-background-title header#site-header,
header.background-image-page-header{ 
	margin-bottom:0
}
@media screen and (max-width: 1040px) { /* margin between main content and header in mobile views */
body:not(.home) #main{
	/*margin-top:20px*/
}
}
/* ***************************************** */
/* [END] margin between nav menu and content */
/* ***************************************** */































/* ****************************** */
/* gallery of photos title tweaks */
/* ****************************** */
.post-type-archive-easy-photo-album .cpt-entry .cpt-entry-inner ul.meta{ /* don't display meta in albums in example.com/albums/ */
	display:none
}
.epa-title.wp-caption{
	border:none;
	background:none;
}
/* ************************************ */
/* [END] gallery of photos title tweaks */
/* ************************************ */





















/* ********************* */
/* reviews plugin tweaks */
/* ********************* */
.wpcr3_leave_text{
	font-size:32px;
}
.wpcr3_respond_1.wpcr3_in_content table.wpcr3_table_2{
	color:inherit
}
.wpcr3_div_2{
	width:100%;
}
#id_wpcr3_ftext{
	width:100%;
	min-width:0
}
.wpcr3_button_1{
	font-family:inherit !important;
	/* custom below */
	background:#2bc07e;
	border:none;
	color:#ffffff;
}
.wpcr3_button_1:hover{
	/* custom below */
	background:#20915f;
	color:#ffffff;
}
.wpcr3_item_name{
	font-size:32px !important
}
.wpcr3_aggregateRating_overallText,
.wpcr3_aggregateRating_reviewCount{
	font-size:24px !important
}
.wpcr3_review .wpcr3_item_name,
.wpcr3_aggregateRating,
.wpcr3_review_datePublished,
.wpcr3_review_author{
	font-size:inherit !important
}
.wpcr3_review_title.wpcr3_caps{
	font-size:24px !important;
	margin-top:10px;
	margin-bottom:10px;
}
.wpcr3_table_2 td{
	padding-right:0
}
.wpcr3_table_2 td input[type="text"]{
	width:300px;
}
.wpcr3_table_2 td input[type="text"],
.wpcr3_table_2 td textarea{
	font-size:14px;
}
@media screen and (max-width: 720px) {
.wpcr3_table_2 td input[type="text"]{
	width:100%;
}
}
/* *************************** */
/* [end] reviews plugin tweaks */
/* *************************** */













































/* ***************** */
/* WOOCOMMERCE STUFF */
/* ***************** */

/* hide extra fields from profile settings, working together with hook in functions.php */
.woocommerce-EditAccountForm.edit-account > .woocommerce-form-row--first,
.woocommerce-EditAccountForm.edit-account > .woocommerce-form-row--last,
.woocommerce-EditAccountForm.edit-account > .woocommerce-form-row--wide {
	/*display: none;*/
}


/* THIS NICELY FORMAT AND ALIGN INPUT FIELDS EDIT ACCOUNT FORM */
.woocommerce-EditAccountForm > p,
.woocommerce-EditAccountForm > fieldset > p{
    width:350px !important;
}


/* THIS NICELY FORMAT AND ALIGN INPUT FIELDS IN BILLING AND SHIPPING ADDRESS IN WC USER ACCOUNT */
.woocommerce-address-fields__field-wrapper > p > label{


	width:250px !important;
	display:block;
	max-width:100%;
}
.woocommerce-address-fields__field-wrapper > p > span{
	width:350px !important;
	display:block;
	max-width:100%;
}
.woocommerce-address-fields__field-wrapper > p > span input{
	width:100% !important;
}



/* wocommerce button borders */
.woocommerce .button,
.shop_table .coupon button,
.wc-proceed-to-checkout a:not(.woocommerce-privacy-policy-link),
.form-row.place-order a:not(.woocommerce-privacy-policy-link),
.single_add_to_cart_button,
.button.add_to_cart_button,
#place_order,
.woocommerce-address-fields p button[type="submit"],
.woocommerce-Button.button,
.woocommerce-mini-cart__buttons.buttons .button.checkout.wc-forward{	
	border:1px solid #2c87f0 !important
}





/* view cart button when clicking on navigation menu shopping icon */
.widget_shopping_cart .buttons .button.wc-forward:not(.checkout){
	background:#ffffff;
	color:#2c87f0 !important;
}





/* shop and archive price size */
.woocommerce-Price-amount.amount{
	font-size:24px !important;	
}
/* shop and archives title, button and price */
ul.products .product-details h2{
	line-height: normal !important
}
.button.add_to_cart_button{
	font-size:10px !important;
	border-radius:0 !important;
	padding:5px 10px !important;
}
.product-details .price{
	font-size:28px !important;	
}
/* add to cart button on each product of shop or archive */
.wpex-loop-product-images .wpex-loop-product-add-to-cart > .button, 
.wpex-loop-product-images .wpex-loop-product-add-to-cart > .added_to_cart{
	background: #2c87f0 !important;
}
/* shop page products border and bg */
ul.products li div.product-inner{
	border:1px solid #e6e6e6;
	background:#f6f6f6
}
ul.products li div.product-inner:hover{
	border:1px solid #c6c6c6;
	background:#eeeeee
}





/* products 50% width side by side view on shop, archives, and single related products TODO */
@media screen and (max-width: 767px) {
body.archive ul.products > li,
body.single-product section.related.products ul.products > li{
	/*width:50%;
	min-height:330px*/
}
}





/* "added to cart" button in single view style 
and in checkout page (when add to cart button set to redirect to checkout page) 
and in shop page (when add to cart button set to redirect to shop page) 
and in cart page (when add to cart button set to redirect to cart page) */
.single-product .woocommerce-notices-wrapper a.button.wc-forward,
.post-type-archive-product .woocommerce-notices-wrapper a.button.wc-forward,
.woocommerce-checkout .woocommerce-notices-wrapper a.button.wc-forward,
.woocommerce-cart .woocommerce-notices-wrapper a.button.wc-forward,
.woocommerce-account .woocommerce-Message--info.woocommerce-info a.button{
	padding:5px 10px 3px;
	background: #2c87f0 !important;
	color:#ffffff !important;
	border:1px solid #2c87f0 !important;
}

/* this disables border and leave button gray when a variation needs to be chosen before button becomes active and with stylingg */
.woocommerce .product .summary .single_add_to_cart_button.wc-variation-selection-needed, 
.woocommerce .product .summary .added_to_cart.wc-variation-selection-needed{
	border:0 !important;	
}

/* variation dropdown box style */
.woocommerce .product .summary .variations .wpex-select-wrap{
	border-color:#121212 !important;
	width:200px !important
}
.woocommerce .product .summary .variations .wpex-select-wrap select{
	color:#121212 !important
}

/* variation reset link */
.single-product table.variations a.reset_variations{
	float:left !important
}

/* single product page quantity input text arrows */
form.cart div.quantity input.input-text.qty.text,
form.woocommerce-cart-form div.quantity input.input-text.qty.text{
color:#121212 !important
}
form.cart div.quantity input.input-text.qty.text,
form.woocommerce-cart-form div.quantity input.input-text.qty.text,
div.wpex-quantity-btns{
border-color:#121212 !important
}

/* comments tab form inputs style */
.woocommerce .product .woocommerce-tabs.wc-tabs-wrapper .comment-form textarea,
.woocommerce .product .woocommerce-tabs.wc-tabs-wrapper .comment-form input:not([type=submit]){
	border-color:#121212 !important
}

/* single product page button styling */
.single-product form.cart{
	/*text-align:center;*/ /*useful for some subscriptions */
}
.single-product form.cart button{
	font-size:18px !important;
	padding:10px 20px;
	height:46px !important;
}






/* shopping cart table borders */
.woocommerce-cart th,
.woocommerce-cart td{
	border-color:#c0c0c0
}

/* update cart button */
.woocommerce-cart .button:disabled[disabled]{
	border: 0 !important
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
	width:100%
}

/* hide default shipping address and shipping calculator */
.woocommerce-cart .woocommerce-shipping-calculator,
.woocommerce-cart .woocommerce-shipping-destination{
	display:none
}






/* checkout form login border */
.woocommerce-checkout form.login{
	border-color:#c0c0c0
}




/* checkout form in one column */
.woocommerce-checkout form.woocommerce-checkout #customer_details > div{
	margin:auto !important;
	float:none !important
}
/* checkout page input borders */
.woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout input[type=email],
.woocommerce-checkout input[type=password],
.woocommerce-checkout textarea,
.woocommerce-checkout span.select2-selection{
	border-color:#a0a0a0 !important;
}
/* checkout page table borders */
.woocommerce-checkout th,
.woocommerce-checkout td{
	border-color:#c0c0c0
}





/* checkout page right column margin bottom */
.woocommerce-checkout #order_review{
	margin-bottom:30px;
}






/* checkout page shipping method label fix */
.woocommerce-checkout tr.woocommerce-shipping-totals.shipping ul#shipping_method li label{
	display:inline
}







/* checkout page payment methods tweaks */
.woocommerce-checkout #payment > ul > li.wc_payment_method{
	font-size:16px;
	margin-bottom:30px;
	padding:5px 20px;
	background:#efefef !important
}
.woocommerce-checkout #payment #stripe-payment-data ul{
	list-style:none
}
.woocommerce-checkout #stripe-card-element,
.woocommerce-checkout #stripe-exp-element,
.woocommerce-checkout #stripe-cvc-element{
padding:10px;
	border:1px solid #c0c0c0
}
.woocommerce-checkout #payment > ul > li.wc_payment_method.payment_method_square_credit_card label img{
	display:inline
}
.woocommerce-checkout #payment > ul > li.wc_payment_method > label{
	display:inline !important;
	font-size:24px
}








/* shopping cart and checkout main buttons */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce-checkout .place-order #place_order{
	width:100%;
	text-align:center;
	font-size:24px
}

/* shopping cart and checkout privacy policy text size */
.woocommerce-account.woocommerce-page .woocommerce-privacy-policy-text p,
.woocommerce-checkout.woocommerce-page .woocommerce-privacy-policy-text p{
	font-size:12px
}











/* Change WC Acct Page Column Widths */
/* Change WC Acct Page Column Widths */
@media only screen and (min-width: 769px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
  }
  .woocommerce-account .woocommerce-MyAccount-content { 
    width: 77%;
  }
}
@media only screen and (min-width: 769px) {
/* Style WC Account Endpoint Links */
nav.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0;
  max-width:210px;
  font-size: 15px;
  line-height: 26px;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 8px 20px;
  background-color: rgba(0,0,0,0.05);
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
nav.woocommerce-MyAccount-navigation ul li a {
	color:#000000
}
nav.woocommerce-MyAccount-navigation ul li a:hover {
	background:none
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
	background-color: rgba(0,0,0,0.1);
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
	color: rgba(0,0,0,0.8); 
	cursor: default;
	background:none;
	font-weight:bold
}
nav.woocommerce-MyAccount-navigation ul li.is-active:after {
	content: "";
	height: 0;
	width: 0;
	border-top: 20px solid transparent;
	border-left: 14px solid rgba(0,0,0,0.1);
	border-bottom: 20px solid transparent;
	float: right;
	margin-right: -34px;
	margin-top: -40px;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
	/*background-color: rgba(0,0,0,0.07);*/
	font-weight:bold
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { 
	content: "";
	height: 0;
	width: 0;
	border-top: 20px solid transparent;
	border-left: 14px solid rgba(0,0,0,0.07);
	border-bottom: 20px solid transparent;
	float: right;
	margin-right: -34px;
	margin-top: -40px;
}
}


/* edit account field border color */
.woocommerce-account input[type="date"], 
.woocommerce-account input[type="time"], 
.woocommerce-account input[type="datetime-local"], 
.woocommerce-account input[type="week"], 
.woocommerce-account input[type="month"], 
.woocommerce-account input[type="text"], 
.woocommerce-account input[type="email"], 
.woocommerce-account input[type="url"], 
.woocommerce-account input[type="password"], 
.woocommerce-account input[type="search"], 
.woocommerce-account input[type="tel"], 
.woocommerce-account input[type="number"], 
.woocommerce-account textarea,
.woocommerce-account .select2-container--default .select2-selection--single, 
.woocommerce-account .select2-container--default .select2-search--dropdown .select2-search__field, 
.woocommerce-account .select2-dropdown{
	border-color:#c0c0c0
}

/* edit account addresses border color */
.woocommerce .addresses .col-1, .woocommerce .addresses .col-2{
	border-color:#c0c0c0
}

/* my account first name and last name tweaks */
body.woocommerce-account .woocommerce-form-row.woocommerce-form-row--first,
body.woocommerce-account .woocommerce-form-row.woocommerce-form-row--first > label{
	width:100% !important
}
body.woocommerce-account .woocommerce-form-row.woocommerce-form-row--last{
	float:left !important
}
body.woocommerce-account .woocommerce-form-row.woocommerce-form-row--first > #account_first_name{
	width:350px;
	max-width:100%
}









/* default woocommeerce login and register forms border color */
body.woocommerce-account.woocommerce-page form.woocommerce-form-login,
body.woocommerce-account.woocommerce-page form.woocommerce-form-register,
body.woocommerce-account.woocommerce-page form.woocommerce-ResetPassword{
	border-color:#c0c0c0 !important;
	padding:30px 20px 10px !important
}
/* default woocommerce forgot password form */
body.woocommerce-account.woocommerce-page form.woocommerce-ResetPassword{
	border-width:1px;
	border-style:solid;
	width:400px;
	max-width:100%;
	margin:auto
}

/* default woocommeerce login and register forms input widths */
body.woocommerce-account.woocommerce-page p.woocommerce-form-row label{
	display: inline-block;
}
body.woocommerce-account.woocommerce-page form.woocommerce-form-login p.woocommerce-form-row label{
	width:210px
}
body.woocommerce-account.woocommerce-page form.woocommerce-form-register p.woocommerce-form-row label{
	width:120px
}

/* login and registration forms other tweaks */
body.woocommerce-account.woocommerce-page p.woocommerce-form-row label,
body.woocommerce-checkout.woocommerce-page form.woocommerce-form.woocommerce-form-login label{
	display: inline-block;
}

body.woocommerce-account.woocommerce-page form.woocommerce-form-login p.woocommerce-form-row label,
body.woocommerce-checkout.woocommerce-page form.woocommerce-form.woocommerce-form-login label{
	width:260px;
}

body.woocommerce-account.woocommerce-page form.woocommerce-form-register p.woocommerce-form-row label{
	width:120px;
}

body.woocommerce-account.woocommerce-page form.woocommerce-form input[type=text],
body.woocommerce-account.woocommerce-page form.woocommerce-form input[type=password],
body.woocommerce-account.woocommerce-page form.woocommerce-form input[type=email],
body.woocommerce-checkout.woocommerce-page form.woocommerce-form.woocommerce-form-login input[type=text],
body.woocommerce-checkout.woocommerce-page form.woocommerce-form.woocommerce-form-login input[type=password],
body.woocommerce-checkout.woocommerce-page form.woocommerce-form.woocommerce-form-login input[type=email]{
	border-color:#303030 !important
}

@media screen and (max-width: 920px) {
body.woocommerce-account.woocommerce-page form.woocommerce-form input[type=text],
body.woocommerce-account.woocommerce-page form.woocommerce-form input[type=password],
body.woocommerce-account.woocommerce-page form.woocommerce-form input[type=email],
body.woocommerce-checkout.woocommerce-page form.woocommerce-form.woocommerce-form-login input[type=text],
body.woocommerce-checkout.woocommerce-page form.woocommerce-form.woocommerce-form-login input[type=password],
body.woocommerce-checkout.woocommerce-page form.woocommerce-form.woocommerce-form-login input[type=email]{
	width:100%
}
}

/* login form on checout page */
.woocommerce-checkout.woocommerce-page .woocommerce-form.woocommerce-form-login.login{
	width:500px;
	max-width:100%;
	margin:auto
}
.woocommerce-checkout.woocommerce-page .woocommerce-form.woocommerce-form-login.login .form-row.form-row-first,
.woocommerce-checkout.woocommerce-page .woocommerce-form.woocommerce-form-login.login .form-row.form-row-last{
	width:100%;
}

/* *********************** */
/* [END] WOOCOMMERCE STUFF */
/* *********************** */




















/* ***************** */
/* WPUM PLUGIN STUFF */
/* ***************** */

/* wpum account tabs styling */
/*
#wpum-account-forms-tabs ul li{
	background:#fff
}
#wpum-account-forms-tabs ul li.active{
	background:#f79c83
}
#wpum-account-forms-tabs ul li.active a{
	color:#fff
}
*/
/* wpum account columns width */
/* make menu top vertical instead of side bar */
@media screen and (min-width: 768px) {
.wpum-account-page .wpum_one_third {
    width: 100%;
	margin-bottom:30px;
}
.wpum-account-page .wpum_two_third.last {
    width: 100%;
}

#wpum-account-forms-tabs ul li{
	float:left
}
}

/* menu style tweaks */
#wpum-account-forms-tabs ul li.active{
	background: #2c87f0
}
#wpum-account-forms-tabs ul li.active a{
	color:#ffffff
}


/* buttons in login, signup, lost pass forms */
#wpum-submit-login-form input.button,
#wpum-submit-registration-form input.button,
#wpum-submit-password-recovery-form input.button,
#wpum-submit-account-form input[type="submit"]{
	border:1px solid #2c87f0	!important
}
/* account text input borders in login, signup, lost pass forms */
#wpum-submit-login-form .input-text,
#wpum-submit-login-form .input-email,
#wpum-submit-registration-form .input-text,
#wpum-submit-registration-form .input-email,
#wpum-submit-password-recovery-form .input-text,
#wpum-submit-account-form .input-text,
#wpum-submit-account-form .input-email,
#wpum-submit-account-form select,
#wpum-submit-password-form .input-text{
	border-color: #c0c0c0	!important;
	color:#121212
}
#wpum-submit-account-form select#user_displayname{
	padding:8px 10px;
	border-color:#c0c0c0;
	border-radius:4px;
}
#wpum-submit-account-form select{
	padding:5px;
	border-radius:3px;
}
@media screen and (min-width: 1040px) {
#wpum-submit-account-form .input-text:not(textarea),
#wpum-submit-account-form .input-email,
#wpum-submit-account-form select,
#wpum-submit-account-form select#user_displayname,
#wpum-submit-password-form .input-text{
	width:50%
}
}
/* account sections title */
.wpum-account-page .wpum-form > h2{
	font-size:32px;
}

/* ***************** */
/* WPUM PLUGIN STUFF */
/* ***************** */













/* *************************** */
/* CONTACT FORM 7 PLUGIN STUFF */
/* *************************** */

/* contact form 7 button */
.wpcf7-form-control.wpcf7-submit{
	border:1px solid #2c87f0 !important;
	font-size:18px;
	border-radius: 0
}

/* select default style */
.wpcf7-select{
	font-size:16px;
	padding: 5px;
}

/* fields border color */
.wpcf7-text, .wpcf7-textarea{
	border:1px solid #a0a0a0 !important;
	border-radius: 2px !important;
	font-size:16px !important;
	color:#121212 !important;
}

/* contact form 7 input border color upon submission error */
.wpcf7-not-valid{ /* highlights the text inputs with error with red border */
	border-color:red !important
}
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio.wpcf7-not-valid{ /* highlights the radio inputs with error with red border */
	border:1px solid red;
    display:block !important
}
.wpcf7-not-valid-tip{ /* display the "The field is required." required"" message upon error */
    display:block !important
}

/* response box fix */
.wpcf7-response-output{
	float:left;
	margin-top:0 !important;
	width:100%
}

/* ********************************* */
/* [END] CONTACT FORM 7 PLUGIN STUFF */
/* ********************************* */

/* ************************** */
/* contact form 7 with no names */
/* ************************** */
.cust-main-form-fields p:not(:last-child){
	margin-bottom:10px;
}
.cust-main-form-fields p input[type="text"],
.cust-main-form-fields p input[type="email"],
.cust-main-form-fields p input[type="tel"],
.cust-main-form-fields p textarea{
	padding:15px;
	font-size:16px;   width:100%;
}
.cust-main-form-fields p textarea{
	height:100px
}
.cust-main-form-fields p input:focus,
.cust-main-form-fields p textarea:focus{
	border-color:red
}
.cust-main-form-fields p input[type="submit"]{
	font-size:24px;
	width:100%;
	padding:10px 20px;
}
/* ******************************** */
/* [END] contact form with no names */
/* ******************************** */

/* ******************** */
/* Generic Contact form */
/* ******************** */
.cust-contact-form{
	font-size:18px 
}
.cust-contact-form > div:not(:last-child){
	margin-bottom:10px;
}
.cust-contact-form .cust-block-1-2{
	padding-right:20px
}
.cust-contact-form textarea{
	height:200px
}
/* ************************** */
/* [end] Generic Contact form */
/* ************************** */























/* ********************************** */
/* login, signup, lost password forms */
/* ********************************** */

.login-form-wrapper,
.signup-form-wrapper,
.lost-pass-form-wrapper{
	width:45%;
	border:1px solid #a0a0a0;
	padding:10px 20px;
	border-radius:3px
}
.lost-pass-form-wrapper{
	margin:auto;
	float:none;
}

.login-separator-wrapper{
	width:10%;
	text-align:center;
	font-size:24px;
	padding-top:100px
}
.login-title{
	font-size:24px
}
@media screen and (max-width: 720px) {
.login-form-wrapper,
.signup-form-wrapper,
.lost-pass-form-wrapper{
	width:100%;
}

.login-separator-wrapper{
	width:100%;
	padding:20px 0
}
}
@media screen and (max-width: 380px) {
}
@media screen and (min-width: 721px)  {
}
@media screen and (min-width: 1040px)  {
}

/* **************************************** */
/* [END] login, signup, lost password forms */
/* **************************************** */

























/* ***************** */
/* BUTTONS AND LINKS */
/* ***************** */

/* other theme buttons */
.theme-button, 
input[type="submit"], 
button:not(.searchform-submit):not(.fancybox-button):not(.sidr-class-searchform-submit):not(.ui-dialog-titlebar-close):not(.slick-arrow):not(.insert-media):not(.wp-switch-editor):not(.owl-prev):not(.owl-next){
	border:0px solid #2c87f0 !important
}

/* top bar telephone */
#top-bar-content span.ticon-volume-control-phone{
	/*
	font-size:18px;
	background:#fff;
	padding:5px 10px;
	border-radius:3px;
	display:inline-block;*/ /* always */
}
/* [end] top bar telephone */


/* phone number color when in mobile */
.cust-phone,
.cust-phone a{
	color:#000000 !important
}

/* phone number color when in iOS devices */
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

/* *********************** */
/* [END] BUTTONS AND LINKS */
/* *********************** */


























/* ************************************ */
/* tweaks for the booking plugin inputs */
/* ************************************ */

/* hide show pricing link */
.single-product .summary .rnb-pricing-plan-link{
	/*display:none*/
}

/* date and time picker input borders */
.single-product .summary .date-time-picker.rnb-component-wrapper input,
.single-product .summary .redq-quantity .inventory-qty{
	border:1px solid #a0a0a0;
	color:#000 !important;
}

/* quantity input */
.single-product .summary .price-showing{
	display:block !important

}

/* ************************************ */
/* [end] tweaks for the booking plugin inputs */
/* ************************************ */





















/* ************************************ */
/* yith one-click checkout button tweaks */
/* ************************************ */
.yith-wocc-button-container{
	text-align:center
}
.yith-wocc-button-container .yith-wocc-button.button{
	font-size:14px;
	font-family:arial;
	color:#270e00 !important;
	/*background:#f0ae59 !important;*/
	border-color:#af9a69 !important;
	padding:5px 10px !important;
	background-image:url(/wp-content/themes/webfor99/images/am-button-bg.jpg);
}
.yith-wocc-button-container .yith-wocc-button.button:hover{
	/*background:#f4d889 !important;*/
	background-image:url(/wp-content/themes/webfor99/images/am-button-bg-hover.jpg);
}
.yith-wocc-select-address-container{
	text-align:center 
}
.yith-wocc-select-address-container span.select2-selection__placeholder{
    color:#121212 !important
}
/* ************************************ */
/* [END] yith one-click checkout button tweaks */
/* ************************************ */




















/* ********************* */
/* product slider tweaks */
/* ********************* */
.design-1 .pcdfwoo-product-cat_inner .pcdfwoo_title{
	bottom:0
}

.pcdfwoo_woocommerce_slider .design-1 .slick-list{
	padding-bottom:25px
}
/* ********************* */
/* [end] product slider tweaks */
/* ********************* */




















/* **************************** */
/* product addons plugin tweaks */
/* **************************** */
.wcpa_form_outer .wcpa_form_item label{
	width:100%
}
.wcpa_form_outer .wcpa_form_item input[type=text],
.wcpa_form_outer .wcpa_form_item input[type=date]{
	width:260px
}
/* **************************** */
/* [end] product addons plugin tweaks */
/* **************************** */




















/* *************************************** */
/* front end post submission plugin tweaks */
/* *************************************** */
.post-list-table .post-list-post-title-cell{
	font-size:16px;
	padding:10px 20px !important
}
.post-list-container .post-list-table{
	border-collapse:collapse
}
.post-list-container .post-list-table .post-list-table-row{
	border:1px solid #e2e2e2
}
/* *************************************** */
/* [END] front end post submission plugin tweaks */
/* *************************************** */




















/* ****************************************************************** */
/* Total Theme: 2 or 3 "Icon Box" module columns on small resolutions */
/* ****************************************************************** */
@media screen and (max-width: 767px) {
	.src-fix-2, 
	.src-fix-3{
		border:0px solid red;
		position:static;
		width:100%;
		margin-left:0px !important;
		margin-right:0px !important;
	}
	.src-fix-2 .wpb_column.vc_column_container,
	.src-fix-3 .wpb_column.vc_column_container{
		float:left
	}
	.src-fix-2 .wpb_column.vc_column_container > div,
	.src-fix-3 .wpb_column.vc_column_container > div{
		padding-left: 2px;
		padding-right: 2px;
	}
	.src-fix-2 .wpb_column.vc_column_container{
		width:50%
	}
	.src-fix-3 .wpb_column.vc_column_container{
		width:33%
	}
	
	/* for woocomemrce */
	.home div.woocommerce ul.products li{
		width:50% 
	}
	
	/* TODO: latest blog */
	{
		
	}
}
/* ****************************************************************** */
/* [End] Total Theme: 2 or 3 "Icon Box" module columns on small resolutions */
/* ****************************************************************** */






































/* ******************************************************************************** */
/* custom mobile header button, working together with "wpex_hook_header_inner" hook */
/* ******************************************************************************** */
.mobile-custom-top-btn{
	/*background:#221f62;*/
	padding:0px;
	top:62px;
	z-index:1000;
	display:none;
	left:50%;
	width:140px;
	margin-left:55px;
	margin-top:15px;
}
.mobile-custom-top-btn a{
	background:#d60000;
	font-size:16px;
	display:block;
	text-align:center;
	color:#ffffff;
	border-radius:5px;

	padding:5px;
}
.mobile-custom-top-btn a:hover{
	text-decoration:none
}
@media screen and (max-width: 920px) {
	.mobile-custom-top-btn{
		display:block
	}
}
/* ******************************************************************************** */
/* [END] custom mobile header button, working together with "wpex_hook_header_inner" hook */
/* ******************************************************************************** */

/* ********************************************************************************************** */
/* custom mobile bottom floating info, working together with "wpex_hook_footer_bottom_after" hook */
/* ********************************************************************************************** */
.mobile-bottom-contact-info{
	/*background:#221f62;*/
	text-align:center;
	color:#ffffff;
	font-size:18px;
	padding:10px;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:1000;
	display:none
}
.mobile-bottom-contact-info a{
	color:#ffffff
}
.mobile-bottom-contact-info-tab{
	padding:10px 0;
	border-radius:30px;
	
	box-shadow:0 4px 6px -6px #909090; /* light */
	box-shadow:0 0px 9px #333;         /* strong */
	box-shadow:0 1px 6px #909090;         /* strong */
}
.mobile-bottom-contact-info-email{
	background:#1d294a; /*blue*/
}
.mobile-bottom-contact-info-tel{
	background:#17990e; /*green*/
}
.mobile-bottom-contact-info-chat{
	background:#b70300; /*red*/
}
.mobile-bottom-small-res{
	display:none
}
@media screen and (max-width: 920px) {
	.mobile-bottom-contact-info{
		display:block
	}
}
@media screen and (max-width: 600px) {
	.mobile-bottom-large-res{
		display:none
	}
	.mobile-bottom-small-res{
		display:inline-block
	}
	.mobile-bottom-contact-info .cust-block-1-2{
		width:50%
	}
	.mobile-bottom-contact-info .cust-block-1-3{
		width:33%
	}
}
/* ********************************************************************************************** */
/* [END] custom mobile bottom floating info, working together with "wpex_hook_footer_bottom_after" hook */
/* ********************************************************************************************** */

/* ****************************************************************************** */
/* custom popup, working together with "wp_enqueue_scripts" and "wp_footer" hooks */
/* ****************************************************************************** */
.ui-dialog{
	padding:0 !important
}
.ui-widget.ui-widget-content,
.ui-widget-header{
	border:0 !important;
	border-radius:0; 
	padding: 10px !important;
}

.ui-dialog-titlebar{
}
button.ui-dialog-titlebar-close{
	border:1px solid #c0c0c0 !important
}
._close_{
	cursor:pointer;
	text-decoration:underline;
}

.ui-dialog .ui-dialog-titlebar {
	position: absolute;
	right: -2px;
	background: none !important;
	top: -10px;
}
	
#popup-cont-id{
	overflow:hidden;
}	
/*
.ui-widget.ui-widget-content,
.ui-widget-header{
	background:#213a50;  
}
.ui-dialog-titlebar{
	background:#58632f;
	color:#ffffff;
}
#popup-cont-id{
	color:#ffffff
}
.ui-widget-content a {
	color: #ffffff;
}
*/
/* ****************************************************************************** */
/* [END] custom popup, working together with "wp_enqueue_scripts" and "wp_footer" hooks */
/* ****************************************************************************** */














/* ******************************** */
/* Tweak for testimonial bg bubbles */
/* ******************************** */
.wpex-carousel.vcex-testimonials-carousel .owl-item{
	background:#ffffff;
	padding:10px;
}
/* ******************************** */
/* [END] Tweak for testimonial bg bubbles */
/* ******************************** */

@media(max-width:767px){
#site-header #site-header-inner {
	padding-top: 30px !important;
}
	#mobile-menu {
	margin-top: -16px !important;
}
}
















