/*
Theme Name:RFmall-WC-Theme
Author:Kelsey Taylor
*/

/*********************************/
/************ HEADER *************/
/*********************************/

header {
	background:#fff;
	padding:1rem 0;
	box-shadow:0px 0px 20px rgba(0,0,0,0.25);
	padding-top:0;
	/*margin-bottom:2rem;*/
}




.wc-tabs-wrapper{
	margin-top:2rem;
}
.custom_table{
	width:100%;
}
.container{
	padding-bottom:1rem;

}

.new-menu{
	padding-top:1rem;
	border-top:solid thin #494949;
	display: flex
}

.header-banner {
    padding: 0 .9375rem;
    max-width: 85rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: .875rem;
    line-height: 2.625rem;
}

.top-banner-container {
	margin-bottom:10px;
	background: rgb(18,45,119);
	background: -moz-linear-gradient(90deg, rgba(18,45,119,1) 0%, rgba(9,90,121,1) 38%, rgba(24,138,52,1) 96%);
	background: -webkit-linear-gradient(90deg, rgba(18,45,119,1) 0%, rgba(9,90,121,1) 38%, rgba(24,138,52,1) 96%);
	background: linear-gradient(90deg, rgba(18,45,119,1) 0%, rgba(9,90,121,1) 38%, rgba(24,138,52,1) 96%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#122d77",endColorstr="#188a34",GradientType=1);
}

.banner-content > span {
	margin-left:.625rem;
	font-weight:bold;
	color:white;
}

.banner-content:nth-child(1) > a {
	font-weight:bold;
	color:white;
}

.banner-content:nth-child(2) > a{
	color:white;
	font-weight:lighter;
}

.try{
	width:55%;
}

.aws-container {
    width: 100%;
}

.mobile-srch{
	display: none;

}

.logo {
	/*width:180px;*/
	width:10rem;
}



.top-menu {
	display:flex;
	list-style:none;
	margin:0;
	padding:0;
	font-family:"Rubik";
	font-weight:400;


}

.top-menu > .menu-item > a {
	display:block;
	padding:.25rem 1rem;
	color:black;
	font-size:1.3rem;
	font-family:"Rubik";
	text-decoration: none;
}

/*a:hover{
	text-decoration:none;
}*/
a.cart-contents {
	color:#494949;
}

.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:28px;
    margin-top:10px;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: rgb(255,69,58);
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}


.mobile-menu {
	visibility: hidden;
	display: none;
	
}

.menu-wraper {
	justify-content: space-evenly;
}

.fullscreen-menu{
	display: block !important;
	transition: max-height .2s ease-out;
}
.fullscreen-menu > div > ul {
	display: flex !important;
	height:27vh;
	flex-direction:column;
	justify-content:center;
	align-items: center;
}

/*************************************************/
/************ MAIN PAGE - HOME PAGE *************/
/*************************************************/

#hero {
	height:30rem;
	width:100%;
	background:url('./images/newbanner.jpg') #f0f0f0 no-repeat center;
	background-size:contain;
	/*margin-top:2rem;*/
}

/*.products {
	display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
}*/

.ctg-title {
	padding-top:2.1rem;
	padding-bottom:2.1rem;
	font-family:"Rubik"

}

.home-page-woo > .woocommerce > ul.products > li.product{
	-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.31); 
	box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.31);
	border-radius:3% 3% 3% 3%/ 3% 3% 3% 3%;
}

.home-page-woo > .woocommerce > ul.products > li.product > a > img {
	border-radius:3% 3% 3% 3%/ 3% 3% 3% 3%;

}

/*.woocommerce {
	width:60%;
}*/

.main-container{
	padding:2rem 0;
}



.content{
	margin-top: 1.15rem;
	display: flex;
	justify-content:center;
	align-content:center;
	flex-flow: column wrap;
}

.main-page-title{
	text-align:center;
	width: 70vw;
    margin: 0 auto;
}
.woocommerce-loop-category__title mark.count {
    display: none;
}
.about-us-container{
	background: url(./images/rfc-banner-bg.png) #f0f0f0 no-repeat center;
	height:14rem;
	display: flex;
    justify-content: center;
	margin-top:5%;
	box-shadow:0px 0px 20px rgba(0,0,0,0.25);
}

.about-us{
	width:60%;
	font-weight:bold;
}
.about-us ,.main-page-intro, .intro-text {
	display:flex;
	align-content: center;
}
.about-us, .intro-text {
	text-align:center;
	flex-direction:column;
	justify-content:center;
}

.main-page-intro {
	justify-content:space-around;
}

.intro-text {
	padding: 3rem 3rem 3rem 3rem;
}

.intro2 {
	border-top:solid gray thin;
}

.intro-text > button {
	width:10rem;
	margin:0 auto;
    display:block;
	background-color: white;
	color:  #007bff;
	border: 2px solid  #007bff;
}

.intro-text > button:hover {
	border: 2px solid #a2a4a6;
	/*color: #a2a4a6;*/
	background: #494949;
	color: white;
}

.custom-cable-container {
	display: flex;
    justify-content: center;
    align-content: center;

}
.custom-cable{
	border-radius:1%/5%; /*3% 3% 3% 3%/ 3% 3% 3% 3%;*/
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 31%);
    /*width: 63%;*/
    height:282px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row-reverse;
    width:100%
}

.custom-cable>img{
	/*margin-top:5%; 
	*/
	margin-top:2%;
}

/*****************************************/
/**************** FOOTER *****************/
/*****************************************/





footer {
	box-shadow:0px 0px 20px rgba(0,0,0,0.25);

}


.site-footer{
	color:#ffffff;
	background: rgb(18,45,119);
	background: -moz-linear-gradient(90deg, rgba(18,45,119,1) 0%, rgba(9,90,121,1) 38%, rgba(24,138,52,1) 96%);
	background: -webkit-linear-gradient(90deg, rgba(18,45,119,1) 0%, rgba(9,90,121,1) 38%, rgba(24,138,52,1) 96%);
	background: linear-gradient(90deg, rgba(18,45,119,1) 0%, rgba(9,90,121,1) 38%, rgba(24,138,52,1) 96%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#122d77",endColorstr="#188a34",GradientType=1);
}


.footer-logo {
	display:flex;
    justify-content: space-between;
    margin-left: 4vw;
    margin-right: 4vw;
    align-content: center;

}


.sm-icon > div {
	display: flex;
	justify-content:center;
	align-content:center;
}

.sm-icon{
	display: flex;
	justify-content:center;
	align-content:center;
}

.sm-icon >div >a> .svg-inline--fa {
    font-size: xx-large;
    display: block;
    margin:auto;
    margin-right:1.25rem;
}

.sm-icon >div >a {
   margin:auto;
   color: inherit!important;

}


.footer-content {
	display: flex;
    justify-content: space-around;
    align-content: center;
    font-family:Rubik;
    margin-top: 10px;
    border-top: #c1c1c1 solid thin;
    padding-top: 1.25rem
}

.footer-content > div {
	display:flex;
	flex-direction:column;
}

.footer-img-container {
	max-width:35%;
	margin-top:0.50rem;

}

.footer-img-container > img {
	/*width:90%;*/
	width: 60%;
}

.footer-content > div > a {
	color:#fff;
	margin-top:8px;
	font-size:.875rem;
    line-height: 1.25rem;
}
.site-info {
	border-top: #c1c1c1 solid thin;
	margin-top:30px;
	text-align:center;
	background:#171717; /*#383737*/
	font-family:'Rubik' , sans-serif;
}

.site-info > div {
	font-size:x-small;

}

#email,#contactName,#commentsText {
	width: 33vw;
	background:lightgrey;
	border:none;
}


#email,#contactName {
 	line-height: 3;
}

.form-button{
	background:none;
	border: solid thin #494949;
}

.form-button:hover{
	background:#494949;
	color:white;
	border: solid thin grey;
}

.contactform {
	padding-left:0;
}

.contactform > li{
	margin-top: 0.50rem;
}

.contact-content:nth-child(2){
	border-left:solid grey thin;
}

.contact-content {
	display: flex;
	justify-content:center;

}


.google-maps{
	text-align:center;
	margin-bottom:4rem;
	margin-top: 3rem;
}

.contact-text{
	justify-content:space-around;
	align-items: center;
}
.contactus{
	text-align:center;
}

.entry-title{
	margin-bottom:2rem;
}


.contact-container {
	display: flex;
	justify-content:space-around;
	padding-bottom: 2rem;
}

.contact-content {
	width: 50%;
}

/*Woocommerce Css*/

.woocommerce-input-wrapper{
	width:100%;
	display:block;

}

.woocommerce-input-wrapper > input {
	height:30px;
	border:1px solid black !important;
	padding:.25rem;
	background:#f0f0f0;
	border:0;
}

span.woocommerce-Price-amount {
	font-size: larger;
}

/*Widget*/

.widget {
	list-style-type: none;
	margin:0;
	padding-left:0;
	font-size:medium; 	
}


.woof_list {
	padding-left:0;
	font-size:small;
}


.widget > ul {
	list-style-type: none;
	padding:0;
	margin:0;
}


.woof_checkbox_label {
	margin:0 !important;
}


/*.woof_term_* {
	padding-top: 15px !important;
	line-height: 1.6em;
    height: 1.6em;
}*/

/*Mobile/Touch pad CSSs*/

/*HIDE navbar on mobile*/
/*@media only screen and (max-width: 710px ){

	.contact{
		border-bottom: solid black thin;
    	padding-bottom: 2rem;
    	margin-top: 1rem;
	}
} */

.error_contact{
	color:red;
}

.error {
	border: solid red thin;
	color:red;
/*	animation: shake 0.2s ease-in-out 0s 2;
    box-shadow: 0 0 0.5em red;*/
}


/*****************************************/
/************* MEDIA QUERYS *************/
/*****************************************/


@media only screen and (max-width: 812px ){
	.banner-content{
		font-size:.63rem;
	}

}

@media only screen and (max-width: 992px) {
	.new-menu{
    	display:none;
    	border:none;
	}

    .custom-cable-container {
        padding-left: 7% !important;
        padding-right: 7% !important;
    }

	.contact-content{
		flex-direction:column !important;

	}

	.contact{
		border-bottom: solid black thin;
    	padding-bottom: 2rem;
    	margin-top: 1rem;
	}
}
/*HIDE Hero on mobile*/

@media only screen and (max-width:992px){
	#hero{
		display:none;

	}
	#woo-cart-button{
	 width: 2rem !important;
	}
}

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

	.attachment-medium {
		display:none !important;
	}
	.offer-banner,.footer-content {
		flex-direction:column;
		text-align: center;
	}

	/* .custom-cable {
		width: 100%;
	} */

	.products {
		width:85%;
		margin:auto !important;
	}

	.header-banner {
		display: flex;
	    flex-direction: column;
	    text-align: center;
	    font-size:.775rem;
	}

	.mobile-menu {
		visibility: visible;
		display: flex;
		width: 100%;
		font-size: xx-large;
		width:50px;
	}

	

	.mobile-srch {
		display:flex !important;
		justify-content: center !important;
    	align-items: center !important;
	}

	.mobile-srch > div{
		width: 78vw;
    	margin-top: 1.25rem;
	
	}

	.container > .row {
		flex-direction:column !important;
	}

	.footer-flag > a {
		display: none;

	}

	.sm-icon {
		margin-top: 0.25rem;
	}

	.contact-container{
		flex-direction:column-reverse;
		border:none;
		align-items: center;
	}
	/*div:not(:first-child) { 
		margin-left: 2rem;
		text-align:center;
	 }*/
	.contact-content{
		flex-direction:row;
		border:none !important;
		align-items: center;
		margin-bottom: 2rem;
	}
	#email,#contactName,#commentsText{
		width:77vw;
		margin:none;
	}

	
}

@media only screen and (max-width:1025){
	.attachment-medium{
		display:none !important;
	}
	.custom-cable{
		width:100%;
	}
	
	.main-page-title{
		width: 100vw;
	}

}


/*@media only screen and (min-width:2015){
	#woo-cart-button{
		width: 10.25rem;
 	}
}*/

.col-lg-9 > .products {
	flex-wrap:wrap;
	text-align:center;
}
.col-lg-9 > h1 {
	border-bottom:solid black thin;
}

/*a:hover {
	color:#494949 !important;
}*/
a:hover{
	text-decoration: none;
	color:orange !important;
}

.home-page-woo > .woocommerce > ul.products > li.product:hover{
	-webkit-box-shadow: 0px 0px 8px 4px #494949 !important; 
	box-shadow: 0px 0px 8px 4px #494949 !important;
}

.custom-cable:hover{
	-webkit-box-shadow: 0px 0px 8px 4px #494949 !important; 
	box-shadow: 0px 0px 8px 4px #494949 !important;	
}


.woocommerce .quantity .qty{
	width:5.631rem;
	height:3.25rem;
}

#coupon_code{
	width: 7rem;
	height: 3.1rem;
}

/*.product{
	text-align:center;
	width: 16.95%;
	border: solid gray thin;
	border-radius: 2%;
	padding: 1rem !important;
}

.product:hover{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}

.button:hover {
	background:orange !important;
	color:white !important;
}*/
.woocommerce-loop-product__title:hover{
	color:orange;
}
/*contents causing shop page items to center*/
/*Add */

   @keyframes spin { 
        from { 
            -ms-transform: rotate(0deg); 
        } to { 
            -ms-transform: rotate(360deg); 
        }
    }




/*LOGO change to 180px 4/23 done */
/* Add pasternack mainpage bluebar with cataloge offering*/
/* Style contact page*/
.offer-banner-container{
	margin-top: 5rem;
    margin-bottom: 4rem;
    background: url(./images/nasa2.jpg) #f0f0f0 no-repeat center;
    background-size:cover;
    box-shadow:0px 0px 20px rgba(0,0,0,0.25);
    padding: 0.125rem 0 .625rem;
}
.offer-banner {
	display: flex;
	justify-content: space-around;
	align-items:center;
	padding: 1.25rem 1.25rem;
}

.offer {
	display: flex;
	align-items: center;
}
.offer-info {
	padding:2rem 2rem 2rem 2rem;
	color: #fff;
	

}

.offer:nth-child(3) > .offer-info{
	padding-top: 4rem;
}

.offer-info > a {
	color:#fff;
}

.calc-container {
  height: 131px;
}

.calc-container > img{
	width: auto;
    height: 100%;
}

.custom-cable > img {
	margin-right:3rem;
}

.contactform{
	list-style-type: none;
}

.contactform >li{
	display: flex;
    justify-content: center;
    flex-direction: column;
}
textarea
{
    resize: none;
}



.single_add_to_cart_button{
	margin-left:1rem!important;
}



.hide {
	display: none !important;
}

/*.catalog-container{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}*/
.dwnld-spec{
	font-size: x-large;
	margin-top:1rem;
}

.price-rules-table {
	text-align:center !important;
}

.woocommerce button.button.alt,.woocommerce a.button.alt {
	background-color:#104c78 !important;
    height: 3.25rem; /* check button*/
}

thead > tr{
	background-color:lightgray !important;
}

.spec-download-wrapper {
	border: solid #494949 thin;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 1rem;
}

.product_meta {
	text-align: center;
    display: flex;
    flex-direction: column;
}

/*.footer-flag{
	display: block

}*/

/*cart-contents {
	margin-left: 1.1rem;
}*/



/*Single Prodcut Page*/
.spp-center{
	align-items: center;
    justify-content: center;
    text-align: center;
    position: sticky;
}

.google-maps{
	display:none !important;
}








.modalOpen {
	display:block;
	background: rgba( 211, 203, 203, 0.30 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 7.0px );
	-webkit-backdrop-filter: blur( 7.0px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}



.modalClose {
	display:none;
}


#cst{
	display:none;
}


#series{
	height: 2rem;
	width: 12rem;
}


.woocommerce-loop-product__title{
	text-overflow:ellipsis ;
	overflow:hidden;
	height:7rem !important;
	margin-top:1rem;
	color: #494949;
	/*text-align:center;*/
}


.order-500{
	color:maroon;
	/*text-decoration: underline;*/
}

.construction_page{
	height: 27vh;
}

.woocommerce-product-gallery{
	border:solid thin gray;
	/*margin-top:52px;*/
	border-radius:3%;
	padding:1%;
    
}

.woocommerce-product-gallery:hover{
	border:solid thin black;
}



.catalog-items >ul>li{
	padding-left: 1.25rem;
	padding-top :1.25rem;
}

.catalog-items a {
	color:#494949;
}

.catalog-items li:hover{
	color:orange;
}

.catalog-items a:hover{
	color:orange;
}

.catalog-container {
	display: flex;
	justify-content: space-evenly;
	padding-top: 4rem;
	padding-bottom:10rem;
}

.catalog-title{
	text-align: center;
	margin-top: 2rem;
}

.flex-viewport{
	border-radius:4%;
}
/* .ctg-title::before{
    
}
.ctg-title::after{
     
} */
/* 

//WPFORM CUSTOME STYLE */

.wpforms-container.wpf-center {
     margin: 0 auto !important;
     max-width: 500px;
}

.wpforms-validate{
	display:flex!important;
	flex-direction: column;
}

.wpforms-submit-container{
	/* margin-top:1.55rem!important; */

}

#wpforms-212-field_1{
	width: 11rem!important;
	border: solid thin #379f2e!important;
}

.wpforms-submit {
	height: 2.36rem!important;
	text-align: center!important;
	border: solid thin #379f2e!important;
	font-size: small!important;
	padding: 3px 3px 3px 3px!important;
	background: #379f2e!important;
	color: white!important;
	border-radius: 0% 5% 5% 0%!important;

}

.wpforms-confirmation-container-full{
	color:white!important;
	border:none!important;
	background:none!important;
	text-align: center!important;
	background:none!important;
}

#woo-cart-button{
	width: 10.25rem;
}

.www{
	display: block;
}

/*flex-direction: column; catalog container*/ 

/* #wpforms-form-240{
    flex-direction: column;
} */

.wpforms-submit {
    width:100% !important;
    background-color:orange;
}
.wpforms-submit :hover{
    background-color: orange;
}

.contact-text{
    text-align:center;
}

.wpforms-ajax-form{
    flex-direction:column;
}

.contact-wrapper{
    margin-top:2rem;
    
}

#wpforms-confirmation-240 > p{
    color:black;
    
}
.woocommerce-product-gallery__image  > a > img{
    margin:0 auto;
    width:60% !important;
}


/*.woocommerce-product-gallery__image{
    padding:0%;
}*/

/*MY Account */
.woocommerce-MyAccount-navigation > ul{
    list-style: none;
    padding-left:0px;
}

.woocommerce-MyAccount-navigation > ul > li{
    margin-top: 3%;
}

.woocommerce-MyAccount-navigation > ul > li > a{
    color:rgb(5, 165, 157);
}

.woocommerce-MyAccount-content{
    border-left: solid thin black;
    padding-left: 4%;
}

.woocommerce-product-details__short-description{
	text-align:left;
}

.blockUI.blockOverlay {
    background-image:url('/wp-admin/images/wpspin_light-2x.gif') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

 .custom_table_container {
	
}
 .custom_table_container > table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%!important;
}

 .custom_td, .custom_th  {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

 .dtr > td:nth-child(2){
 	text-align:center;

}

 .dtr > td:nth-child(1){
 	font-weight:bold;

}
		

 .dtr:nth-child(even) {
  background-color: #dddddd;
}

.product-meta{
	font-size:0.8rem;
	color:grey;
	height: 3.3rem;
}

.tiered-pricing-table{
	text-align:center!important;
}

.related.products{
	margin-top:10vh;
}


.col2-set > .col-1 {
    max-width: none !important;
}